はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 私自身、未経験からプログラミングを学習して転職したこと、MENTAで50以上の人にプログラミングを教えている経験から、プログラミング学習の心構えについて思うことがあるので書き留めてみようと思います 5分ほどで読み終わるので、初学者の方は是非参考にしてみてください👀 ※ 客観的な根拠に基づく事実だけではなく、個人的見解も含まれておりますので、半分ポエムだと思ってお読みください ※ 人によっては痛いところを突かれて気分を害する可能性もあります。その場合はそっ閉じして日を改めてお読みください 👉 メッセージ 焦らず地道に力をつけ

はじめに 初心者、実務未経験者には何が足りないのかという視点で書いてみました 初心者レベルを脱したい人、他の駆け出しエンジニアと差別化したい人には役に立つ内容かと思います いろいろ書きますが、一気に全部理解しようとはせず使えそうなものから試してみてください🔥 対象者 プログラミング学習を始めてポートフォリオアプリを制作している人 基礎的な内容の理解ができており、問題なく動くアプリを作れる人 （ちゃんと動くアプリを作れずエラー解決に四苦八苦する人は対象外） 内容 主にサーバーサイド（rubyファイル） 初めてポートフォリオアプリを作成すると、とりあえず期待通りに動くことが目標になるため、実際の現場での作法をいろいろ無視してしまうケースが多くあるかと思います。 まずは動くコードを書くことが最重要ではありますが、それだけだと現場では通用しないのも事実です 現場で教えてもらってできるようになれば

はじめに webサイトでよく見るタブの切り替えを、JavaScriptを使って実装する方法を解説します。 あまり難しいことはないので順番に見ていきましょう！ 先に今回のサンプルの完成イメージを載せておきます。 htmlファイル タブとそれぞれのタブに対応した中身を用意します。 一つ目のタブ（tab）にactiveクラスをつけ、タブの中身（content）の一つ目にshowクラスをつけておきます。 <div class="tab-area"> <div class="tab active"> タブ１ </div> <div class="tab"> タブ２ </div> <div class="tab"> タブ３ </div> <div class="tab"> タブ４ </div> <div class="tab"> タブ５ </div> </div> <div class="conten