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

2bf280ac8fc28aa5d99de291eb8ccfbe?s=47 Endo_Hizumi
November 21, 2019

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

2bf280ac8fc28aa5d99de291eb8ccfbe?s=128

Endo_Hizumi

November 21, 2019
Tweet

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. PCとビルド速度比較 • 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に匹敵するスペックがある