$30 off During Our Annual Pro Sale. View Details »

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

Endo_Hizumi
November 21, 2019

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

Endo_Hizumi

November 21, 2019
Tweet

More Decks by Endo_Hizumi

Other Decks in Technology

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. PCとビルド速度比較
    ● 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