Quantcast
Channel: Vimタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 5608

私が初めてウェブサイトをつくって苦労したこと

$
0
0

はじめに

私は、2019年7月からプログラミングサークル「ゆうとクラブ」に入会し、
フロントエンジニアになるべく修行をしています。
本記事では、ゆうとクラブ入会約一ヵ月目の成果を報告します。

Vim矯正ギブス

今までVimを使ったことがありませんでしたが、最速でVimをマスターするために、次のことを実施しました。

  • チートシートをパソコンの壁紙に設定
  • トイレの壁にチートシートを貼る
  • 方向キーでの移動を禁止
  • 効率の良いコマンドを叩かないと、怒られて何度もやり直し

そして結果……

CUI強制でGit再入門

今まで、Visual StudioのGitで使っていましたが、bashのみに切り替えました。
Gitのことをあまり理解してなかったということが思い知らされました。

しかし、bashでGitを使うようになってから、多くの便利な機能を知りました。

  • ブランチ
  • git commit --amend
  • git add -p

そして適切な粒度でコミットすることとコミットメッセージの重要性を知りました。
最初は、大きなコミットを作ってしまいどこでバグが発生したかわからない事態もありました。

ユニバーサルデザイン

ルビトグル.PNG

ゆうとクラブはユニバーサルデザインのとっかかりとして、ひらがなルビに対応しました。
まだ対応していませんが、文字のサイズも変更できるようにしたり外国語の対応をしようと思っています。

レイアウトに苦戦

今まで、ゲームのプログラミングをしていたので、絶対位置の指定に慣れていました。
しかし、HTMLのレイアウトは、floatやflexbox、gridを使い分けて、なるべく画面サイズに依存しないことが大事だとわかりました。

  1. めろちゃんからデザイン案をもらいました。
    めろちゃんデザイン案

  2. まず、装飾なしで、レイアウトしました。
    レイアウト

  3. 装飾など、細かい部分を作りこんで完成!
    完成版

協力者への感謝

同会の会員である、めろちゃんにウェブサイトのデザイン案を作ってもらいました。
彼女もまた、私と同じく初学者ですが、色使いのセンスが良く、一緒に制作していて、やりがいを感じました。

これからやること

来月からは、即戦力を身につけるために下記の事柄に取り組んでいきます。

  • かんばんを使ったチーム開発
  • KPTで振り返り
  • Windowsを捨て、Arch Linux入門
  • VueJS,NuxtJSを使ってより動的なウェブサイト作り

チーム開発では、まだチームメンバーが足りていません。
興味のある方がいたら、ぜひゆうとクラブの門を叩いてみてください。


Viewing all articles
Browse latest Browse all 5608

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>