フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

【初心者】jQueryで☆→★へ【プログラミング学習66日目】

はじめに

初心者が学びの内容を言語化することで、その日に得た知識やスキルを深化させることを目的としている記事です。

現在の学習状況

完全未経験者がプログラミングの勉強を始めて66日が経過しました。
この2ヶ月の学習状況は以下の通りです。

・Progate(有料版)→HTML/CSS, JavaScript, jQuery, Ruby, Ruby on Rails
・ドットインストール(無料版)→HTML/CSS, JavaScript, jQuery
・JavaScript教材(確かな力が身につくJavaScript「超」入門 )→6章まで済み
・ポートフォリオ制作→スパイスカレー屋さんの検索・情報共有用のSNSを制作中

実施内容・結果

  • ☆マークが何個か並んでる時に、X個目の☆を1回クリックしたら左からX番目まで黒塗りされるという機能を実装
  • また、もう1回クリックしたら黒塗りが解除される機能も実装

See the Pen VEJGZr by Masashi Fukuzawa (@fuku_tech) on CodePen.

所感

  • 力技感が半端ない、絶対にもっと綺麗に記述できる方法があるはず。
  • ☆の数が増えた時などを想定すると大変になるためもっと一般化して記述すべき。
  • 今後学習を進め、より綺麗なコードで記述できる表現を見つけ次第、適宜更新していきたい。
  • 全然最適解ではないと思うが、自分で考えながら実装できたという点で前進した。

まとめ

  • jQueryを用いて☆マークの黒塗り機能を実装した。
  • 現時点では力技感満載なので適宜知識と技術を更新していきたい。
[紹介元] jQueryタグが付けられた新着投稿 – Qiita 【初心者】jQueryで☆→★へ【プログラミング学習66日目】

コメント

記事に戻る

コメントを残す