ようこそ“もめん”です。
ドットインストールというオンライン学習サイトでプログラミングを学び始めてから11か月。
独学でコツコツ勉強をすすめてきました。
HTMLとCSSの講座をひととおり終了したので、目標にしていたとおり自分でプログラミングを書いてポートフォリオを作成してみました。
稚拙な作品ですが、ご覧いただけたら幸いです。
momenのポートフォリオ紹介
URLはこちらです。クリックしていただけるとご覧いただけます。
GitHub Pagesで公開しています。
HTMLとCSSだけをつかい、内容も極々簡単に短くまとめました。
とか言っちゃって…これが精いっぱい(笑)
自作第一号の拙作ですが、今もてる精一杯の自分の力で取り組みました。
ポートフォリオの内容
内容は、
- 自己紹介
- Blog紹介
- Pinterest（ピンタレスト）紹介
の簡単なもの。
画面の上と下にヘッダーとフッターをつけて、リンクをふんだんに貼って自分の作品をアピール。
ヘッダー画像には明るいひまわりの画像を選びました。
作成に当たり苦心したこと
- 色に統一感を出したかった
最初はそんなふうに考えていましたが、画像をふんだんに盛り込んだので、結果的にカラフルこの上ないものになってしまいました。(笑)
- レスポンシブ対応
今回、最大の難関でした。
スマートホンのような小さな画面で見たときにレイアウトが崩れないように、そしてパソコンのような大きな画面で見たときのレイアウトも考えプログラミングを組むことに苦労しました。
BlogとPinterestの画像は、パソコンのような大きな画面では、画像が横並びになるように設定できました。
しかし、最初に配置したひまわりの大きな画像は、スマートホンで見てみるとmomenの字が欠けてしまっています。
これらのことは今後の課題です。
学んだこと
今はパソコンだけでなく、スマートホンからサイトに来てくださる方が多くなっています。
さまざまな幅のモバイルに対応できるように、プログラミングを組んでいく必要があるということを痛感しました。
今回、狭い幅のスタイルをきめてから、大きな画面になったときにレイアウトを変える書き方を学びましたが、レスポンシブに対応したプログラミングをかくことの難しさも感じています。
もう一つはGitHub Pagesでサイトを公開する方法も学べました。
GitHub(ギットハブ）は、GitHubという企業が行っているサービスで、プログラムコードやデザインデータを保管したり公開してくれるサービスです。
世界中の人々が利用しています。
私も登録して公開を試みました。
今回「momenのポートフォリオ」を作成したことは、大きな自信につながりました。
勉強してみたい…でも、この歳で勉強する意味はあるのだろうか…
それ以前に、私に理解できるだろうか…
プログラミングの勉強をはじめる前は、いろんな気持ちが渦巻いていました。
未知の世界に足を踏み入れることは、時に恐怖だったり不安な気持ちになるものです。
しかし、あきらめずコツコツ積み上げていけば必ず何らかの成果に結びつくと、今は実感しています。
まとめ：67歳おばさんが自力でプログラミングを書いてつくったポートフォリオ
とりあえず今は、やりきった感でいっぱいです。
ページのレイアウトを考える、必要な画像をつくる、タイトルや文章を考える、配色や文字の大きさやスタイルはどうするか、リンク先の設定、公開方法などなど考えなくてはいけないことだらけ…
一つ一つクリアしながら、まるでパズルを組み立てているようでした。
なんとか組み立てに完成して、公開できたことに胸をなでおろし安堵しています。
さらに、日々プログラミングと格闘している方々への尊敬の念がさらに大きくなりました。
こうして実際に手を動かして作品をつくってみると、反省点や改善点がみえてきまして、まだまだ学ばなくてはならないことがたくさんあります。
さらに勉強をすすめていきたいと思っています。
お気づきのことやご感想などありましたら、どうぞ遠慮なくお知らせください。
最後になりましたが、いつも視聴させていただいている「ドットインストール」の先生方やスタッフの皆様に感謝申し上げます。
そして、応援や励ましのお言葉をいただきましたツイッターのみなさまにもお礼を申し上げます。
心温まるお言葉は、私の気持ちを奮い立たせるものでした。本当にありがとうございました。
本日は、自力でプログラミングを書いて作成した「momenのポートフォリオ」を紹介させていただきました。
最後までおつき合いくださいましてありがとうございます。
次回もmomenblogをお楽しみに♪