こんにちは、フローです。 今回は、JavaScriptの配列操作関数、 .splice()メソッドについて学びます。 難しいプログラミング言語でも、中学生にも理解できるように丁寧に説明していきます。 よろしくお願いします…

こんにちは、フローです。 今回は、JavaScriptの配列操作関数、 .unshift()メソッドについて学んでいきましょう。 前回と同様に、中学生の皆さんでも理解できるように丁寧に説明していきます。 .unshift…

こんにちは、フローです。 今回は、JavaScriptの配列操作関数の一つである .shift()について、誰でもわかるように解説していきます。 プログラミング初心者の方や中学生の方も安心してご覧ください。 あなたも.s…

こんにちは、フローです。 今回は、JavaScriptの重要な部分、配列を操作する方法について、 特に.push()メソッドに焦点を当てて学んでいきましょう。 .push()とは JavaScriptの.push()メソ…

こんにちは、フローです。 今回は、初心者が苦手とする（私が）JavaScriptのことについて書いていきたいと思います。 私も書きながら勉強していくので、一緒に学んでいきましょう。 JavaScriptとは何か Java…

こんにちは、フローです。 今回はハンバーガーメニューを書いていきたいと思います。 いまじゃ当たり前のハンバーガーメニュー。 コピペで使えるので、WEB制作に役立てて下さい。 まずはHTML 以下に基本的なHTMLファイル…

こんにちは、フローです。 今回は、１枚の画像を使用して、色々なフィルターの使い方を書いていきたいと思います。 使用する画像は、 https://o-dan.net/ja/ こちらのサイトの、画像を使用しています。 写真：…

こんにちは、フローです。 前回と前々回の記事では、 CSS Gridを使ってヘッダーとメインコンテンツエリアのデザインを作成しました。 今回は、同じくCSS Gridを使って、ウェブページのフッターデザインを作ります。 …

こんにちは、フローです。 前回はCSS GridとFlexboxを用いてヘッダーを作成しましたね。 今回はその続きとして、 メインコンテンツエリア（アイテム1から4）の作成を進めていきます。 ここでも初心者の方でも理解で…

こんにちは、フローです。 最近、WordPressを使用したウェブサイトがハッキングされる事件があり、 そのセキュリティについての問題が話題になりました。 今回はこの問題を解決するために、WordPressのセキュリティ…

こんにちは、フローです。 Webデザインの世界へようこそ！ 今日はCSS GridとFlexboxを使用して、 レスポンシブなヘッダーを作成する方法を学びます。 初心者の方でも理解できるように、丁寧に説明していきます。 …

こんにちは、フローです。 今回は、近年注目を集めているCSSの新機能、 「CSS Grid」について詳しく解説します。 ウェブサイトのレイアウトを自由自在に設計するための強力なツールです。 今回は、以下のHTMLとCSS…

こんにちは、フローです。 WEB制作に興味を持つ皆さん！ 今日はCSSの強力なツール、Flexboxについて解説します。 Flexboxはレイアウトを簡単に制御できるため、初心者でも扱いやすいです。 それでは、基本的な使…

こんにちは、フローです。 ウェブデザインでは、 アニメーションがユーザーエクスペリエンスを向上させる非常に強力なツールとなります。 今日は、CSSを使用してウェブ要素を回転させる基本的なアニメーションをご紹介しましょう。…

こんにちは、フローです。 前回の続きで、ハンバーガーメニューをやっていきましょう。 前回の記事はこちらです。 🍔ハンバーガーアイコン🍔 あの3本線の作り方を詳しく書いていきましょう。 対象…

こんにちは、フローです。 前回は、初心者の1番の悩み「レイアウト」のヘッダー部分の事を書きました。 今回はフッター部分を書こうと思います。 前回の記事はこちらです。 フッターレイアウト WEBサイトのページの最下部に配置…

こんにちは、フローです。 今回もHTMLやCSSについて学んでいきましょう〜。 前回の記事はこちらです。 style sheetとは 前回は下記のような例を書きました。 ここで出てくる、”rel”…

こんにちは、フローです。 さて、今回も前回に引き続きHTMLの勉強をして行きたいと思います。 前回の記事はこちらです。 headタグ 前回は、”style.css”を使って色やフォントで装飾するや…