北朝鮮の脅威より、ネットの話題は・・・

地図！

あるニュース番組が「メルカトル図法の地図に円形のミサイルの到達範囲」を重ねて放送してプチ炎上
https://togetter.com/li/1112524

Selenideでのブラウザテスト（Ｅ２Ｅテスト）自動化の話を聞いてきた！

５月２０日、ＪＪＵＧ　ＣＣＣ　２０１７　Ｓｐｒｉｎｇに行ってきた！のつづき

Selenideを使ってみた～ブラウザテスト自動化～

をメモメモ

---

・自己紹介
・selenide（せるにど）を使い始めたきっかけ
　何も考えずやると、大量にコピペ
　　→メンテナンスかんがえるとつらい
・ページオブジェクトを利用する
　　→Ｂｅａｎに隠す
　変更に強い
　　でも
　ページオブジェクトを作成するのは大変

・楽に作成する
　サーバー側のＦｏｒｍクラスからの生成
　ページへ直接アクセスして要素取得
　electronのwebviewを使う

・概要
　electronのwebviewを利用する

・Ｊａｖａ８なら「default method」を使って

・確認作業
　いろいろできる
　　→ＵＩ試験の目的はなんですか？
　　　画面遷移ができれば、あとから・・
　　　画面キャプチャーは割り切って目視確認
　　　　　→エビデンス形式加工する
　selenide.screenshot→取得範囲
　　ライブラリある

・はまったこと
　突然起動しない→chromeが更新されていてwebdriverのバージョン変わってた

・まとめ
　ページオブジェクトは最初は簡単でも
　確認については目的を明確にしてから計画をしたほうがよい
　少しづつ導入することができるので、一歩一歩すすめる

JavaエンジニアのためのPostgreSQL話をきいてきた！

５月２０日、ＪＪＵＧ　ＣＣＣ　２０１７　Ｓｐｒｉｎｇに行ってきた！のつづき

JavaエンジニアのためのPostgreSQLステップアップ

をメモメモ

---

・自己紹介
・関係者
　　ＤＢＡ：安定稼働（フロント書かない）
　　アプリ開発者（Ｊａｖａ、ＳＱＬ）
　　　　データベーススペシャリスト：アプリ開発者用
・プログラムとデータの分離
　　ＡＰサーバー、データ分離
　　ＯＳ層の違い吸収：ｊａｖａ→データベースの違い吸収：ｓｑｌ
・ｓｑｌ
　　結果を高速に：なにがほしい：答えを返してくれる
　　トランザクション制御、
　　制約
　　コミットされたデータを守る
　　同時実行（ロック）
　　不正アクセス
・JDBCドライバ：接続
　　ＤＢ各社によって、ＪＤＢＣドライバの拡張に違いがある
　　ＯＲマッパー：性能問題
・星野源さんが、データベーススペシャリストを持っている
　データベースのエキスパート：重宝されるけど、資格はない

・ＪａｖａとＰｏｓｔｇｒｅｓを連携すると・・
　業務システム：複雑なロジック
　最適化した性能

・Ｗｅｂアプリと業務
　Ｗｅｂアプリ：参照が多い。数万人アクセスも。自分自身のデータが多い
　　→ＵＩ
　業務システム：アクセス数は社員数。複雑な検索もある
ＤＢでもいえる
　大量のアクセス、クエリは簡単→ＭｙＳＱＬに命を懸ける
　業務システム：Ｊｏｉｎの数が増える、かしこいＤＢ→PostgreSQL,Oracle

・PostgreSQLのかしこさ
　１つのＷｈｅｒｅで少数がヒットするもの
　多数の結果を扱うＳＱＬ
　　→PostgreSQLは最適な方法で検索
　　　　インデックス
　　　　全件検索
　ＭｙＳＱＬ：スレッドモデル→たくさんの人アクセスにむいている
　ＰｏｓｔｇｒｅＳＱＬ：業務の種類がたきで、たくさんＪＯＩＮ

・選ぶ理由
　　拡張性：ＪＳＯＮ型、地理
　　レプリケーション
　　大規模、マルチデータプラットフォーム

・ＳＱＬをちゃんと書きましょう→あとはＤＢＡに任せちゃいましょう
・ＤＢＡ
　　ＯＳレベルの監視
　　メンテナンス：結構ちゃんとしないと、性能問題
　　バックアップ、
　　ＤＢ起動停止、障害復旧

・メンテナンス：ＤＢのチューニング
　　ＤＢの設定のチューニング→初期段階で決まる
　　ＳＱＬのチューニング→いろいろ
　　　自分が困っていることが何
　　　　特徴：Ｗｅｂアプリより？業務より？
　　　　　更新の量、回数、タイミング→設計段階で
　　　個別最適：どのＳＱＬがわるい？　もっさりする・・

・ＳＱＬチューニング
　なにもしていないのにおそい：信用されてない→ちょっとかえただけでもかわる
　データ量の増大

Vue.jsとSpring Bootを使ったＷｅｂ開発を聞いてきた！

５月２０日、ＪＪＵＧ　ＣＣＣ　２０１７　Ｓｐｒｉｎｇに行ってきた！

まずは

Vue+Spring Bootで他のすくフルスタック開発やってみた

をメモメモ

---

・自己紹介
・今日話すこと
　Vueとかwebpackまわり
　SpringBootとともにビルド
　最強スタック

・VueとＷｅｂｐａｃｋまわり
　SAStruts＋ＪＳＰ→まあ時代的にも妥当だった
　　　ＪａｖａＳｃｒｉｐｔで頑張ることができなかった
　JAX-RS+静的ＨＴＭＬ＋Knockout→よかった（２０１１年後半）
　　　バインディングができる
　Spring MVC+Thymeleaf→Ｓｐｒｉｎｇ　Ｂｏｏｔ素敵
　　　サーバーサイドテンプレートはもうなくていいかな

・Knockoutのよさ
　双方向データバインディング
　　Ｊａｖａｓｃｒｉｐｔ変更するとＨＴＭＬに反映
　　フォームコントロールで入れるとＪａｖａｓｃｒｉｐｔのオブジェクトに反映

・データバインディング
　変更通知
　　→通知されたときにする

・サーバーサイドテンプレートエンジンの好きになれないところ
　　ＨＴＭＬとＪａｖａｓｃｒｉｐｔとテンプレートの式言語が混在
　　ＪａｖａｓｃｒｉｐｔでＤｏｍいじるなら、サーバーでレンダリングしなくても

・最近やったスマートフォン案件
　Ａｎｄｒｏｉｄ・iosの両方に対応
　機能的にはＷｅｂアプリの域を脱しない
　Ｃｏｒｄｏｖａを選択

・双方向バインディングしたい
　cordovaを選択したけどvanilla JS(すっぴんのＪＳ）もJQueryもやだ！
　Vueファイル→コンポーネント→ＷｅｂＰａｃｋ

・VueでＳＰＡ
　ＳＰＡにするためのもの
　　vue-router2
　　　：ルーティング
　　Vuex
　　　：Flux実装
　　　　actions→mutation→state
　　axios
　　　：ＨＴＴＰクライアント
　　　　ＡＪＡＸを投げる（プロミスが返される）

・Vueよかったこと
　学習コストが低い
　公式ドキュメント日本語
　アニメーション　ＣＳＳ　Ｔｒａｎｓｉｔｉｏｎ

・こまったこと
　iosのWebViewでびゅー→ｊｓのバインドがうまく動かないケース

・npmとWebpackの導入
　依存関係追加
　 package.json

・webpack　１つのjsファイルにまとめる
　　設定
　ぷらがぶるなコンパイラー
　開発中のＷｅｂｐａｃｋビルド
　　webpack dev server
　　　　コード変更を検知してビルド、
　　　　ブラウザを自動リロード

・便利なもの
　vue-cli　すぷりんぐ　いにしゃらいざーみたいなもの
　chrome拡張

・ここまでのまとめ

・ＳＰＡは必須か？
　すべては必要ないけど、ちょっとなってくれれば・・
　ＪＳファイルを複数出力したい→webpackの設定を変える

・ＳｐｒｉｎｇＢｏｏｔとともにビルド
　ポイント
　　webpackビルド対象となるソースだいる
　　ビルドしたjsの出力先
　　ホスティングするパス

　ビルド済みjs　src/main/js
　出力先：クラスファイルの出力先にしている（ほんとはりそーすのところ）
　ホスティングしているパス bin/staticの下

・Gradleのビルドの流れ
　npm run buildを実行　
　
・さいきょうすたっく
　・Spring Boot devtools
　・Spring MVC Jax-RS
　・Ｄｏｍａ：ＤＯアクセス
　・Ｖｕｅ(+vue-router2,Vuex),axios
　・Ｇｒａｄｌｅ
　・npm,webpack
　・selenide（せるにど）Ｅ２Ｅ、ブラウザテスト

・クラス設計
　いみゅーたぶる
　ばりゅーおぶじぇくと
　　→なるべく静的に

・クラス設計
　おぶざーばー
　いてれーたー
　びじたー

・さいきょうのへんせん
　フロントエンドの進化

・さらに気になる
　ＣＳＳ　Ｇｒｉｄ　Ｌａｙｏｕｔ

・まとめ

三井物産、カンボジアで通信事業

三井物産、カンボジアで通信事業
http://www.nikkei.com/article/DGXLASDZ19I99_Z10C17A5TJ1000/

ちなみに・・・

200％超の増加率、日本企業のカンボジア進出が急増、火力発電所への供給もサポート
https://www.digima-news.com/20170519_18280