saikoの日記帳

日記
2018.10.25

秋M3の気になるサークルリストできた!!!!

イエーイめーっちゃ疲労感

ぼくのM3チェックリスト http://event.saikofall.com/m3/2018-autumn/

数日かけて作りました、チェックリストです。 まさかここまで時間が掛かるとは思いませんでした。

先日カタログを買って、まだ1週間あるし余裕やろと思ってたんですが、思いの外手強い。 全サークルをチェックしてたのが原因なんですけど。 だけどそのおかげでしっかり見れたゾ!

今回の事前調査では26のサークルに当たりをつけました。 当日はガンガン狙っていきますよ~~~~。 まだ行く順番とかは決めてないです。

通販とかデジタルで良いのでは!?と最初は思ったんですが、結局行きたくなるんですよねぇ。 定期的にこの手のイベント(即売会)は行きたくなるからしょうがないです。 そもそもほとんど現場の雰囲気を味わうために行ってる節がありますね。 しょうがない。

サークルリスト

リンクで上げてますが、今回はちょっと頑張りました。 最近流行りだって会社で聞いたのでUIkitを利用しています。 英語で書かれたコンポーネントを見ながら作るのは結構手間やんな…。 それでも簡単にカードタイプのリストを作れたので上々なんですが。

ドメインはこのブログに使ってるやつをサブドメイン切って使ってます。 新規取得したり、どっかのサーバーの初期ドメインはあまり考えたくなかったので。 別にWordpress入れて管理するわけでもないのでいいかなーと。

リストの生成にはjsonを使っています。 jsonに記述した要素をjsで引っ張ってきて出力してるって感じ。 なので実はHTMLのファイルはほとんど記述がなかったりします。 リストは全部jsで出力してるからですね。 とても便利。 正直わかる人ならWordpressとか必要ないってことになりますね。 まあ大規模なものはまた別ですが。

というこって、なんだかんだであまり利用したことのない技術を使ってるわけですよ。 主にjsonとUIkitらへん。 前者は会社で使うこともありますが、UIkitは趣味の範囲内のものですね。 なんでかって? この手のはそれを使う前提でデザイン起こしてもらう必要があるからだよ!!! 基本的に自由度が失われるので、ちゃんとデザインも各コンポーネントに沿って作ってもらう必要があるんですよね。

といった感じで作りましたが、実はまだ完成形ではありません。 なぜかと言えば、このままだとスマホでは見づらいからです。 カード型の弱点だと思ってます。

現在実装中の機能としては、ページ右上にあるアイコンですね。 これを押すと「リスト型」と「カード型」に切り替えができるって寸法です。 jQueryでゴリゴリ開発中です。 ぶっちゃけそんなプログラム部分は終わってるんですが、リスト型のデザインで手間取ってる感じです。 実はjs部分は終わってたりして。

目標は明日の終わりぐらいには作り終わってるってところです。 そうしないと間に合わないからね。

当日はこれと紙とスマホに保存したチェックリストを臨機応変で使っていくことになります。 楽しむぞ。

それでは今日はここらでサヨウナラー

同じカテゴリの他の記事

新着記事