Upgrade to Pro — share decks privately, control downloads, hide ads and more …

初めてのブロックパターンプラグイン制作 どたばたカウントダウン日記

Dce608d96a4635cfd763602b4fea323b?s=47 noraneko5628
December 27, 2020

初めてのブロックパターンプラグイン制作 どたばたカウントダウン日記

Tokyo WordPress Meetup オンライン忘年会&LT大会でLT登壇した時のスライドです。ブロックパターンプラグイン「類人猿」開発開始からベータ版リリースまでのドタバタ劇をカウントダウン形式でお届けします。

Dce608d96a4635cfd763602b4fea323b?s=128

noraneko5628

December 27, 2020
Tweet

Transcript

  1. 初めてのブロックパターンプラグイン制作 〜汗と涙とスリルの物語〜 どたばたカウントダウン⽇記

  2. Asuka 株式会社mgn(Web制作会社) ⾃⼰紹介 Webデザイナー

  3. ブロックパターンプラグイン Snow Monkeyテーマの拡張プラグイン 第1弾(ベータ) : コーポレートサイト向け https://rui-jin-en.com/

  4. 8⽉か9⽉ 10⽉末 11⽉ 12⽉1⽇〜 発案 ティザーサイト公開 ⽅向性決定 作るパターン決定 デザイン作成 パターン開発

    配布⽅法の検討 配布サイト作成 アップデートの仕組み整備 etc 12⽉末ベータ版リリース発表 12⽉25⽇ ベータ版リリース
  5. 主に関わったメンバー ただし全員、 ガッツリ受託案件兼務 社⻑ エンジニア プロダクト リーダー エンジニア エンジニア デザイナー

  6. 12⽉1⽇

  7. 12⽉末ベータ版リリースの旨を発表 作成決定した全16パターンのデザイン開始 開発スタート

  8. ベータ版リリースまで あと 18⽇

  9. 12⽉9⽇

  10. 何もないところからいきなりパターンを作るのは困難 「類⼈猿パターンの組み合わせで1サイト作れる」が⽬標 統⼀感⼤事 パターンデザインにあたって

  11. 全体的なデザインの⽅向性を決めた (パターンそのもののデザインはまだ) ムードボードを作成

  12. ベータ版リリースまで あと 12⽇

  13. 12⽉14⽇

  14. - ベースのテーマの構造を変えずに、いかに違うものを作るか - 幅のバリエーション(普通・幅広・全幅)を意識 - 中のブロックの組み合わせが変わるという想定 - テーマカラーをどこに反映するか パターンデザインで気をつけたこと

  15. 普通にサイト制作する時ですらレスポンシブで幅が変わった時に どうなるかとか⽂字数変わった時にどうやって綺麗におさめよう かとかなけなしの想像⼒で頑張ってるのにユーザーが⾃由にブロ ックとコンテンツを増やしてテーマカラーもそれぞれで幅のバリ エーションもあるブロック(パターン)をデザインするって⼀体 どこまで何を考えたらいいんだよーーーーーーーー (デザイナーの⼼の声)

  16. 初めてのパターンデザイン5種

  17. ある程度は弊社の優秀なエンジニアに 任せることにして(おい) デザインを連携、パターン開発スタート

  18. ベータ版リリースまで あと 9⽇

  19. 12⽉18⽇ 初めてのパターン完成!!! 12⽉21⽇ (残り5⽇) (残り4⽇) パターン合計4つ完成 この間、もうただ必死に全16パターン完成に向けてデザインし続ける (あまり記憶がありません) その後の進捗

  20. 12⽉23⽇

  21. 全16パターン分のデザイン完成

  22. この時点でパターン 9つ完成 実装側も

  23. ベータ版リリースまで あと 2⽇

  24. 12⽉24⽇

  25. 残り1⽇でパターンのデモサイトを作る が、なぜか架空企業のブランディングにハマる 社名の由来 : 「X」は未知数を表します。また、DXといったワードで使われるXは、 「交差する、横切る」(transformation)という意味でも使われます。 我々は⽇々「未知」と向き合い、それを超えていく必要があります。未知のものであ るXを、この⼿元に引き寄せて現在進⾏形(ing)にするのが我々の仕事です。未知だ からと恐れず、常に未来を⾒据えながら現在知りうる情報をかき集め、⾃らが持てる 技術⼒で突破していく。その姿勢と決意を社名に込めました。

    未来志向 最新技術の追求 合理性・効率重視 弛まぬ⾃⼰研鑽 ⾃⽴と⾃律 技術者集団 プロフェッショナルとしての⾃負 妥協しない シャープな視点 スピードと品質の両⽴ デモサイト作成 Iʼm Jeffery!!
  26. いいから はよ進めろ あと1⽇だぞ

  27. 実はガッツリブランディングしたことで 中⾝作るのが楽になったりしました 世の中に 無駄なことなんて 1つもない できた

  28. ⾃分がデザインしたパターンが 編集画⾯で動くようになって

  29. ち ち ょ ょ 涙 ぎれ

  30. ベータ版リリースまで あと 1⽇

  31. 12⽉25⽇

  32. ベータ版リリースまで あと 0⽇

  33. パターンのデバッグと修正 各サイトのブラッシュアップ リリース準備 リリース当⽇の作業

  34. そして…

  35. 12⽉25⽇ 19:00

  36. リリース

  37. 予定16パターン中、 12パターンをリリース

  38. 2020年 納まった…

  39. 難しかったけど、修⾏になった ブロックパターンデザインでした。 ありがとうございました。

  40. ん?

  41. いや待て まだこれから だから!!!

  42. 2021年も、 頑張って パターン作ります

  43. ありがとうございました。