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

Transcript

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

   View Slide

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

   View Slide

3. みんな！
   

   View Slide

4. 趣味でコード書こう！
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide