• 本サイトについて
  • 鍵ページ

お仕事で使うHTMLテクニック備忘録

コピペしちゃいなよ

  • 本サイトについて
  • 鍵ページ

矢印付きスケジュールをタイムライン形式で作る方法

2025/6/8    ホームぺージ関連

Webページで「1日のスケジュール」を分かりやすく・視覚的に表示したい時に便利なのが、矢印や丸付きのタイムライン風デザインです。 今回は、HTMLとCSSを使って実装できる 矢印付きスケジュール表示の ...

CSS HTML

【第8回】PHPで「関数」を作ってコードをスッキリさせよう！

2025/4/27    PHP初心者講座

chatGPTに記事を書いてもらってます プログラムを書いていると、 「同じような処理を何度も書いているなぁ」 って思うこと、ありませんか？ そんなときに便利なのが、**「関数」**です！ 今日は、P ...

HTML PHP

【第7回】入力はちゃんとチェックしよう！フォームのバリデーションと複数項目の処理

2025/4/22    PHP初心者講座

chatGPTに記事を書いてもらってます 前回、PHPでフォームから入力を受け取る方法を学びましたね！ でも、ユーザーが空っぽのまま送信してしまったら…？ そんなときに必要なのが「バリデーション（入力 ...

HTML PHP

【第6回】ユーザーの入力を受け取ろう！はじめての「フォーム連携」

2025/4/22    PHP初心者講座

chatGPTに記事を書いてもらってます Webサイトでは、ユーザーに入力してもらうことがよくありますよね。 名前やメールアドレスを入れてもらったり、検索したり… そのときに使うのが フォーム（for ...

HTML PHP

【第5回】たくさんのデータをまとめて扱う！PHPの「配列」入門

2025/4/21    PHP初心者講座

chatGPTに記事を書いてもらってます プログラムでは、「たくさんのデータをまとめて使いたい」場面がよくあります。 そんなときに便利なのが 配列（はいれつ） です！ 配列ってなに？ 配列とは、複数の ...

HTML PHP

【第4回】何度もくり返したい！PHPの「繰り返し（ループ）」入門

2025/4/21    PHP初心者講座

chatGPTに記事を書いてもらってます プログラムでは、同じ処理を何度も繰り返したいことがよくあります。 そんなときに使うのが 「ループ文」 と呼ばれるものです！ PHPでよく使うループ文は、主に以 ...

HTML PHP

【第3回】もし〜なら？をPHPで書く！はじめての「if文」入門

2025/4/20    PHP初心者講座

chatGPTに記事を書いてもらってます 「条件分岐」ってなに？ プログラミングでは、**「もし〇〇なら〜する」**という判断をさせることがよくあります。 このような処理のことを「条件分岐（じょうけん ...

HTML PHP

【第2回】PHPの「変数」ってなに？はじめての変数入門

2025/4/20    PHP初心者講座

chatGPTに記事を書いてもらってます 変数って聞いたことある？ プログラミングでは「変数（へんすう）」という考え方がとっても大事です。 変数とは、“値をしまっておける箱”のようなもの。 たとえば、 ...

HTML PHP

【第1回】PHPってなに？どうやって始めるの？超初心者向けガイド

2025/4/20    PHP初心者講座

chatGPTに記事を書いてもらってます これからPHPを始めるあなたへ こんにちは！このシリーズでは「PHP7初級試験」に向けて、まったくの初心者でもわかるように、一歩ずつ丁寧に学んでいきます。 「 ...

HTML PHP

アイリスアウト(もう、こりごりなのだ)を実装しよう

2025/4/19    ホームぺージ関連

とほほ・・・もうこりごりなのだ 画像にマスク効果を施し、マスクの形や位置をアニメーションで動かすことで作成します。 基本のHTMLとCSS まず、画像にアイリスアウトのアニメーションを適用するための基 ...

CSS HTML JavaScript

JavaScript ループ処理について学ぼう

2025/3/16    JavaScript入門

JavaScriptを使ってプログラムを作成する際、同じ処理を繰り返したりすることはよくあります。この章では「ループ処理」について学んでいきましょう。 ループ処理とは？ ループ処理とは、同じ処理を何度 ...

HTML JavaScript

JavaScript 条件分岐について学ぼう

2025/3/16    JavaScript入門

JavaScriptを使ってプログラムを作成する際、条件によって処理を分けたりすることはよくあります。この章では「条件分岐」について学んでいきましょう。 条件分岐とは？ 条件分岐とは、与えられた条件に ...

HTML JavaScript

CSS Gridレイアウトの基本と応用

2025/3/13    HTML中級者講座

CSS Gridは、Webページのレイアウトを効率的に構築できる強力なレイアウトシステムです。 このガイドでは、初心者向けに基本から応用までわかりやすく解説していきます。 CSS Gridとは？ CS ...

CSS HTML

JavaScriptの基本文法とデータ型の理解

2025/3/11    JavaScript入門

基本文法とデータ型の理解 JavaScriptを使いこなすためには、基本的な文法とデータ型の理解が重要です。このセクションでは、それぞれを詳しく解説します。 コメントの書き方 JavaScriptでは ...

HTML JavaScript

JavaScriptとは？初心者向けガイド

2025/3/11    JavaScript入門

JavaScriptは、Webページに動的な機能を追加するために使われるプログラミング言語です。 この記事では、JavaScriptの基礎について順を追って解説していきます JavaScriptとは？ ...

HTML JavaScript

【便利】WinMergeでファイルやフォルダの差分を簡単にチェック！

2025/3/5    その他

WinMergeは、2つのファイルやフォルダを比較し、違いを簡単に確認・統合できる便利なツールです。 テキストファイルの比較だけでなく、フォルダ全体の差分チェックやバイナリファイルの比較も可能で、プロ ...

アプリ 作業効率

【便利】さくらエディタのGREP機能を活用しよう！

2025/3/5    その他

さくらエディタには、ファイル内の検索を強力にサポートする「GREP機能」が搭載されています。 大量のファイルの中から特定の単語を一括検索できるため、プログラミングや文章編集の効率が大幅に向上します。 ...

アプリ 作業効率

【便利】さくらエディタの置換機能を活用しよう！

2025/3/5    その他

さくらエディタは、多機能で軽量なテキストエディタとして人気があります。 特に「置換機能」は、大量のテキストを一括修正するときにとても便利です。 本記事では、さくらエディタの置換機能の使い方をわかりやす ...

アプリ 作業効率

【CSS】Flexboxを完全マスター！基本から応用まで徹底

2025/3/4    HTML中級者講座

Flexbox（フレックスボックス）は、CSSでレイアウトを柔軟に制御できる強力な機能です。この記事では、基本から応用まで詳しく解説します。 1. Flexboxの基本 1-1. display: f ...

CSS HTML

【CSS】左右いっぱいに広がるデザインを作る

2025/3/4    HTML中級者講座

Webデザインでは、コンテンツの幅を画面いっぱいに広げたい場合があります。 例えば、背景画像やセクション全体をブラウザの端まで伸ばしたいときに便利なテクニックです。 1. .over-width クラ ...

CSS HTML

1 2 3 … 7 Next »
  • Post
  • Share
  • Pocket
  • Hatena
  • LINE
  • URLコピー

管理人の声

PHPの記事を増やします(*'ω'*)
初級試験受けるつもりです。C言語基礎できるので余裕と思ってますがどうなんですかね(*'ω'*)
本も買いましたがまだ届いてない(4/20)

クラシックエディタ用のプラグインを作ってみた(ver1.4.1) 公開中

クラシックエディタでコード入力をするボタンを追加するプラグインを作ってみた(ver1.0) 公開中

Amazon納品代行 FBA商品ラベルにJANコード下4桁を入れるアプリ(簡易版)を作ってみた

サイト内検索

最近の投稿

  • 矢印付きスケジュールをタイムライン形式で作る方法
  • 【第8回】PHPで「関数」を作ってコードをスッキリさせよう！
  • 【第7回】入力はちゃんとチェックしよう！フォームのバリデーションと複数項目の処理
  • 【第6回】ユーザーの入力を受け取ろう！はじめての「フォーム連携」
  • 【第5回】たくさんのデータをまとめて扱う！PHPの「配列」入門

ランキング

  • 本日
  • 週間
  • 月間

計測データがありません。

  1. レスポンシブデザインに挑戦！画面サイズに応じてカラム数を変化させる方法

  2. no image

    鍵ページ

  3. Animate It!を使って動的なアニメーション再生をしよう

  1. レスポンシブデザインに挑戦！画面サイズに応じてカラム数を変化させる方法

  2. no image

    鍵ページ

  3. Animate It!を使って動的なアニメーション再生をしよう

最近のコメント

    アーカイブ

    • 2025年6月
    • 2025年4月
    • 2025年3月
    • 2025年2月
    • 2025年1月
    • 2024年12月

    カテゴリー

    • AFFINGER
    • CSS
    • HTML
    • JavaScript
    • PHP
    • Windows
    • WordPress
    • アプリ
    • カメラ
    • プラグイン
    • ライブラリ
    • 作業効率
    • 写真
    • 雑談

    タグ

    HTML中級者講座 HTML初心者講座 JavaScript入門 PHP初心者講座 その他 カメラ・写真関連 ホームぺージ関連 失敗と経験

    おすすめ記事

    1
    クラシックエディタ用のプラグインを作ってみた
    制作理由 ワードプレスのクラシックエディタを直接使っているといつも思うことがありました [Tab]キー押して空白入れて見やすくインデントしたい！ この記事を書くまでは入れないか、スペースキーを押して誤 ...
    2
    クラシックエディタでコード入力をするボタンを追加するプラグインを作ってみた
    制作理由 ワードプレスのクラシックエディタを直接使っているといつも思うことがありました コード追加ボタンを自由に追加出来たら便利じゃない？ この記事を書くまでは、クリップボード貼り付けアプリ[Clib ...
    3
    Amazon納品代行 FBA商品ラベルにJANコード下4桁を入れるアプリ(簡易版)を作ってみた
    アプリ制作するに至った理由 納品代行の仕事をしていて思ったことがあります 納品代行をしていると本当に様々なお客様から様々な商品が届きます その中でも特に注意しているのが、「見た目ほぼ同じだけど違う商品 ...

    アフィリエイト

    お仕事で使うHTMLテクニック備忘録

    コピペしちゃいなよ

    © 2025 コピペしちゃいなよ