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.

伊邪那岐流カスタムフィールド超絶技巧を自社フレームワークで1から体験してみた

35 views

Published on

【MT東京−42】カスタムフィールド製造業の集い 〜カスタムフィールド職人に大切なこと〜のセッション4のスライドです。

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

伊邪那岐流カスタムフィールド超絶技巧を自社フレームワークで1から体験してみた

  1. 1. 伊邪那岐流カスタムフィールド超 絶技巧を自社フレームワークで1 から体験してみた 株式会社シーブレイン 柳町樹
  2. 2. 自己紹介:柳町樹 ▪ フロントエンドエンジニア@株式会社シーブレイン ▪ Web・マニュアル・翻訳・ローカリゼーションの会社です! ▪ 案件数 MT>WP WP派としては辛い ▪ 会社名を知らない人でも、バシャログ。は知っているかも? 締め切り破った人のお尻叩く編集長をしています。 現在、会社ブログ横断アドベントカレンダー「これがないと仕事にならない! 」やってますのでぜひ ご覧ください!
  3. 3. 初めての登壇です。あと匠じゃないです。ヒヨッ コです。 名刺忘れてきました。 デモを見せるつもりがWifiが… 最初に謝ります。
  4. 4. 超絶技巧カスタムフィールドって実際どうよ? ▪ 実際運用する人のスキルが低ければ、カスタムフィールドが超絶技巧と言わずともそこそこない と運用ができない ▪ うまく作れば、運用する人・会社に合った独自のCMSに近くになる! ▪ 超絶技巧CVSなデータが来たら、超絶技巧カスタムフィールドで対応する他ない!
  5. 5. 伊邪那岐流ってどんな感じ? ▪ 前のセッションで安藤さんが話した通りです。 ▪ ACFの柔軟フィールドを使っています。 ▪ たとえば投稿などで使う記事セットでは、デフォルトで「14個」モジュールが あります。 ▪ 担当したプロジェクトでは、 もっと多い「17個」のものもありました!
  6. 6. 超長くない・・・?
  7. 7. ということは 作るの辛くない?
  8. 8. コツをつかめば そうでもない (かもしれない)
  9. 9. インクルードファイルをうまく使う ▪ テーマ内で複数箇所使用 ▪ その後別のプロジェクトで流用しやすい ▪ 修正を一箇所でできるようになる(重要) →インクルードファイルにしておくのが便利! 重要なのはフィールド名の命名規則を守ること。 フィールド名を変える必要があるときは使用箇所によって接頭辞を変えること! 接頭辞で分岐をすれば使い回しがしやすくなります。
  10. 10. ACFを使う ▪ ユーザが使い易いUI/分岐が細かくできる(例:固定ページで親が会社概要) ▪ フィールドのタイプが29個もある。 一度使えばプロジェクトが終わる頃には、仕様を考えたディレクターより詳しくなれるかも! ▪ 関連フィールドの素晴らしさに感動! (例:事例紹介と社員のカスタム投稿が、簡単に検索で結びつけられる) ▪ 検索が弱いと言われるけど、「 Search Everything 」プラグインを使えばOK!
  11. 11. 改行を<br>として扱う のか、pで囲むのか、そ のままなのか指定でき る
  12. 12. ファイルの拡張子や容 量制限可 サイズや容量の 制限可 RGB指定が難しいユー ザでも使い易い 日付と時間を同時に指 定できる カレンダーで指定 できる 簡易なものや独自の ツールバーも可能
  13. 13. 住所から緯度経度を取得! 管理画面が長くなって も、分割できる! モジュールにしたカス タムフィールドを柔軟 に組み合わせられ る!
  14. 14. 投稿同士を関連づけで きる! オススメ!
  15. 15. 体験した感想 ▪ 分岐にはめちゃくちゃ強くなる・鍛えられる ▪ フィールドをどうやったら簡単にたくさん作れるか、流用できるようになるか考えるようになるので、 意外とルーチンワークにならない ▪ ただしプロジェクトを2つ掛け持ちしたら死ぬ ▪ カスタムフィールド名一覧を作ってWikiなどで共有しておくと自分もディレクターも楽できる
  16. 16. 最後に 一生のお願いです。 ロフトワークさん、仕様書に必須・任意を追加してください!! バックエンドエンジニア募集しています。 ご本人じゃなくてもお仕事探している友人・知人などいたらご紹介ください! ご静聴ありがとうございました。

×