42Seoulの共通課程を終えて、23年12月になりました。
ずっと開発ブログを自分で作りたいと思っていましたが、ある程度作ったところで解決が難しい開発上の問題や忙しさを理由に完成できていませんでした。だからいつも開発ブログは心の中で荷物のように残っていましたが、今回42Seoulの教育生たちとブログスタディを通じて作ることにしました。
スタディに集まった人たちの中には、Web経験のある人、Webが完全に初めての人、スタディを経験したい人など、さまざまな理由で集まり、計6名が参加しました。
23年11月27日に始めて12月22日まで月水金の13時に集まり、17時まで一緒に開発することにしました。開発を始める前に、みんなどんなブログを作りたいか、初めて会った日から次に会うまでに自分の開発ブログをどう構成するか企画し、フロントエンド開発で参考になるレファレンスデザインまで見つけた上で、一次的な開発範囲を決めようとしました。普通、開発者はとりあえず作り始めるのも良いですが、企画なしに作っていると範囲が広がり、フロントのコンポーネントを作る度にその都度探していると良いものが次々出てきて、あれもこれも適用してみることに時間を使いがちなので、そういったケースを減らしたかったのです。
そこで、どう作るか考えてみました。「自分のブログにどんな人が来てほしいか？」「どんな人が自分の記事を読んだら役に立つか？」を考えました。悩んでばかりいても良い解決策が浮かばなかったので、Figmaを開いてブログ用のプロジェクトを一つ作り、整理してみました。まず自分が望む個人ブログのテーマと目的を書きました。
ブログのテーマ、目的、目標を決める
- 自分の専門的な技術になる開発関連の技術が主に載り、サービス開発で経験した苦労を自分の経験に基づいて共有することが主な目的
- 読みたい本・読んだ本のリストを見せて人々の興味を引き、月に何冊読むか出会う人たちとの約束をしながら自己啓発する
- 共感される記事を書いて人々がよく訪れるブログにし、注目を集めて開発業界での知名度も得たい。YouTubeを始めるための第一歩としてブログから始める
- 広告収益はGoogle AdSenseで稼ぐか、個人的に連絡が来て広告記事の作成で稼げるかもしれない（ブートキャンプ紹介、42Seoul紹介、飲食店レビュー、書籍レビューなど何でもあるのでは？）
作りたい目的としては、ブログに記事を書いてその記事が他の人の役に立ち、話す力と書く力が向上することを願い、自分という人間を良い人たちに知ってもらいたかったのです。
ブログのテーマとしては、開発で経験したこと、役に立った記事・動画、ささやかな日常を伝えたいと思っていました。
最初からすべてを開発する時間はありませんが、作りたい機能もすべて書き出してみました。画面はメイン、記事詳細、書籍レビュー、読書感想文詳細、タグ一覧、シリーズもの、自己紹介画面があったら良いと思いました。各ページには検索、一覧、画面遷移、ボタンイベントが必要でした。
デザインとしては、読む人が快適に読めることを目指し、そんなデザインは何かと考えたところ、新聞のような雰囲気が良いのではと思い、線を強調したデザインを探しました。直線を活用したサイトのデザインを参考にして、自分なりにFigmaで描きながらコンポーネントを作りました。
今のブログとはデザインが少し変わりましたが、あの時はあのように先に作っておいて作業したので、配置やサイズをどうするかあまり悩まずにtailwind cssを使ってコンポーネントを作れました。このようにデザインしてから開発を始め、スタディ期間中にメイン画面、書籍レビュー画面、タグ画面、自己紹介画面を作って仕上げました。
ブログのGitHubに興味がある方はこちらを GitHub - get6.github.io ご覧ください！
Do you want to know who you are? Don't ask. Act! Action will delineate and define you.
— Thomas Jefferson
