平成最後の V-KANSAI を開催しました
INDEX
5️⃣

平成最後の V-KANSAI を開催しました

#Review

By jiyuujin at

前日 4/24 には東京でも開催された Vue.js Meetup、結果としてたまたまタイミングのカブること無くセッティングできたことは嬉しい限りです。

Put Your Hands Up

今回利用させていただいたサービス、登壇者に質問することを目的にしたサービス「Put Your Hands Up」

さんから今回は個別に v-kansai #5 専用ページまで用意していただきました。

とはいえ、上記リンクよりご覧になれますので、是非チェックのほどお願いします。

スポンサーである LINE さまのLT

LINE 株式会社 さんの登壇、 CSS 設計手法でコンポーネント設計した話。

きっかけは Atomic Design で満足できず、今回 をやってみた。

Vue CLI v3 のディレクトリに追加して対応したことでとりあえずは解決、ただしサンプル数がまだまだ少ないと言ったことが課題のひとつのようです。

TypeScript でテストを始めた

さんの登壇、 TypeScript 導入から Jest でテストを書いた話。まず TypeScript 導入について tslint を採用したようです。個人的に今となっては @typescript-eslint を採用した方が良いのではと思いました。まぁそれだけ Web 界隈の進むスピードが早いことを実感させられますね。

続いてテスト。中身は Ruby のようですが、「」がテストを書く上で凄く参考になったようです。

下記のことに気をつけながら、何のテストを書いているかを明確にしたようです。

  1. テストケース it ひとつに対し、テストケースをひとつにすること
  2. API の呼び出しを独立にすること
  3. コンポーネントを出来るだけ小さくすること

Nuxt.jsと Expressで Webサービスを作ってみた

さんの登壇、「」を Nuxt.js + Express で作っている話。

新規 Nuxt プロジェクトのスタートアップで create-nuxt-app ではサーバの選択肢が与えられ、凄く使い勝手が良かった。また今後データの集計機能も盛り込む予定があったので、 NoSQL と違ってしっかりと設計できる MySQL を採用。フロント、サーバ共に Node.js を使う選択肢を取ることとなった。

ただしフロント・サーバ共に組み合わせるパッケージで動かない事象が度々発生。デプロイ先である GAE でも一番貧弱なサーバを選択したこともこの原因と考えられるとのこと。

結果としてサーバは専用のフレームワークを採用した方が無難だったそうです。

amp-script + Vue.js

関西 Node 学園オーガナイザ さんの登壇、先週の AMP Conf 2019 でも話題になった amp-script の話について。

AMP-Access-Control-Allow-Source-Origin などを追加した上で公式の を使うことができる。

一部申請のあったオリジンに対しては、既に AMP が使える状態となっているようです。とはいえ JS が使えないってどーなのよ、ファイルサイズに制限があったりという話もあるようで。これからに期待したいです。

その他 LT セッション

Vue.js の Reactive の中をのぞいてみた件

atma 株式会社の さんの登壇。

Vue.js でしばしば object にプロパティを追加したのに反映されていないと言ったことにハマるのは Reactive に振り回されているから起因している話について。

実際に Vue.js の作者である Evan 氏の でステップ実行してみた経験から話されました。

iOSで Vueを書き JAMStackな LT資料を作った話

さんの登壇、目立ちたい一心から iPad でプレゼンテーションスライドを作った話。しかも縦型で魅せる形式でした。

このスタイルを実現するに当たって外付キーボードに問題、一部キーで入力できないことがあるようです。また　iOS12.2 以降、 PWA 周りが更新されておりこの対応を進めたことで、結果としてネイティブアプリと同じ挙動になったという話でした。

初心者の Vue.js奮闘記録

インフォニック株式会社の山下大輔さんの登壇、 Vue.js を使ってプロフィールページを作った話。

レスポンシブ化まではされていないようですが、 の出来は素晴らしいですね。

困ったことは webpack 周りの設定ファイルが隠蔽されていたので少し分かりづらかったこと。 eslint による制限が厳しかったので全て無視してしまったこと、初めてビルドすると意外とその対応が辛かったりしますね。また今後テストコードをちゃんと書いていきたい、vuex も活用していきたいと言った話でした。

最後に、

次回来月 5/22 に #6 が開催予定です。