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

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

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. ありがとうございました。