- Ginza.js#2に参加してきました。
| タイトル | 発表者 |
|---|---|
| Vue初心者はVuetifyで遊んでみよう | きり丸 |
| Jestを使ってVueコンポーネントとVuexストアのテストコードを書いてみよう! | karamage |
| vue×firebase製のなんちゃってCMSで、仕様決めから開発まで使い倒してる話＠受託 | MacotoChitose |
| TOEIC400点のRubistがセブのオフショアでReactNativeでアプリ開発した話 | DYoko0701 |
| Ionic/Vueを紹介してみる | 果物リン |
| Making Figma Plugins with TypeScript | takanorip |
| /f(ig | usu)ma/の話 | Quramy |
Vue初心者はVuetifyで遊んでみよう
- きり丸さん
対象
Vuetify
- Material DesignをベースとしたCSSフレームワーク
- VueCLI3で簡単に使える
- 公式サイトのサンプルが充実してる
Jestを使ってVueコンポーネントとVuexストアのテストコードを書いてみよう!
- karamageさん
VueアプリでJestのセットアップ
- jestとvue-test-utilsをインストール
- Jest
- JSのテストシェアNo1
- テスト周り全部入り(他のテストツールだといろいろ組み合わせたりする必要あった)
- カバレッジも取れる
- スナップショットテストもできる
- Nuxtアプリに入れるときはbabel周りでハマることもある
- バージョンいじったら解消された
vue×firebase製のなんちゃってCMSで、仕様決めから開発まで使い倒してる話＠受託
- MacotoChitoseさん
VueとFirebase
- 仕様決めの段階からコンポーネントを作って見せていく
- 早めにフィードバックもらって軌道修正できる
- Firebaseに仮データ入れて動作確認できる
TOEIC400点のRubistがセブのオフショアでReactNativeでアプリ開発した話
- DYoko0701さん
ReactNativeでのアプリ開発
- アプリ
- ReactNative
- サーバ
オフショア
- なぜセブ?
- 中国とかインドとかは単価上がってきてる
- 公用語英語
- ネットワークとても遅い(オフィスでも10M/bps)
- 新しい技術より枯れたものの方が得意なことが多い
- 既存の改修だと説明しないといけないので大変
Ionic/Vueを紹介してみる
- 果物リンさん
Vueでネイティブアプリ
- Weex
- VueNative
- どちらもあまり使われてない
Ionic
- Web技術でネイティブアプリを作れる
- Cordovaベース
- v3まではAngularだった
- v4からはVueやReactも使える
Making Figma Plugins with TypeScript
- takanoripさん
Figma
Figma Designで検索- Web版とアプリ版がある
Figma Plugin
- 今まではPlugin作れなかった
- 6/11にFigma Plugins betaが発表された
- API経由で自由に機能にアクセスできる
- TypeScriptで書ける(公式がおしてる)
- WebWorker上のSandboxで任意のコードを動かせる
/f(ig|usu)ma/の話
- Quramyさん
fusuma
- markdown(mdx)でスライドが書ける
- コードも貼れる(ハイライトついてくれる)
fusumaとfigma
.mdをスライドにするツールは過去にもいろいろあった- 図を入れるのがめんどくさかった
- figmaならiframeでembedできる
- mdxにiframeを入れたらよさそう
- iframeの読み込みが遅かったのでgulpタスクでimgタグに置き換えた