Programming

WordPress

WordPress 空白スペースや改行が消える場合の対処法【プラグイン無しで対応できます!】

スペースキーを押したのに「あれれ?」となった経験がある方、必見です!
Programming

【超初心者】JavaScript 配列を理解しよう

JavaScriptの基本構文の学習が終わってオブジェクトに入った頃に、おそらく大半の方が一度はここでつまずくのではないでしょうか。 説明を何回聞いても、どんなに優しく説明してもらっても理解ができない上に、この先とても自力で使いこなせそうに...
Programming

CSSの初心者向けに@keyframesの基本をまとめてみた

CSSでアニメーションを学び始めた方向けに、@keyframesの基本事項をまとめてみました。 @keyframesは、基本的な考え方さえ理解できれば、割と簡単に細かなデザインを仕込むことが可能になりますね。 まずは基本中の基本としてまとめ...
Programming

【初心者】CSS アニメーションの基本技

そろそろCSSでアニメーションをつけてみたいな、と思っている方向けに、CSSアニメーションの基本事項をまとめてみました。 CSSでは色々なトリックを効かせて様々なデザインを仕込むことが可能ですが、全ては基本の応用や組み合わせから成り立ってい...
Programming

【CSS初心者】色の表現方法をまとめてみた

CSSを学んでいて、レイアウトの組み方は見えてきたものの、なぜだかいい感じに仕上がらないと悩んでいる方。 一度ここで色の表現方法を総復習してみませんか。 【CSS初心者】色の表現方法をまとめてみた 基本 まずは単純に色キーワードを使った表現...
Programming

変数を初心者目線で総まとめ【CSS】

CSSでも変数が使えることを知ってましたか? 使用頻度はそんなに高くないかと思いますが、プログラミング全般に通じる知っておいて損はない項目の一つであることは間違いないですね。 ということで、ほんの基本だけ、まとめてみましたので是非参考にして...
Programming

詳細度・カスケード・継承【CSSの基本ノート 】

CSSを学んでいて、何となく後回しにして、そうこうするうちに無意識に避けてしまいがちになる詳細度、カスケード、継承の考え方。 いずれも概念的な色合いが強いものばかりであまり面白くもない勉強ですが、「思ったとおりにCSSが反映されない」などと...
Programming

セレクターの使い方まとめサイト【CSS初心者向け】 #6

CSSをの初心者向けに、使い方で迷いがちなセレクターについて基本的な内容をまとめてみました。 擬似クラス、擬似要素よるセレクターを中心にまとめていますので、サイト作成時に「う、何だったっけ?」となった時にこちらを振り返っていただければ見直せ...
Programming

セレクターの基本的なことを一覧にしてみた【CSS 】#5

CSSのビギナーが最初の頃に迷いがちなセレクターの記載方法を一覧にしてまとめてみました。 学び始めには他の色んな情報もたくさん入り乱れるために、単純なセレクター記載方法でさえも頭がごちゃごちゃになっていちいち振り返って調べ直すのも面倒ですよ...
Programming

CSSの簡単理解 ボックスモデルを復習しよう #4

CSSのボックスモデルに関する復習ノートの第2回目です。 同じく、ビギナー向けにボックスモデルの基本概念が理解できるように簡潔にまとめてあります。 では、block要素とinline要素の違いから始めてみましょう。 順不同で見れるようにもし...
Programming

ボックスモデルの復習ノート【CSS】#3

CSSのビギナー向けに、ボックスモデルの基本概念が理解できるようにポイントを絞って簡潔にまとめてみました。 コードを暗記するだけではなく、本質の理解を意識した構成にしています。 どれもわかってしまえば簡単なことばかりですが、私の経験上、ボッ...
Programming

CSSの基本を初心者向けに総まとめ #2

初心者レベルのCSSの基本事項を「 #1 」に続いて2回目としてまとめてみました。 個人的な学習記録を清書したような内容です。 熟練プログラマーから教わるのも大変意義深いですが、私の経験上は、やはり初心者同士で学ぶことでも大変理解が深まった...
Programming

初歩の初歩 CSSの初心者向けノート#1

初心者レベルのCSSの基本事項をまとめてみました。 私がCSSを学び始めた頃のノートをスケッチし直したような感じです。 学びサイトというよりも、振り返りサイトという位置付けで仕上げています。 始めたばかりの時期は、いざサイト構築しようと実戦...
Programming

関数の学習ノートをまとめてみた【JavaScript】#4

JavaScriptの関数の基本ノート #4 この記事は、JavaScriptの超ビギナー向けの基本をまとめた「初心者がまとめたJavaScript(ES6)の基本ノート(#1)」「JavaScriptのドレミ 初心者ノート(#2)」「Ja...
Programming

ループ基礎文法をまとめてみた【JavaScript】#3

JavaScriptの基本ノート #3 この記事は、超がつく基本をまとめた「初心者がまとめたJavaScript(ES6)の基本ノート(#1)」「JavaScriptのドレミ 初心者ノート(#2)」に続く3番目の記事です。 基本構文から学び...