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.

Habakiri advent calendar 2015 総まとめ!

2,304 views

Published on

Habakiri advent calendar 2015 総まとめ!

Published in: Engineering
  • Be the first to comment

Habakiri advent calendar 2015 総まとめ!

  1. 1. WordBash Kyoto vol.1 Habakiri Advent Calendar 2015 総まとめ!
  2. 2. キタジマタカシ inc2734 フリーランス Web デザイナー / プログラマー モンキーレンチ - http://2inc.org WordBench 長崎 モデレーター
  3. 3. WordCamp Kansai 2015 実行委員、スピーカー
 WordPress で行う継続的インテグレーションのススメ WordCamp Tokyo 2015 スピーカー
 WP-CLIとWordPress公式ディレクトリを活用した 爆速サイト構築術 -インストールからデザイン、ページ作成までを10分で!-
  4. 4. Habakiri Advent Calendar とは • http://www.adventar.org/calendars/1227 • 公式ディレクトリ掲載テーマ「Habakiri」について 12/1∼12/25 まで皆で記事を書き続けるという無謀 な企画 • 書くたびに減り続けるいいねに悲しみながら、たくさ んの方にご参加いただき、25記事中11記事を僕が書 いたものの何とか完走!
  5. 5. Habakiri Advent Calendar で Habakiri のことはだいたい わかるので、
  6. 6. 今回はそれを10分に圧縮して ご紹介したいと思います。
  7. 7. Habakiri を作った理由 12/1 私はなぜ Habakiri を作ろうと思ったのか http://habakiri.2inc.org/blog/2015/12/01/340/
  8. 8. Habakiri を作った理由 • 毎回1からフルスクラッチ
 → つくるのめんどくせ • 自作のスターターテーマをベースに制作
 → 納品済みサイトにパッチ適用するのめんどくせ • _sなどの既存のスターターテーマをベースに制作
 → 把握するのめんどくせ • 公式ディレクトリ掲載テーマの子テーマで制作
 → アップデートの適用が超簡単やん!
  9. 9. Habakiri を公開してみて 12/2 WordPress 公式テーマディレクトリで、仕事で 使うベーステーマを公開するメリットとデメリット http://habakiri.2inc.org/blog/2015/12/02/351/
  10. 10. Habakiri を公開してみて • 納品済みサイトへのアップデート適用が簡単 • テーマレビュワーにレビューしてもらえる • 公開されるまで時間がかかる(アップデートは最近早くなっ た) • Habakiri の仕事が入ってきた( ったとは言ってない) • コードを見られるの恥ずかしい(テーマは直したくても後 方互換性を考えると直せない部分が多い)
  11. 11. Habakiri の設計思想 12/3 Habakiri の設計思想 http://habakiri.2inc.org/blog/2015/12/03/360/
  12. 12. Habakiri の設計思想 • 子テーマでの制作をストレス無く行えるようにしたい • ポピュラーなライブラリを含める
 → Boostrap、Slick、Font Awesome 
 → どうせ使うなら初めから入っていたほうが効率的 • CSS をストレス無く書けるようにする
 → なるべく詳細度を低く
 → 直感的に上書きしやすいように
  13. 13. Habakiri の設計思想 • なるべくコードを書かなくてすむ工夫
 → カスタマイザーでさまざまな設定 • テンプレートをなるべく上書きしないですむ設計
 → 大量のアクションフック
 → テンプレートをなるべく細かく分割 • 叩かれているものも「どういう考えで作ったのか」というとこ ろを見聞きすると結構ちゃんと理由があったりするので、開発 者の方はどんどん出して欲しいです(僕が喜びます)
  14. 14. 子テーマ問題 12/4 子テーマでテンプレート上書きすれば
 アップデートしても大丈夫っていうけど本当に
 そう言い切って良いのか? http://habakiri.2inc.org/blog/2015/12/04/371/
  15. 15. 子テーマ問題 • 子テーマ機能はすごく良い仕組みだけど、親テーマが後 方互換性が無いアップデートを行った場合は問題がでる ことがある。 • だから子テーマにさえしておけば絶対に安心ということ は無い。 • Habakiri も過去にやらかしてます…
  16. 16. カスタマイザー 12/5 カスタマイザーで設定するのがめんどくさい? Habakiri ならコードで設定できます http://habakiri.2inc.org/blog/2015/12/05/382/
 12/6 Theme Customization API をそのまま使うと冗長で辛 くなってきたのでもっと楽できるクラスを作った話
 http://habakiri.2inc.org/blog/2015/12/06/386/
  17. 17. カスタマイザー • いちいちカスタマイザーで設定するのもめんどくさいので、 Habakiri はフックで初期値を変更できるようになっています。 • カスタマイザーの実装は普通にやると結構冗長で面倒です。
 そのため Habakiri ではカスタマイザーを実装するための
 クラスを作りました。
 → Habakiri 以外のテーマにも組み込めます。
  18. 18. 僕以外にもたくさんの方に 記事を書いて頂きました。
  19. 19. • 松山に半移住しようと思ったことと日々の生活を、ちまちまブログに書いてる。 (ねこみみ隊長らしい。)
 http://nekomimi-taicho.com/archives/24884/ • 最近Habakiriのテーマをいじって勉強したのでその時の感想など。(tz_blog)
 http://blog.466548.org/2015/12/08/habakiri2015-memo/ • アドオンでHabakiriをお手軽カスタマイズしよう(ぴんくいろにっき)
 https://blog.hinaloe.net/2015/12/12/customize-habakiri-with-add-ons/ • HabakiriのPHPファイルがコーディングスタンダードに沿っているか調べてみ た(WP-kyoto)
 http://wp-kyoto.net/check-habakiri-allow-wpcs/ • 予算ないサイトにHabakiri使ったら想像を超えてて草すらも生えない件(micc のみっくみくなブログ(仮))
 http://miccweb.net/wp/blog/2015/12/23/habakiri/
  20. 20. • Habakiriでオレオレテーマをサクッとレスポンシブにできたお話 +アルファ(SIGNAL-G)
 http://kita-kado.sakura.ne.jp/habakiri-advent/ • Habakiriを使ったことないけど使いたい僕が使ってないのに魅力 を語る(GOUTEN.NET)
 http://blog.gouten.net/article/habakiri-advent-calendar-2015/ • Habakiriの子テーマで案件に対応してみた話(wald-grun.biz)
 http://wald-grun.biz/etc/5673/ • Hanakiriを使って自社のブログメディアをリニューアルするとき気 をつけたこと(studiobrain.net)
 http://www.studiobrain.net/2015/12/22/10640
  21. 21. • ”php初心者なわたしでもHabakiriのおかげで体裁良く作ることが出来ま した。” • “これらのアドオン(デザインスキン)はプラグインとして製作されてい るため、使用すれば、なんと子テーマを使わずに&コードを弄ることなく 色々なカスタマイズが出来てしまうんですね!” • ”北島さん凄いわ、北島さんかっけーーーー、これを10回位言いたくなり ます。” • ”レスポンシブテーマつくるのが苦手なデザイナーさんには助かるテーマ” • ”子テーマでありながらテンプレートの上書きがほとんど発生しない構築 を可能にしています。”
  22. 22. Habakiri ベースのサイトも 紹介頂きました。 ぼちぼち http://bochi2.net/
  23. 23. 制作のワークフロー 12/16 僕の WordPress テーマ制作のワークフロー
 ( 仕事編 ) http://habakiri.2inc.org/blog/2015/12/16/410/
  24. 24. 制作のワークフロー • 北海道のハムさんの記事への便乗記事
 デザインから WordPress のテーマ作成までの自分のワークフロー を見直す(HAM MEDIA MEMO)
 https://h2ham.net/wordpress-coding-flow • まず静的が組むか、いきなりテーマを作るかというお話。 • Habakiri 関係ない… • でもこの案件は Habakiri を親でやる、とか使うテーマが決まって いる場合はいきなりテーマを作るほうが良いと思います。
  25. 25. Habakiri のここがダメ 12/24 Habakiri のここがダメ http://habakiri.2inc.org/blog/2015/12/24/416/
  26. 26. Habakiri のここがダメ • やりすぎ問題
 カスタマイザー、ヘッダーレイアウト、グローバルナビゲーション、Bootstrap • Prefix 問題
 CSS の class 名、テンプレートパーツ、メソッド名 • あまり考えずにやってしまったこと
 ディレクトリ構成、マークアップ • さらなる汎用化ができた部分
 テンプレートパーツの読み込みをフック経由に • 今年は Habakiri とは別に、上記を解決したもっと薄いテーマを開発したいなと…
  27. 27. テーマは名前を
 つけるのが一番難しい! 12/25 テーマは名前をつけるのが一番難しい! http://habakiri.2inc.org/blog/2015/12/25/424/
  28. 28. テーマは名前をつけるのが 一番難しい! • Habakiri は有効化するだけでデザインを
 適用できるプラグイン、デザインスキンを
 販売しています。それらの名前は、
 Ginger、Rocky、Coco • 実はこれはアメリカで人気の犬の名前
 ランキングからとったのです! • どうでもいい…
  29. 29. 最後に、皆さんが気になっている であろう疑問にお応えします!
  30. 30. ページビューは増えた?
  31. 31. 変化なし!
  32. 32. アドオンの売上
 上がりましたよね?
  33. 33. ほとんど売れてません!
 いい加減にしてください!

×