Your SlideShare is downloading. ×
0
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
アプリ開発を効率化する 方法あれこれ
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

28,454

Published on

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

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

0 Comments
116 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
28,454
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
134
Comments
0
Likes
116
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×