JavaScript– tag –

「予約フォームを作ってほしい」と頼まれたとき、何から手をつけたらいいか迷ったことはありませんか？ 特にPHP初心者の方や、副業・案件でWeb制作を受けている方にとって「メール通知はどう組み込む？」「予約の重複は防げる？」といった不安はつきもので...

「CSVで顧客管理してるけど、どうやってメール送ったらいい？」「案件でメール一括配信が必要だけど、ライブラリや高額なサービスは使いたくない…」 そんな声に応えて、今回紹介するのはPHPとCSVを使って、自分だけのメール配信スタンドを構築する方法です...

「画像をきれいに並べたい」「クリックで拡大できるギャラリーを自分でも作ってみたい」そんなふうに感じたことはありませんか？ とくにポートフォリオや商品紹介のページでは、視覚的に魅せるギャラリーがあるかどうかで第一印象が大きく変わります。 で...

「FAQが長くて、目的の項目が見つけにくい…」 「商品一覧に検索機能を付けたいけど、どう作るの？」 そんなお悩み、感じたことはありませんか？ この記事では、キーワードを入力するだけでリストの内容が自動で絞り込まれ、 さらに該当部分がハイライト表...

「CSVで登録データを管理したいんですが、実装できますか？」 クライアントや社内から、こんなふうに相談された経験はありませんか？でも、CSVの読み取りや書き出し、DBとの連携って、意外と手間がかかりそうで不安になりますよね。 そんな方にこそ知って...

「記事が長くなりすぎて、読者が離脱してしまう…」「もっと読むボタンって、どうやって作るの？」 そんな悩みを持つWeb制作者の方へ。今回ご紹介するのは、ページ表示を最適化する「もっと読むボタン」と「無限スクロール」の作り方です。 いずれもユーザ...

「スクロールしたときに、画像や文字がふわっと出てくる」 そんな演出を見かけたことはありませんか？ これは「スクロールアニメーション」と呼ばれる演出で、ユーザーの視線を引きつけたり、情報の印象を強めたりする効果があります。 でも、JavaScriptを...

「よく見るアコーディオンやタブ切替、どうやって作るの？」そんな初心者の方に向けて、この記事ではコピペで使えるHTML・CSS・JavaScriptのコードを使って、FAQやUIメニューでよく使われる「アコーディオン」と「タブ切替」の基本実装を完全ガイドします...

「モーダルウィンドウを実装したいけど、なんだか難しそう…」そんな不安を感じたことはありませんか？ 実は、HTML・CSS・JavaScriptをほんの少し書くだけで、モーダルは誰でも作れるようになります。この記事では、初心者向けにシンプルなモーダルウィンド...

「エラーが出たけど、どこを直せばいいのか分からない…」「var_dump() や console.log() だけでは原因が特定できない…」 こんな経験はありませんか？💡 PHPやJavaScriptの開発では、エラーの原因を素早く特定することが重要 ですが、手動でコードを追うだけ...

HTMLやCSS、JavaScriptを書いたあと、ブラウザで更新ボタンを押して確認するのが面倒だと思ったことはありませんか？💡 そんなときに便利なのが VS Codeの「Live Server」機能 です！この機能を使えば、コードを編集するたびに 自動でブラウザが更新 され、...

「エンジニアになりたい！」「フリーランスで自由に働きたい！」そんな夢を持って、プログラミング学習を始めようと考えている人は多いですよね。 最近では、「3ヶ月でエンジニア転職！」 という広告をよく目にします。短期間で学べるのは魅力的ですが、実...

WordPressサイトをもっと自由にカスタマイズしたい！そんな時に役立つのが「フック（Hooks）」です。 フックとは、WordPressが用意している「特定のタイミングで独自のコードを実行するための仕組み」です。例えば、「ページが読み込まれたときに特定のCSS...

「WordPressのテーマをもっと自由にカスタマイズしたい！」「プラグインに頼らず、オリジナル機能を追加したい！」 そんなあなたにおすすめなのが、functions.phpを使ったテーマカスタマイズです。 functions.phpは、WordPressテーマに新機能を追加したり...

「WordPressでオリジナルテーマを作ってみたいけれど、何から始めればいいの？」「テーマ開発なんて難しそう…でも、サイトをもっと自由にカスタマイズしたい！」 そんな悩みを抱えている方に向けて、超初心者向けにわかりやすくオリジナルテーマの作り方を...

WordPressでオリジナルテーマを作成するときや、カスタマイズをする際などに皆さんはどのようにCSSやJavaScriptを読み込んでいますか？ 実は間違った方法で追加してしまうと、サイトの表示速度が遅くなったり、テーマやプラグインと競合して不具合が起こる...

WordPressで画像スライダーを作るなら「slickスライダー」がおすすめ！ slick.jsとは？他のスライダープラグインとの違い Webサイトで画像スライダーを作成する方法はいくつかありますが、「slickスライダー（slick.js）」は特に人気のあるスライダーライ...

期間限定サイトやイベントの開催日時に合わせてリンクをアクティブにしたい。 または、開催期間が過ぎたらリンクを自動でオフにしたいといった要望を受けたことはありませんか？ それをカレンダーやリマインダーに入れて、当日リンクを繋ぐ作業をしてもい...

偏差値は下記の計算式で計算できます。 偏差値＝10 ×（個人の得点-平均点）÷（標準偏差）＋ 50 この計算式で扱う標準偏差は、すべての受験生の得点が分からないと求めることができないため、関係者以外は正確に算出できないという問題があります。 ただ、...

今日はジャバスクリプトを使って、簡単な計算アプリを作って行きたいと思います。 こんな感じの計算フォームを作って行こうと思います。 計算フォームの概要 入力フォームに数値を入力する JavaScriptで数値を受け取って計算する 結果をHTLMでWEBページに...

PCとスマホでJavaScriptの動作を変えたいことってありませんか？ 例えばアコーディオンメニューはスマホ表示の時だけにしたいとか、サイズや動作条件をPCとスマホで変えたい時などにとても便利な機能です。 CSSでは簡単に切り替えられるのに、JavaScriptだ...

どのページを開いているか、ひと目で分かるように「開いたページのメニュー色を変えたい！」 でも、全部のページでHTMLを編集するのはとっても面倒ですよね。 コーディング途中でメニュー構成が変わったりすると、直すのも一苦労です。。 そんなときに役立...

WordPressの問い合わせフォームで定番なのがこのContact Form7ですが、入力途中の情報が誤って届いたりしたことありませんか？ Contact Form7の標準の仕様では、エンターキーで送信ができてしまうような作りになっているため、フォームから問い合わせをし...

文章がだらだらと続くサイトって見づらいし、どこに何が書いてあるかわかりづらい。 Q＆Aや細かく階層が分けられたメニューも全体を俯瞰したり、目的のものに辿り着きにくくなりませんか？ 必要な時に、見たいものだけ読者に選んでもらって、表示できる仕...

前回に続き、ハンバーガーメニューの作り方を解説していきます。 出来上がりイメージはこちら 今回は前回の動くハンバーガーメニューのボタンをクリックした時に、横から出現するメニューを作って行きたいと思います。 ハンバーガーメニューのボタンの仕組...

HTMLやCSSを使って、WEBサイトをなんとか形にできる様になってくると、次はレスポンシブ対応にしたり、JavaScriptを使って動きのあるおしゃれなサイトにしたい！って思う様になりますよね。 HTMLから入って、なんとかCSSまでは無難に扱えるようになってき...