こけてもいいよ、

エンジニアになりたい23歳のブログ

初作品の感想とか反省とか

 こんばんは、まryみです。

 昨日熱出して早退して、今日は熱が下がった代わりにお腹壊しました。仕事が休みでよかった!出費も痛いし、今まで以上に体調管理に気をつけていきたいです。

 

 今回は、タイトル通り初作品について羅列していきます。

<作品のテーマ:二次創作等を投稿する個人サイト>

 私にとって、素人が作るWebサイトの原点が個人サイト。そのため、一番作る上でイメージが明確かつモチベーションが高かったです。実際とても楽しく作業できました。

 

<デザインがシンプルな理由>

理由:ほとんどの個人サイトがとてもシンプルなため。

ちなみに可能性は2つあると考えました。

①純粋に素人ゆえ技術がない。

②凝りすぎて重くなるのを防ぐため。

オタクって凝り性な人が多い(偏見)し、②の比率が大きいかなと思います。

 個人サイトが隆盛だった頃、閲覧者の媒体は大体ガラケーでした。スマホなんてありません。また、こと二次創作においては、サイトのデザインよりも作品とそのジャンルが優先されます。そのため、凝った重めのデザインよりもわかりやすくて軽いデザインの方が良かったのではないか?と思いました。もちろんあまりにもダサいと見る気が失せるし、ある程度凝っていて軽いデザインが最良だとは思いますが…。

 実際、各小説のリンクが話のイメージ画像やキャラクターゆかりのものの画像で、タイル状に並んでたらかなりエモいのでは!?と思いましたが、もしも私が読み手側だった場合、そのせいで重くなって肝心の小説がなかなか読めなかったらイラつくなと思い、断念しました。本命はイメージ画像ではなくあくまで小説なので。

デザイン(レイアウト)の反省:ホームとはじめにが中央、作品と感想が左寄りでバランスが悪い。純粋に技術が足りなくて左に寄っちゃったんですね。

褒め:わかりやすい(そりゃね)

 

<デザインの色>

オレンジな理由:Bのイメージカラーにたまたま設定しました。

反省:Aのイメージカラーを緑にしてみたら思った以上に馴染まなくて使うのを諦めました。どうしたって野菜。作品名の紫も割と浮いていますね。目立たなくてわかりにくいよりは良いと、そのままにしてしまいました。

褒め:グラデーションにしたらほんのりおしゃれになりました。多分。基本の色となる茶色や、カーソルを上に動かした時の薄茶色はとてもいい感じだと思います。多分。

 

<コードの反省とか>

・全部のページが終わってからモバイル版の作業をしたので、3回head内のviewpoint~(全体で7行目)をコピペしました。非効率ぅ。

・全部のry、各ページのリンクをコピペしました。非効率ぅ。

・pxがいまいちわかりません(30pxて画面内でどれくらい?)

・Marginの相殺を力ずくで解決しました(余白取るためだけにlast-paragraphとかいうクラスを最後のpタグにつけた)

・モバイル版、特に問題を感じないこともあって文字サイズなどの設定を行いませんでした。

・フォント、特に不満がなかったためいじりませんでした

 

<まとめ>

・技術面の低さ(特に数値の単位、フォント、margin、padding)

・こだわりの少なさ

・計画性のなさ(構想の甘さ)

が今回の大きな反省点ですね。個人的に一番ダメだと思うのは計画性のなさですね!技術面の低さははじめてだからある程度仕方ないところもあるし、こだわりの少なさはよくないけど、納期がギリギリだったりする場合とか良い方に働く場面もなくはない。また、知識が乏しすぎてこだわるための選択肢がそもそも少ないというのもある。要するに上2つははじめてだから仕方ないところがある。でも、計画性はそうじゃない。はじめてだからこそ、入念に計画を立てて動くべきでした。アドリブがきくほどの能力がないんだから。それに、少なくともモバイル版や各ページのリンクが必要って知識はちゃんとあったんだから、そこの非効率は回避できたでしょう。

 

 

以上!反省でした〜。次作るのはちょっと先になりそうですが、その時は画像を用いたり表を作ったり、今回やらなかったことを積極的に取り入れたいです!おやすみなさい

 

 

 

完成!即、次の壁!はじめてのホームページ画面

 こんばんは、お久しぶりです。まryみです。

 顕微鏡酔い対策は酔い止めが一番効果がありました。流石。今は作業速度を上げるべく励んでおります。

 

 あのですね、タイトル通りホームページ画面が完成しました。わーい!!!!!

ポートフォリオというには拙すぎて、力尽くで解決したり諦めたこともあるんですけど、やっぱり嬉しいです。うん、嬉しい。23日に完成しました。それで、今日、GitHubに頑張ってPushしました。でもやっぱりコードだけじゃなく見た目も見て欲しいから、GitHub Pagesを手順通りに…あれ、表示できない…えぇぇぇ

 

明日の仕事が終わったら改善策探しに奔走します!おやすみなさい!

 

 

地獄のようなコードはこちら↓

github.com

 

おまけ:Git&GitHubでつまずいた点

・日本語入力後、英数を押すのを忘れていたため、" が ” になっていてエラー

・ファイル移動をする際、移動前にファイルがあるディレクトリへ移動してなかった

GitHubのパスワード入力、打ち込んだパスワードは見えないだけでちゃんと入力されていると知らずにテンパる

 

顕微鏡と戦う

こんばんは。

仕事で顕微鏡を扱っています。もうすぐ1か月が経とうとしていますが、未だに酔いやすいです。酔わないように結構対策をしているので、今回はそれを書き留めようと思います。改善努力ということで。

 

食事

・昼食後に気持ち悪くなり酔ったため、米をやめてサラダにする

・スポーツ飲料の甘みが口に残って気持ち悪くなったかもしれないので、白湯にする

・梅干しが酔い対策にいいらしいので、干し梅を購入する

・姿勢を正しくする

・見方を変える。流してみるのではなく細かく区切る

・気分転換になるように良い香りのリップクリームを使う

・食後に歯磨きをする

・酔い止めを服用する

 

確実に効果があったのは姿勢ですね。ついでに眠気も少なくなりました。

干し梅と酔い止めは今日からチャレンジです。酔わないといいなぁ。

はじめまして

初めまして。私はまryみです。

23歳の新社会人です。Webエンジニアになりたくて、日々勉強をしています。

このブログでは、学習したことや思っていることを書いていけたらと思っています。

よろしくお願いします。

今回は、現状等について書き留めたいと思います。

 

仕事

 派遣会社の正社員(技術職)として研修中です。この仕事を選んだ理由は、

・IT系エンジニアとして働きたいが、当時はインフラやフロントエンドなど、具体的にやりたいことがわかっていなかった。そのため、まずは色々なところで経験を得たかった。

・SESなどの情報を知っていたため、契約や研修について明確に記載されていた弊社の方が安心だと思った。また、人事の人柄や福利厚生も比較的よかった。

ことです。SESに関しては、就職活動を本格的に開始したのが、公務員試験に落ちた8月末だったため、過度に警戒しすぎた感があります。

 研修内容は、派遣先の工場にて、製品に傷がついていないか顕微鏡で確認しています。実際に製造現場で働くことがエンジニアとして働く上で大きな成長に繋がるそうで、予定では秋、最長で年末までです。シフト制で、夜勤があります。

 人間関係は良好ですが、業務で得る経験が乏しく、時間がもったいないように感じていること、不規則な生活リズムで体調が不安なこと等を理由に、出来るだけ早く転職したいと思っています。

 

自学習

4月から休みの日や仕事から帰ってきた後の自由時間、通勤時に少しずつ行なっています。今日までやったことを下記にまとめます。

〈Progateアプリ版〉

HTML&CSS初級編、中級編を3周

JavaScript 1、2を1周

 

〈HTML&CSS

WebクリエイターボックスMana さんの、

「1冊ですべて身につく HTML&CSSとWebデザイン入門講座」を

・一読、ノートにまとめる

・手順通りにホームページ画面を作成する

自分でホームページ画面を作成してみる(現在で7割ほど完成)

 

 

今回はここまで。時間がかかりました。少しずつ考えを言葉にする早さを上げていきたいです。