パソコンを使い始めると、「フォルダ」と「ファイル」という言葉をよく耳にしますよね。でも、「何が違うの？」「どう使い分ければいいの？」と感じたことはありませんか？ この記事では、フォルダとファイルの違いを、初心者でもイメージしやすい「本棚と...

Visual Studio Code（以下、VS Code）は、世界中のプログラマーに愛されている無料のコードエディタです。しかし、初期設定では英語表示のため、初心者の方には少しハードルが高く感じられるかもしれません。 そこでおすすめなのが、「拡張機能（Extension...

こんにちは！今回は「テキストとアイコンを横並びにしたらバランスがおかしくなってしまった！」という方のためのに対処法をお伝えしていきます。 まずはHTMLとCSSの中身を見ていきましょう。 親要素に display: flex; でテキストとアイコンを横並びにして...

プログラミング初心者が最初に使うエディタとして人気なのが「Visual Studio Code（VS Code）」です。Microsoftが提供する無料の高機能ソースコードエディタで、HTML・CSS・JavaScriptを学ぶ方にもおすすめ。この記事では、Mac・Windowsどちらの環境でも簡...

こんにちは★初心者の私がコーディングする際に、画像の上に見出しを載せたい時や要素を重ねて表示したい時に使うプロパティ　position　について学習してみようと思います。 まずはHTMLに親要素と子要素を準備します。 CSSには親要素と子要素に分かりやす...

初心者の私がよくやってしまうミスを備忘録としてお届けしていきます^^ 参考にしたのはこちら  作って学ぶコーディング学習サイト とっても見やすく学習しやすいように初級、中級、上級編と分かれていて、完成イメージやヒント、デモ、ソースコード、画像...

プログラミングを始めるには、専用のアプリでコードを書いてみることからスタートします。 　　　コード(code)とはこんな感じ↓ プログラミングを始めるときに必要なのが、コードを書くための「エディタアプリ」です。その中でも特に人気が高いのが、**無料...

「Webサイトってどうやって作られているの？」と思ったことはありませんか？実は、私たちが普段スマホやPCで見ているWebページには、「HTML・CSS・JavaScript」という3つの要素が使われています。この記事では、初心者の方にもわかりやすく、Webサイトが形...

Webサイトを開くとき、あなたのパソコンやスマホはどのようにしてページを表示しているのでしょうか？この記事では、「URL」や「www」といった基本用語を使って、Webサイトが表示されるまでの流れを初心者にもわかりやすく解説します。「インターネットの...

インターネットは今や生活に欠かせない存在ですが、その仕組みや基本をしっかり理解している人は意外と少ないものです。この記事では、初心者でも安心して学べるように「インターネットの仕組み」「使い方」「歴史」「注意点」などを5つのステップに分けて...