ynskski.qrunch.io読者になる6Web素人が無理せず作るポートフォリオHTMLCSSポートフォリオ投稿日:2018-12-07最終更新:2018-12-07クロス元の投稿をみる(https://qiita.com/yns...)はじめにはじめまして。情報系を専攻している大学生です。(Twitterはこちら)こちらの記事はWeb系全然わからない素人がポートフォリオを作る過程をまとめたものです。普通にWebアプリ開発をされる方からしたら「こんな時代もあったなあ」と振り返れるかもわからないレベルです。1.19.2普段iOSアプリ開発をメインにやっており、Webページの制作経験もないため環境構築からのスタートです。・・・どこから手をつければいいのやら。ぐぐってもあんまり出てこなくないですか?結局よくわからなかったのでProgateのHTMLコースにあった環境にしました。最初はJSを使ってインタラクティブな要素を追加しようと考えていたのですが、作っているとHTMLとCSSだけでもそれっぽいのができてしまいました。完成したものがこちら。https://yuzunosuke.github.io/portfolio/リンクを押すと上のような見た目のページに飛びます。シンプルなものに仕上げたかったため、使用する色を減らし、余白を大きくとりました。情報量もさほど多くないので、ページを分けたりせずに1ページに全てまとめてしまいました。つまづきと参考ページ初めてのWebページ制作で様々なつまづきがあったので、解決してくれたページと合わせて紹介します。要素を横並びにするやり方そもそも知らないhttps://creive.me/archives/13552/縦横のセンタリングのやり方も知らないhttps://saruwakakun.com/html-css/basic/centeringhttps://ics.media/entry/17522/2レスポンシブにしなきゃhttps://pecopla.net/web-column/how-to-responsiveリンクは載せたいけど色は変えたいhttps://uxmilk.jp/8052コピーライト表示したいhttp://www.htmq.com/tutorial/03_4.shtmlOSごとに対応するフォントが違うらしいから対応させたいhttp://www-creators.com/archives/584おわりに初めてWebページを作りました。いってもめちゃくちゃ簡単でシンプルな最低限のページですが・・・こんなものでも3日ほどかかってしまいました。必要な知識が効率よく集まっていればもっと早く出来ていたかと思います。そのためWebページ作りたい気持ちを持っている初心者の方などの参考になってほしいです。内容のないものになってしまいましたが、最後まで読んでいただきありがとうございました。Qrunch.netサーバー提供フィードバックを送信する。