Web制作日記

[Web制作日記#29]ついに…ワイヤーフレーム完成した!

ベアさん
記事内に商品プロモーションを含む場合があります

土日でも関係なく仕事をする変態こと…ベアさんです。

29日目にして、ポートフォリオサイトのワイヤーフレームが完成しました!わっしょいです。

ベアさん
ベアさん

ワイヤーフレームを作るのにかかった時間は5時間ぐらいじゃない?

意外とスピーディに終わったことも含めて、今日は

日記の内容
  • ワイヤーフレームが完成した件について
  • エンジニア日記をやるかも?って悩んでた話

の2つを書きます。

興味のある方、ぜひ最後まで読んでくださいね〜

ベアさん
ベアさん
プログラマー / 起業家
Profile
プログラマー.site管理人

<どんな人か>
・エンジニア2年生
・メイン言語:Ruby on Rails
・Web制作の勉強中...

実はまだ10代です!
最近はWeb制作で稼げるように奮闘してます。
プロフィールを読む

ワイヤーフレーム完成した!

ワイヤーフレームで詰まってたけど、完成しました〜(Xにも投稿したよ)

ここまでは時間にしては短かったですが、個人的にはとても長く感じます。(だって、20日Web制作やってなかったからな!笑)

今日は、完成したので

  • 完成した感想
  • 途中で考えてたこと
  • これからやること

などを日記に書けたらと。

それでは、見ていきましょう↓

意外とあっという間に終わった笑

ワイヤーフレームが完成して思うのは

意外とあっという間に終わったな〜

ってことです。

というのも、ワイヤーフレームってもっと時間をかけてコツコツやっていくものかと思ったら、トータル5時間ぐらいで終わったからです。

ベアさん
ベアさん

なんだ〜1回やめたけど、どうってことないじゃ〜ん

って思ってますね。

ただ、僕はよくわかってますよ。ここからが勝負なんですよね〜

なんなら、きっとデザインカンプを作るところまではすっといきそうなんです。しかし、コーディングが大変そうです…

特に鬼門なのが

CSS

のコーディングはほぼ未経験みたいなものなので、厳しいなと思ってます。

色々言いましたが、振り返ってみるとワイヤーフレームはあっという間でした〜

もっと色々画面を追加したかったけど…やめた

仕事や作業をしている様子

個人的には、もっと色々画面を追加して大きなサイトを作ろっかな〜って思ってたのですが、やめました。

理由はシンプルで

ベアさん
ベアさん

完成する前に、心が折れそうだから!

です。

いや、10ページとかになったら普通に死んじゃうよ?なので、最低限必要なページと要素に抑えました。

その上で、

  • ユーザーや市場の反応を見ながら
  • ページを増やしたり、改善していく

って感じがバランス良いのかなと。

(ただ、1ページだけだとLPみたいになっちゃうので2ページ作成することにしました。)

そんな感じで、作るページを絞ったって話です。

これからデザインカンプを作成していく〜

そんな感じで、ワイヤーフレームが終わったのでこれからデザインカンプを作成しますね(こっからがようやくガチのデザイン)

ただ、個人的には

画像とか色つけるだけっしょ?ちょちょいのちょいですわ

って思ってます笑

何せ初めてなので、Figmaの使い方とかで詰まることが多いですが頑張りまする。

良いサイト、作っていくぞー!

エンジニア日記始めよっかなって悩んでた(やらんけど笑)

本が積み重なっている

僕、Web制作日記をやりながら毎回思うのが

ベアさん
ベアさん

ネタ切れが辛い…

ってことです笑

皆さんはピンと来ないかもですが、毎日こうやってアウトプットするのはなかなかインプットがいるんですよね…

なんなら、明日のWeb制作日記のネタもないです笑

あと、僕本業はエンジニアをやってるので

エンジニア日記、開講!

して両立した方が良いのでは?と最近は何度も悩んでました。

ただ、結局エンジニア日記の案は没になりました。なぜなら、一言で言うと「Web制作を辞めるきっかけになりそうだから」です。

そこで、頭の中で整理してたことをせっかくなので日記に残しておきますね↓

なぜ、エンジニア日記やるのが良いと思ったか?

エンジニア日記をやるのがええな〜と思った理由は色々あって

エンジニア日記が良いと感じた理由
  • 日中はずっとやってるから
  • エンジニアでまだ稼げてない(過程を残せる)
  • ネタ切れをしない

などがあります。

中でも、「日中はずっとやってて、ネタ切れがしない」ってことが大きいです。(技術書もよく読みますし…)

それに、エンジニア日記をすることで

  • 学んだことをアウトプットする
  • ネタが切れないように、技術書読む
  • 本業の収入が上がる

などなど…相乗効果が期待できそうですね。

ただ、色んなことを考えてエンジニア日記の案は没になりました。以下にその過程を残しておきますね↓

やり切るって大事なので、月30万円行くまで頑張る

パソコンがある作業デスク

ただ、やるって決めたことなので最後までやり切ります。

読者の皆さんにカッコ良い背中を見せます。

ちなみに、もともとWeb制作日記がなんで始まったと思いますか?

Web制作日記の誕生まで
  • Web制作始めたいな〜誰か過程を発信してないかな〜
  • おい、どれもアフィリサイトばっかりやん…
  • ほな、僕がやってみよか

という流れで始まってるんですが、エンジニアは転職日記みたいなのが割とあるんですよね笑(僕がやる必要もなさそう…)

もひとつ思ったのが、「本業の日記なんて、つまんなくなりそう笑」ってことです。副業でうまくいってないところにドラマがあるのに…

そんな感じなので、Web制作でも月30万円稼ぐまでこの日記は継続したいと思ってます。

ベアさん
ベアさん

これからも応援よろしくね!

需要あるなら、教えてください!笑

とはいっても、需要があるならぜひ教えてくださいね。皆さんの声が多ければエンジニア日記を開講しますので。

てか、普通に疑問なのですが

ベアさん
ベアさん

世の中でエンジニアになりたい人、そんな多いの?

ってことは常に思います。

というのも、プログラミングスクールってしぶとく市場に残ってるじゃないですか〜転職保証!!みたいなやつ。

てことは、エンジニアになりたい人ってまだまだおるんやろか?小学生の憧れの職業にもなってるみたいだし。

まぁ、また気が向いたらエンジニア系の情報発信もやります。以上!

次回:ワイヤーフレームにデザインをつけていくよ

次回はワイヤーフレームに色や画像などを追加することにしますね。

ちなみに、ホームページのメインで使う3色は決まってて

ホームページで使う色
  • 黄色
  • 黄緑
  • (白強めの)灰色

の3色で行こうかと思ってます。

たぶん、デザインでボコボコになってると思うので、「うまくいかないよ〜」日記になってるかもですが笑

お楽しみに!

P.S

30話書いたよ↓

あわせて読みたい
[Web制作日記#30]ホームページで使う画像を作ってる
[Web制作日記#30]ホームページで使う画像を作ってる

Web制作日記のアーカイブはこちら↓

あわせて読みたい
Web制作日記のアーカイブ【随時更新】
Web制作日記のアーカイブ【随時更新】
ABOUT ME
ベアさん
ベアさん
プログラマー / 起業家
プログラマー.site管理人

<どんな人か>
・エンジニア2年生
・メイン言語:Ruby on Rails
・Web制作の勉強中...

実はまだ10代です!
最近はWeb制作で稼げるように奮闘してます。
記事URLをコピーしました