Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

アプリ開発を効率化する 方法あれこれ Slide 1 アプリ開発を効率化する 方法あれこれ Slide 2 アプリ開発を効率化する 方法あれこれ Slide 3 アプリ開発を効率化する 方法あれこれ Slide 4 アプリ開発を効率化する 方法あれこれ Slide 5 アプリ開発を効率化する 方法あれこれ Slide 6 アプリ開発を効率化する 方法あれこれ Slide 7 アプリ開発を効率化する 方法あれこれ Slide 8 アプリ開発を効率化する 方法あれこれ Slide 9 アプリ開発を効率化する 方法あれこれ Slide 10 アプリ開発を効率化する 方法あれこれ Slide 11 アプリ開発を効率化する 方法あれこれ Slide 12 アプリ開発を効率化する 方法あれこれ Slide 13 アプリ開発を効率化する 方法あれこれ Slide 14 アプリ開発を効率化する 方法あれこれ Slide 15 アプリ開発を効率化する 方法あれこれ Slide 16 アプリ開発を効率化する 方法あれこれ Slide 17 アプリ開発を効率化する 方法あれこれ Slide 18 アプリ開発を効率化する 方法あれこれ Slide 19 アプリ開発を効率化する 方法あれこれ Slide 20 アプリ開発を効率化する 方法あれこれ Slide 21 アプリ開発を効率化する 方法あれこれ Slide 22 アプリ開発を効率化する 方法あれこれ Slide 23 アプリ開発を効率化する 方法あれこれ Slide 24 アプリ開発を効率化する 方法あれこれ Slide 25 アプリ開発を効率化する 方法あれこれ Slide 26 アプリ開発を効率化する 方法あれこれ Slide 27 アプリ開発を効率化する 方法あれこれ Slide 28 アプリ開発を効率化する 方法あれこれ Slide 29 アプリ開発を効率化する 方法あれこれ Slide 30 アプリ開発を効率化する 方法あれこれ Slide 31 アプリ開発を効率化する 方法あれこれ Slide 32 アプリ開発を効率化する 方法あれこれ Slide 33 アプリ開発を効率化する 方法あれこれ Slide 34 アプリ開発を効率化する 方法あれこれ Slide 35 アプリ開発を効率化する 方法あれこれ Slide 36 アプリ開発を効率化する 方法あれこれ Slide 37 アプリ開発を効率化する 方法あれこれ Slide 38 アプリ開発を効率化する 方法あれこれ Slide 39 アプリ開発を効率化する 方法あれこれ Slide 40 アプリ開発を効率化する 方法あれこれ Slide 41 アプリ開発を効率化する 方法あれこれ Slide 42 アプリ開発を効率化する 方法あれこれ Slide 43 アプリ開発を効率化する 方法あれこれ Slide 44 アプリ開発を効率化する 方法あれこれ Slide 45 アプリ開発を効率化する 方法あれこれ Slide 46 アプリ開発を効率化する 方法あれこれ Slide 47 アプリ開発を効率化する 方法あれこれ Slide 48 アプリ開発を効率化する 方法あれこれ Slide 49 アプリ開発を効率化する 方法あれこれ Slide 50 アプリ開発を効率化する 方法あれこれ Slide 51 アプリ開発を効率化する 方法あれこれ Slide 52 アプリ開発を効率化する 方法あれこれ Slide 53 アプリ開発を効率化する 方法あれこれ Slide 54 アプリ開発を効率化する 方法あれこれ Slide 55 アプリ開発を効率化する 方法あれこれ Slide 56 アプリ開発を効率化する 方法あれこれ Slide 57 アプリ開発を効率化する 方法あれこれ Slide 58 アプリ開発を効率化する 方法あれこれ Slide 59 アプリ開発を効率化する 方法あれこれ Slide 60 アプリ開発を効率化する 方法あれこれ Slide 61 アプリ開発を効率化する 方法あれこれ Slide 62 アプリ開発を効率化する 方法あれこれ Slide 63 アプリ開発を効率化する 方法あれこれ Slide 64 アプリ開発を効率化する 方法あれこれ Slide 65 アプリ開発を効率化する 方法あれこれ Slide 66 アプリ開発を効率化する 方法あれこれ Slide 67 アプリ開発を効率化する 方法あれこれ Slide 68 アプリ開発を効率化する 方法あれこれ Slide 69 アプリ開発を効率化する 方法あれこれ Slide 70 アプリ開発を効率化する 方法あれこれ Slide 71 アプリ開発を効率化する 方法あれこれ Slide 72 アプリ開発を効率化する 方法あれこれ Slide 73 アプリ開発を効率化する 方法あれこれ Slide 74 アプリ開発を効率化する 方法あれこれ Slide 75 アプリ開発を効率化する 方法あれこれ Slide 76 アプリ開発を効率化する 方法あれこれ Slide 77 アプリ開発を効率化する 方法あれこれ Slide 78 アプリ開発を効率化する 方法あれこれ Slide 79 アプリ開発を効率化する 方法あれこれ Slide 80 アプリ開発を効率化する 方法あれこれ Slide 81 アプリ開発を効率化する 方法あれこれ Slide 82 アプリ開発を効率化する 方法あれこれ Slide 83 アプリ開発を効率化する 方法あれこれ Slide 84 アプリ開発を効率化する 方法あれこれ Slide 85 アプリ開発を効率化する 方法あれこれ Slide 86

YouTube videos are no longer supported on SlideShare

View original on YouTube

アプリ開発を効率化する 方法あれこれ Slide 88 アプリ開発を効率化する 方法あれこれ Slide 89 アプリ開発を効率化する 方法あれこれ Slide 90 アプリ開発を効率化する 方法あれこれ Slide 91 アプリ開発を効率化する 方法あれこれ Slide 92 アプリ開発を効率化する 方法あれこれ Slide 93

YouTube videos are no longer supported on SlideShare

View original on YouTube

アプリ開発を効率化する 方法あれこれ Slide 95 アプリ開発を効率化する 方法あれこれ Slide 96 アプリ開発を効率化する 方法あれこれ Slide 97 アプリ開発を効率化する 方法あれこれ Slide 98 アプリ開発を効率化する 方法あれこれ Slide 99 アプリ開発を効率化する 方法あれこれ Slide 100 アプリ開発を効率化する 方法あれこれ Slide 101 アプリ開発を効率化する 方法あれこれ Slide 102 アプリ開発を効率化する 方法あれこれ Slide 103 アプリ開発を効率化する 方法あれこれ Slide 104 アプリ開発を効率化する 方法あれこれ Slide 105 アプリ開発を効率化する 方法あれこれ Slide 106 アプリ開発を効率化する 方法あれこれ Slide 107
Upcoming SlideShare
RESTful #とは RailsスタイルからRESTを学ぼう
Next
Download to read offline and view in fullscreen.

121

Share

Download to read offline

アプリ開発を効率化する 方法あれこれ

Download to read offline

アプリ開発以外にも適用できる効率化についてあれこれいってます。

Related Audiobooks

Free with a 30 day trial from Scribd

See all

アプリ開発を効率化する 方法あれこれ

  1. 1. アプリ開発を効率化する 方法あれこれ 面白法人カヤック HTMLファイ部 溝上篤司
  2. 2. アプリ開発に限らない アプリ開発を効率化する 方法あれこれ 面白法人カヤック HTMLファイ部 溝上篤司
  3. 3. 本日のアジェンダ・良い名前、つけてますか?・テスト、書いてますか?・自動化、してますか?・ツール、作ってますか?の4本です。
  4. 4. 自己紹介Facebook : Atsushi MizoueTwitter : asion_m・Vimが大好きで社内で布教&プラグイン作成なんかやってます・JavaScriptも大好きで最近仕事ではほとんどJSしか書いてません。・麦酒が血液です。
  5. 5. 自己紹介 部署名は 冗談のようですが 本当です。
  6. 6. 自己紹介 部署名は 冗談のようですが 本当です。 ※この部署名になってから HTML5の案件が激増したそうです
  7. 7. さて 本題です。
  8. 8. 本題 良い名前、 つけてますか?
  9. 9. 良い名前、つけてますか?例えば HTMLファイ部
  10. 10. 良い名前、つけてますか?どこからどう読んでもHTML5の制作を行う部署です。本当に(ry
  11. 11. 良い名前、つけてますか?では次の変数は何をしてるか 想像できるでしょうか?
  12. 12. 良い名前、つけてますか?では次の変数は何をしてるか 想像できるでしょうか? var mvCnt;
  13. 13. 良い名前、つけてますか?想像される答え
  14. 14. 良い名前、つけてますか?想像される答え・カウントアップ?・てかそもそもmvって何?・一体なんのカウントなんだ・・・
  15. 15. 良い名前、つけてますか?想像される答え 前後の・カウントアップ? プログ・てかそもそもmvって何? ラムを・一体なんのカウントなんだ・・・見ない とわか らん!
  16. 16. 良い名前、つけてますか?正解は
  17. 17. 良い名前、つけてますか?正解はオブジェクトの移動(Move)を管理するControllerのインスタンスでした。
  18. 18. 良い名前、つけてますか?正解はオブジェクトの移動(Move)を管理するControllerのインスタンスでした。※制作者:過去の自分
  19. 19. 良い名前、つけてますか?正解はオブジェクトの移動(Move)を管理するControllerのインスタンスでした。※制作者:過去の自分 爆発すればいいのに
  20. 20. 良い名前、つけてますか? ちなみに
  21. 21. 良い名前、つけてますか? ちなみに 無駄にした時間は 1時間でした。
  22. 22. 良い名前、つけてますか?今考えたような事 よくありませんか?
  23. 23. 良い名前、つけてますか?良い名前をつけておけば考えたり、調べるのに使った時間は必要なかったはず。
  24. 24. 良い名前、つけてますか?良い名前をつけておけば考えたり、調べるのに使った時間は必要なかったはず。例えば var moveCtrl;
  25. 25. わかりやすい名前は効率化の第一歩 良い名前をつければ 調べる時間が減る。
  26. 26. わかりやすい名前は効率化の第一歩個人的な経験ですが、
  27. 27. わかりやすい名前は効率化の第一歩個人的な経験ですが、Webアプリは所謂普通のWebサイトより更新頻度が高い。
  28. 28. わかりやすい名前は効率化の第一歩 故に
  29. 29. わかりやすい名前は効率化の第一歩 ただでさえ読む時間が長い プログラムを読む時間が 更に長くなる。
  30. 30. わかりやすい名前は効率化の第一歩 =
  31. 31. わかりやすい名前は効率化の第一歩キーを打つコストより理解にかかる時間のコストのほうが高くなる
  32. 32. わかりやすい名前は効率化の第一歩キーを打つコストより理解にかかる時間のコストのほうが高くなる ※いくら名前が長くなろうが 補完で大体なんとかなりますよね?
  33. 33. わかりやすい名前は効率化の第一歩 例
  34. 34. 良い名前、つけてますか?✕ var sp = new Sprite();◯ var sprite = new Sprite();✕ var av = new Avatar();◯ var avatar = new Avatar();✕ var ext = new ExternalInterface();◯ var external = new ExternalInterface();
  35. 35. 良い名前、つけてますか? 省略形を なるべく使わない。 ※よく使われる省略形でも ちょっと考えてみる。
  36. 36. さて では次。
  37. 37. テスト駆動開発 テスト、 書いてますか?
  38. 38. テスト駆動開発「JavaScriptでテスト?」
  39. 39. テスト駆動開発「JavaScriptでテスト?」「テスト書くの面倒臭くない?」
  40. 40. テスト駆動開発「JavaScriptでテスト?」「テスト書くの面倒臭くない?」「”シンプル”だからテストはいいや」
  41. 41. テスト駆動開発「JavaScriptでテスト?」「テスト書くの面倒臭くない?」「”シンプル”だからテストはいいや」「テストって何書いていいかわからない」
  42. 42. テスト駆動開発「JavaScriptでテスト?」「テスト書くの面倒臭くない?」「” シンプル”だからテストはいいや」「テストって何書いていいかわからない」「後で書くよ後で」
  43. 43. テスト駆動開発 死亡フラグです。
  44. 44. テスト駆動開発 テスト駆動開発 (TDD)は 効率化 の手法です。
  45. 45. TDDは効率化の手法・JavaScriptこそテストを書かないとやってられない
  46. 46. TDDは効率化の手法・JavaScriptこそテストを書かないとやってられない・テストを書かないほうが面倒臭い
  47. 47. TDDは効率化の手法・JavaScriptこそテストを書かないとやってられない・テストを書かないほうが面倒臭い・本当にシンプルですか?
  48. 48. TDDは効率化の手法・JavaScriptこそテストを書かないとやってられない・テストを書かないほうが面倒臭い・本当にシンプルですか?・テストを書けないことは大抵書かない方が良い
  49. 49. TDDは効率化の手法・JavaScriptこそテストを書かないとやってられない・テストを書かないほうが面倒臭い・本当にシンプルですか?・テストを書けないことは大抵書かない方が良い・本当に後から書いたことありますか?
  50. 50. TDDは効率化の手法JavaScriptこそテストを書かないとやってられない
  51. 51. TDDは効率化の手法JavaScriptこそテストを書かないとやってられない・実行環境を限定することが(まず)出来ない
  52. 52. TDDは効率化の手法JavaScriptこそテストを書かないとやってられない・実行環境を限定することが(まず)出来ない・ブラウザを限定することも(大抵)出来ない
  53. 53. TDDは効率化の手法JavaScriptこそテストを書かないとやってられない・実行環境を限定することが(まず)出来ない・ブラウザを限定することも(大抵)出来ない・例え限定出来たとしても
  54. 54. TDDは効率化の手法JavaScriptこそテストを書かないとやってられない・実行環境を限定することが(まず)出来ない・ブラウザを限定することも(大抵)出来ない・例え限定出来たとしても全対象に手作業でチェックする・・・だと・・・
  55. 55. TDDは効率化の手法JavaScriptこそテストを書かないとやってられない 死亡・実行環境を限定することが(まず)出来ない・ブラウザを限定することも(大抵)出来ない フラ・例え限定出来たとしても全対象に手作業でチェックする・・・だと・・・ グ
  56. 56. TDDは効率化の手法・テスト書かないほうが面倒臭いJavaScriptの実行環境は(ほぼ)ブラウザ。
  57. 57. TDDは効率化の手法・テスト書かないほうが面倒臭いJavaScriptの実行環境は(ほぼ)ブラウザ。 アップデートのたびに何らつまりかの方法で動作チェックをしなければならない。
  58. 58. TDDは効率化の手法・テスト書かないほうが面倒臭い 死亡JavaScriptの実行環境は(ほぼ)ブラウザ。 フラ アップデートのたびに何らつまりばならない。 グかの方法で動作チェック をしなけれ
  59. 59. TDDは効率化の手法・本当にシンプルですか?なぜシンプルだと思ったのでしょうか。
  60. 60. TDDは効率化の手法・本当にシンプルですか?なぜシンプルだと思ったのでしょうか。誰かに「シンプルだから〜」と言われた場合、
  61. 61. TDDは効率化の手法・本当にシンプルですか?なぜシンプルだと思ったのでしょうか。誰かに「シンプルだから〜」と言われた場合、 まず間違いなく シンプルではない。
  62. 62. TDDは効率化の手法・本当にシンプルですか?なぜシンプルだと思ったのでしょうか。誰かに「シンプルだから〜」と言われた場合、 まず間違いなく シンプルではない。 (少なくともプログラムは)
  63. 63. TDDは効率化の手法・本当にシンプルですか?なぜシンプルだと思ったのでしょうか。 死亡誰かに「シンプルだから〜」と フラ言われた場合、 グ まず間違いなく シンプルではない。 (少なくともプログラムは)
  64. 64. TDDは効率化の手法・テストを書けないことは書かない方が良い何のテストを書けばいいかわからないということは
  65. 65. TDDは効率化の手法・テストを書けないことは書かない方が良い何のテストを書けばいいかわからないということは 今から何をするか よくわかってない
  66. 66. TDDは効率化の手法・テストを書けないことは書かない方が良い何のテストを書けばいいか 死亡わからないということは フラ 今から何をするか グ よくわかってない
  67. 67. TDDは効率化の手法・本当に後で書いたことありますか?後から書くテストは非常に書きにくいです。
  68. 68. TDDは効率化の手法・本当に後で書いたことありますか?後から書くテストは非常に書きにくいです。なぜなら
  69. 69. TDDは効率化の手法・本当に後で書いたことありますか?後から書くテストは非常に書きにくいです。なぜなら・やる気がでない
  70. 70. TDDは効率化の手法・本当に後で書いたことありますか?後から書くテストは非常に書きにくいです。なぜなら・やる気がでない・そもそもテストが書きにくい
  71. 71. TDDは効率化の手法・本当に後で書いたことありますか?後から書くテストは非常に書きにくいです。なぜなら・やる気がでない・そもそもテストが書きにくい・「 動いてるからいいや」
  72. 72. TDDは効率化の手法・本当に後で書いたことありますか?後から書くテストは非常に書きにくいです。 死亡なぜなら・やる気が フラ でない グ・そもそもテストが書きにくい・「 動いてるからいいや」
  73. 73. TDDは効率化の手法TDDは数々の死亡フラグを回避する手段を与えてくれます。
  74. 74. TDDは効率化の手法TDDは数々の死亡フラグを回避する手段を与えてくれます。例:Q.「このメソッドの使い方がわからん」
  75. 75. TDDは効率化の手法TDDは数々の死亡フラグを回避する手段を与えてくれます。例:Q.「このメソッドの使い方がわからん」 テスト見ろ」A.「
  76. 76. TDDは効率化の手法 が、しかし
  77. 77. TDDは効率化の手法 コード全てに対して テストを書くのは 結構非効率です。
  78. 78. TDDは効率化の手法 テストを書かなくてもいいもの
  79. 79. TDDは効率化の手法 テストを書かなくてもいいもの・ロールオーバみたいに使い古されてる・jQueryなどの一般的なライブラリ・既にテストが書かれているもの・アクセサーなど超簡単なもの
  80. 80. TDDは効率化の手法 テストを書かなくてもいいものしかし書いた方がいい、と思えば書いた方がいい。※例えば「怪しい・・・」と思った箇所だけ書く等
  81. 81. TDDは効率化の手法 個人的なおすすめ
  82. 82. TDDは効率化の手法 個人的なおすすめ Jasmine http://pivotal.github.com/jasmine/
  83. 83. TDDは効率化の手法Jasmineは
  84. 84. TDDは効率化の手法Jasmineは・読みやすい・お手軽・必要な物が揃ってるです。
  85. 85. TDDは効率化の手法Jasmineは・読みやすい・お手軽・必要な物が揃ってるです。※あくまで個人の感想です※用法容量を守ってお使いください。
  86. 86. TDDは効率化の手法 実際にやってみる
  87. 87. 実際にやってみるhttp://www.youtube.com/watch?v=iD4SgRFGltw
  88. 88. さて お分かりいただけたでしょうか。
  89. 89. 自動化、してますか?
  90. 90. 自動化、してますか?・js作成時にテンプレートを適用・js保存時にgjslintを実行・js上でコマンド実行でテストのテンプレートを作成etc...
  91. 91. 自動化、してますか? 自動化出来ることは 徹底的に自動化 する。
  92. 92. 自動化、してますか?自分のやり方から最適な「自動化」を考える・保存してミニファイ → 保存したらミニファイ・html書いてcss書く → htmlからcssのスケルトンをつくる・jsファイル作ってテスト用ファイルもつくる → jsからテストテンプレートを作る
  93. 93. 自動化、してますか?http://www.youtube.com/watch?v=uxHv7nwYFko&feature=youtu.be
  94. 94. では ツールの作り時は いつなのか。
  95. 95. ツール、作ってますか?「なんかこれ 前もやったな・・・」「面倒臭いな・・・」「誰かに やって欲しい・・・」などなど
  96. 96. ツール、作ってますか? 「でも 作る時間ないし・・・」
  97. 97. ツール、作ってますか?個人的なおすすめの方法
  98. 98. ツール、作ってますか?個人的なおすすめの方法 1日30分〜1時間くらい ツール作成に当てる。
  99. 99. ツール、作ってますか? Q.「仕事の時間なのに・・・?」
  100. 100. ツール、作ってますか? A.画面を見られても プログラム書いてる ようにしか見えないので 大丈夫(ry
  101. 101. ツール、作ってますか?その他の解決方法・作ったものを 共有する・意見を取り入れ 徐々に汎用的にする・息抜きにつくる( どうせ30分などなど
  102. 102. ツール、作ってますか? 今使った30分の元が 将来取れる想定なら 何も迷う必要はない。
  103. 103. まとめ・命名はすっごい大事・テスト書くプログラマは良いプログラマ・自動化するとめっちゃ楽・ツール作ると楽しいよ!
  104. 104. 自動化ツール制作した自動化ツール色々(ほぼvimhttps://github.com/AtsushiM
  105. 105. ご清聴ありがとうございました!
  • MasashiNobuta1

    Jul. 2, 2018
  • ssuser5aaf68

    Apr. 30, 2016
  • sakanakana

    Apr. 22, 2016
  • shunkudou5

    Mar. 29, 2016
  • tyonemoto1

    Mar. 13, 2016
  • itokouji4645

    Feb. 6, 2016
  • kazuyatakata

    Aug. 24, 2015
  • rosedecor

    Jun. 9, 2015
  • akudaikan424

    Apr. 29, 2015
  • ikuosaito710

    Apr. 24, 2015
  • cakeyoshida

    Mar. 28, 2015
  • takashiyamaguchi9022

    Sep. 2, 2014
  • hashimotoms

    Jul. 12, 2014
  • takecy

    Jul. 12, 2014
  • ssuser3eb8d69

    Jul. 12, 2014
  • atsukoshibuya

    Jul. 6, 2014
  • creaism

    Apr. 28, 2014
  • ssusere820a0

    Mar. 3, 2014
  • ShingoHiraya

    Jan. 14, 2014
  • takayukisay

    Jan. 14, 2014

アプリ開発以外にも適用できる効率化についてあれこれいってます。

Views

Total views

31,751

On Slideshare

0

From embeds

0

Number of embeds

457

Actions

Downloads

138

Shares

0

Comments

0

Likes

121

×