矢印付きスケジュールをタイムライン形式で作る方法
Webページで「1日のスケジュール」を分かりやすく・視覚的に表示したい時に便利なのが、矢印や丸付きのタイムライン風デザインです。 今回は、HTMLとCSSを使って実装できる 矢印付きスケジュール表示の実例 を紹介します。 […]
あ
【第8回】PHPで「関数」を作ってコードをスッキリさせよう！
chatGPTに記事を書いてもらってます プログラムを書いていると、 「同じような処理を何度も書いているなぁ」 って思うこと、ありませんか？ そんなときに便利なのが、**「関数」**です！ 今日は、PHPで関数を作る方法 […]
【第7回】入力はちゃんとチェックしよう！フォームのバリデーションと複数項目の処理
chatGPTに記事を書いてもらってます 前回、PHPでフォームから入力を受け取る方法を学びましたね！ でも、ユーザーが空っぽのまま送信してしまったら…？ そんなときに必要なのが「バリデーション（入力チェック）」です！ […]
【第6回】ユーザーの入力を受け取ろう！はじめての「フォーム連携」
chatGPTに記事を書いてもらってます Webサイトでは、ユーザーに入力してもらうことがよくありますよね。 名前やメールアドレスを入れてもらったり、検索したり… そのときに使うのが フォーム（form） です！ フォー […]
【第5回】たくさんのデータをまとめて扱う！PHPの「配列」入門
chatGPTに記事を書いてもらってます プログラムでは、「たくさんのデータをまとめて使いたい」場面がよくあります。 そんなときに便利なのが 配列（はいれつ） です！ 配列ってなに？ 配列とは、複数の値をひとつの変数でま […]
【第4回】何度もくり返したい！PHPの「繰り返し（ループ）」入門
chatGPTに記事を書いてもらってます プログラムでは、同じ処理を何度も繰り返したいことがよくあります。 そんなときに使うのが 「ループ文」 と呼ばれるものです！ PHPでよく使うループ文は、主に以下の3つです ループ […]
【第3回】もし〜なら？をPHPで書く！はじめての「if文」入門
chatGPTに記事を書いてもらってます 「条件分岐」ってなに？ プログラミングでは、**「もし〇〇なら〜する」**という判断をさせることがよくあります。 このような処理のことを「条件分岐（じょうけんぶんき）」といいます […]
【第2回】PHPの「変数」ってなに？はじめての変数入門
chatGPTに記事を書いてもらってます 変数って聞いたことある？ プログラミングでは「変数（へんすう）」という考え方がとっても大事です。 変数とは、“値をしまっておける箱”のようなもの。 たとえば、「名前」や「数字」な […]
【第1回】PHPってなに？どうやって始めるの？超初心者向けガイド
chatGPTに記事を書いてもらってます これからPHPを始めるあなたへ こんにちは！このシリーズでは「PHP7初級試験」に向けて、まったくの初心者でもわかるように、一歩ずつ丁寧に学んでいきます。 「PHPって何に使うの […]
アイリスアウト(もう、こりごりなのだ)を実装しよう
とほほ・・・もうこりごりなのだ 画像にマスク効果を施し、マスクの形や位置をアニメーションで動かすことで作成します。 基本のHTMLとCSS まず、画像にアイリスアウトのアニメーションを適用するための基本的なHTMLとCS […]
JavaScript ループ処理について学ぼう
JavaScriptを使ってプログラムを作成する際、同じ処理を繰り返したりすることはよくあります。この章では「ループ処理」について学んでいきましょう。 ループ処理とは？ ループ処理とは、同じ処理を何度も繰り返し実行するこ […]
JavaScript 条件分岐について学ぼう
JavaScriptを使ってプログラムを作成する際、条件によって処理を分けたりすることはよくあります。この章では「条件分岐」について学んでいきましょう。 条件分岐とは？ 条件分岐とは、与えられた条件によってプログラムの動 […]
CSS Gridレイアウトの基本と応用
CSS Gridは、Webページのレイアウトを効率的に構築できる強力なレイアウトシステムです。 このガイドでは、初心者向けに基本から応用までわかりやすく解説していきます。 CSS Gridとは？ CSS Gridは、2次 […]
JavaScriptの基本文法とデータ型の理解
基本文法とデータ型の理解 JavaScriptを使いこなすためには、基本的な文法とデータ型の理解が重要です。このセクションでは、それぞれを詳しく解説します。 コメントの書き方 JavaScriptでは、コードに説明を付け […]
JavaScriptとは？初心者向けガイド
JavaScriptは、Webページに動的な機能を追加するために使われるプログラミング言語です。 この記事では、JavaScriptの基礎について順を追って解説していきます JavaScriptとは？ JavaScrip […]
【便利】WinMergeでファイルやフォルダの差分を簡単にチェック！
WinMergeは、2つのファイルやフォルダを比較し、違いを簡単に確認・統合できる便利なツールです。 テキストファイルの比較だけでなく、フォルダ全体の差分チェックやバイナリファイルの比較も可能で、プログラマーやライター、 […]
【便利】さくらエディタのGREP機能を活用しよう！
さくらエディタには、ファイル内の検索を強力にサポートする「GREP機能」が搭載されています。 大量のファイルの中から特定の単語を一括検索できるため、プログラミングや文章編集の効率が大幅に向上します。 本記事では、さくらエ […]
【便利】さくらエディタの置換機能を活用しよう！
さくらエディタは、多機能で軽量なテキストエディタとして人気があります。 特に「置換機能」は、大量のテキストを一括修正するときにとても便利です。 本記事では、さくらエディタの置換機能の使い方をわかりやすく解説します。 1. […]
【CSS】Flexboxを完全マスター！基本から応用まで徹底
Flexbox（フレックスボックス）は、CSSでレイアウトを柔軟に制御できる強力な機能です。この記事では、基本から応用まで詳しく解説します。 1. Flexboxの基本 1-1. display: flex; でFlex […]
【CSS】左右いっぱいに広がるデザインを作る
Webデザインでは、コンテンツの幅を画面いっぱいに広げたい場合があります。 例えば、背景画像やセクション全体をブラウザの端まで伸ばしたいときに便利なテクニックです。 1. .over-width クラスの役割 このCSS […]
ｄ