スマホで始める Webアプリ開発 2019年11月21日 Yumemi.vue #3 遠藤ヒズミ

自己紹介 名前：遠藤ヒズミ (@endo_hizumi) 所属：ジャスミンシステム 業務：都内某所でPython書いてるWebコーダー 趣味：Webアプリ開発・変態ガジェット集め・プラモデル製作 Webサイト：https://hizumi.dev

みんな！

趣味でコード書こう！

趣味でアプリを作る理由 ● 自分個人の実績が出来る ● 業務と同じ言語なら、理解が深まる ↑圧倒的成長↑ ● 没頭してるときは、楽しい

● 仕事中に帰ったらあれしたいこれしたいと考える ○ でも、家帰ったら、やらない ● だったら、会社に残って、自己研鑽？ ○ そのために、会社残りたくない ● ならば、コワーキングカフェへ寄り道！ ○ わざわざ、通うのが億劫 立ちはだかる壁

だったら、移動時間を使おう ● 関東の平均通勤時間は、1.3時間 ● 往復だと、2.6時間 ● コード書くには、十分な時間では？？ 出典：平成28年社会生活基本調査　生活行動に関する結果　結果の概要 - 総務省 統計局 （https://www.stat.go.jp/data/shakai/2016/pdf/gaiyou2.pdf）

移動時間を使うときの問題点 ● 座れると限らない ● パソコン出すのめんどい ● パソコンは会社のキャビネット ● パソコンは重い(MacBook Airで1.2kg) →　じゃあ、スマホ使おう！

なんで、スマホ？ ● 立ちながらも書ける ● サッと出せる ● スマホはポケット ● スマホは軽い (iPhone 11 Pro Maxは223g) → 始めよう！

スマホで始めよう セットアップの手順 ● Termuxのインストール ● Hacker's Keyboardのインストール ● (みんな大好き)VueCLIのセットアップ ● ウェルカムページを開く

Termuxとは ● Android用の端末エミュ レーター ● aptでLinuxパッケージを インストールできる ● SDカードを参照できる ● ファイルの連携もアプリ からできて楽

Hacker’s Keyboardとは ● スマホのキーボードにないキーを 追加してくれる ● Ctrl・ESC・Tab・矢印など ● PCと同じ配列でコーディングに最 適

ＰＣとビルド速度比較 ● VueCLIをインストールしたTermux環境のXperia XZ2 Premiumと Xperia XZと3台のVueCLIをインストールしたPCを用意 ● vue createコマンドで作成したプロジェクトをビルド ● ビルドにかかった時間を比較してみた

機種 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とのビルド速度比較の結果

機種 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に勝つ結果に

まとめ ● 通勤時間の一部を使ってコードを書こう。 ● AndroidスマホならアプリをインストールするだけでLinux環 境が作れる ● 最近のスマホはPCに匹敵するスペックがある