スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device

Transcript

1. スマホで始める Webアプリ開発 2019年11月21日 Yumemi.vue #3 遠藤ヒズミ
2. 自己紹介 名前：遠藤ヒズミ (@endo_hizumi) 所属：ジャスミンシステム 業務：都内某所でPython書いてるWebコーダー 趣味：Webアプリ開発・変態ガジェット集め・プラモデル製作 Webサイト：https://hizumi.dev
3. みんな！
4. 趣味でコード書こう！
5. 趣味でアプリを作る理由 • 自分個人の実績が出来る • 業務と同じ言語なら、理解が深まる ↑圧倒的成長↑ • 没頭してるときは、楽しい
6. • 仕事中に帰ったらあれしたいこれしたいと考える ◦ でも、家帰ったら、やらない • だったら、会社に残って、自己研鑽？ ◦ そのために、会社残りたくない • ならば、コワーキングカフェへ寄り道！ ◦ わざわざ、通うのが億劫 立ちはだかる壁
7. だったら、移動時間を使おう • 関東の平均通勤時間は、1.3時間 • 往復だと、2.6時間 • コード書くには、十分な時間では？？ 出典：平成28年社会生活基本調査　生活行動に関する結果　結果の概要 - 総務省 統計局 （https://www.stat.go.jp/data/shakai/2016/pdf/gaiyou2.pdf）
8. 移動時間を使うときの問題点 • 座れると限らない • パソコン出すのめんどい • パソコンは会社のキャビネット • パソコンは重い(MacBook Airで1.2kg) →　じゃあ、スマホ使おう！
9. なんで、スマホ？ • 立ちながらも書ける • サッと出せる • スマホはポケット • スマホは軽い (iPhone 11 Pro Maxは223g) → 始めよう！
10. スマホで始めよう セットアップの手順 • Termuxのインストール • Hacker's Keyboardのインストール • (みんな大好き)VueCLIのセットアップ • ウェルカムページを開く
11. Termuxとは • Android用の端末エミュ レーター • aptでLinuxパッケージを インストールできる • SDカードを参照できる • ファイルの連携もアプリ からできて楽
12. Hacker’s Keyboardとは • スマホのキーボードにないキーを 追加してくれる • Ctrl・ESC・Tab・矢印など • PCと同じ配列でコーディングに最 適
13. ＰＣとビルド速度比較 • VueCLIをインストールしたTermux環境のXperia XZ2 Premiumと Xperia XZと3台のVueCLIをインストールしたPCを用意 • vue createコマンドで作成したプロジェクトをビルド • ビルドにかかった時間を比較してみた
14. 機種 OS プロセッサ RAM(GB) 時間(秒) Win10 Desktop Ubuntu 18.04 on WSL1 Core i7 2th 24 12.181 Xperia XZ2 Premum Android 9.0 SDM845 (snapdragon845) 6 15.972 macBook Air 2017 macOS 10.14 Core i5 5th 8 17.699 Xperia XZ Android 8.0 MSM8996 (snapdragon820) 3 22.065 Acer Aspire S3 S3-391-H34D Ubuntu 18.04 Core i3 3rd 4 25.211 PCとのビルド速度比較の結果
15. 機種 OS プロセッサ RAM(GB) 時間(秒) Win10 Desktop Ubuntu 18.04 on WSL1 Core i7 2th 24 12.181 Xperia XZ2 Premum Android 9.0 SDM845 (snapdragon845) 6 15.972 macBook Air 2017 macOS 10.14 Core i5 5th 8 17.699 Xperia XZ Android 8.0 MSM8996 (snapdragon820) 3 22.065 Acer Aspire S3 S3-391-H34D Ubuntu 18.04 Core i3 3rd 4 25.211 PCとのビルド速度比較の結果 ⇛ Xperia XZ2 PremiumがMacBook Airに勝つ結果に
16. まとめ • 通勤時間の一部を使ってコードを書こう。 • AndroidスマホならアプリをインストールするだけでLinux環 境が作れる • 最近のスマホはPCに匹敵するスペックがある