2024年– date –

パララックスとはページをスクロールする際、手前と奥とでスクロールの速度に差をつけることで、奥行きや立体感を表現する ことです。 パララックスを使ったWEBサイトRESCALAR | 株式会社リスカラICS COLLEGE OF ARTS WEB OPEN CAMPUSRe-Frame 今回はJavaS...

パソコンを使い始めると必ず耳にする「 フォルダとファイル」という言葉。でも具体的に何が違うのかと聞かれると、意外と説明が難しいですよね。このブログではフォルダとファイルの違いを、わかりやすく例えながら解説します。これを読めば、プログラミン...

visual studio code をインストールしたけれど、なんだか操作が難しそう…そんなふうに思ったことはありませんか？実は、VS code には拡張機能という便利なツールがあり、それを活用することで作業がグッと楽になります！初心者の方でも迷わないように、拡...

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

初めてHTMLを始める方の第一歩、Microsoftが提供する無料のソースコードエディタ、「 Visual Studio Code 」のダウンロードをしてみよう！ちなみに私のパソコンはMacBookです。 ダウンロード手順 （１）公式サイトにアクセス ・「まず、↓↓ 以下のリンクを...

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

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

プログラミングを始めるには、専用のアプリでコードを書いてみることからスタートします。 　　　コード(code)とはこんな感じ↓ 　でも、どのアプリを選んだらいいのか迷いますよね。今回は初心者におすすめのコードを書くための「エディタアプリ」をわかり...

　ここではWebサイトの構成を簡単に解説するよ。今回はサラッと学習していきましょう。 フロントエンド（見た目や操作部分）とは 　フロントエンドは、Webサイトやアプリで、みなさんが「目で見たり、触ったりできる部分」の事です。 　そうです！普段私た...

みなさんこんにちは。前回に続き、Webサイトをさらに理解して行きましょう！ URL (アドレス）とは 　前回学んだ、インターネット回線は「道」としたならば、「URL」はインターネット上での「住所」のようなものです。 　たとえば、家の住所が特定の場所を...