CSS 【初心者向け】HTMLとCSSを使ったWebページ作成の手順
はじめにウェブ開発の基本を学ぶためには、HTML（Hypertext Markup Language）とCSS（Cascading Style Sheets）の理解が不可欠です。HTMLはウェブページの構造を定義し、CSSはその見た目をスタ...
CSS 
CSS 【初心者向け】CSS入門：スタイルシートの基本を学ぼう
はじめにウェブデザインを学ぶ上で、HTMLと並んで重要なのがCSS（Cascading Style Sheets）です。CSSは、ウェブページの見た目を整えるためのスタイルシート言語であり、文字の色やサイズ、レイアウトなどを指定することがで...
HTML 【初心者向け】HTML入門：基本タグと構造をマスターしよう
はじめに HTML（HyperText Markup Language）は、ウェブページを作成するための基本的なマークアップ言語。初心者でも理解しやすく、実際に手を動かしながら学ぶことができるため、ウェブ制作の第一歩として最適な学習言語です...
PHP PHPでFTP上のzipを展開
以下のコードを使用することで、FTPサーバー上のZIPファイルを展開できます。<?php // FTPサーバーの設定 $ftp_server = "ftp.example.com"; $ftp_user = "username"; $ftp...
PHP PHPで文字列の最後の１文字を取得
コード例以下のコードを使用することで、PHPで文字列の最後の１文字を簡単に取得できます。<?php $string = "テスト文字列"; $lastChar = substr($string, -1); echo $lastChar; /...
CSS cssで画像の縦横比（アスペクト比）を保持して表示する方法
CSSを使って画像のアスペクト比を保持する2つの方法について解説します。◼︎ 方法1: aspect-ratioプロパティを使用するまずは、CSSの新しいプロパティ「aspect-ratio」を使った方法です。このプロパティを使うことで、要...
wordpress wordpressのプラグインを日本語化する方法
WordPressは多言語対応のCMSですが、プラグインによっては日本語に翻訳されていないものもあります。自分で翻訳ファイル「ポ（.po）」とか「モ（.mo）」のファイルを作ってもいいけどプラグインごとにやるのはちょっと面倒じゃない。有志た...
CSS cssのdisplay:flexで中身を上下中央表示
CSSのdisplay: flexを使用して、要素の中身を上下中央に表示するためのコード。CSSコード.container { display: flex; /* フレックスボックスを有効にする */ justify-content: ce...
javascript jQueryでHTMLタグだけを変更（中の要素は変更なし！）
jQueryを使用して特定のHTMLタグを変更する方法です。中身は元のままっていうのが味噌です。ミソです。例えば、<p>タグを<div>タグに変更したい場合のコードの紹介。変更前のHTML<p class="change-tag">これは変...
javascript jQueryで全角を半角に変換するコードをもっと分かりやすく解説
なぜ全角を半角に変換するのか？入力フォームで全角文字が入力されると、データ処理でエラーが発生したり、意図しない結果になることがあります。特に数値や英数字を扱う場面では、全角を半角に変換することで、より正確なデータ処理が可能になります。jQu...
javascript jQueryでドロップ検知
ドロップ検知の基礎と実践jQueryでドロップ検知を実装する際、dragenter, dragover, drop の3つのイベントが鍵となります。これらのイベントを巧みに組み合わせることで、ユーザーがファイルをドロップした際に、様々な処理...
javascript jQueryで横からの距離を取得
皆さんは、Webページ上で要素同士の距離を測りたいと思ったことはありませんか？ 特に、横方向の距離を知りたい時ってありますよね。 そんな時に便利なのが、jQueryの機能です。 今回は、jQueryを使って横方向の距離を取得する方法を、笑え...
その他 箱庭タウンズの乗り物獲得条件一覧を見やすく作成⭐️
いつも箱庭タウンズを休みの時はダラダラとしていて、ご飯食べるのも忘れるぐらいハマってます。箱庭タウンズをやってると、住民が乗り物を乗り回してるのをよく目にして、いつGETしたんだろうと思い一覧で見やすく作成しました！乗り物の獲得条件一覧
その他 こだわりラーメン館〜全国編〜コンボするトッピング（食材）早見表を作りました！
最近、カイロソフトの「こだわりラーメン館〜全国編〜」が好きすぎる。このゲームをスマホでプレイしてると、無性にラーメンが食べたくなる。元々、家系ラーメンがちょー好きな人間だから、デブ一直線待ったなしです。そうそう。この「こだわりラーメン館〜全...
javascript jQueryでaタグからパラメータを抜いたURLを取得する方法
ブログ記事やWebサイトで、aタグにパラメータを仕込んでページ遷移させていることってありませんか？jQueryを使えば、そのパラメータを簡単に排除したURLを取得することができるんです！今回紹介するのは、たった数行のコードで実現できる超絶シ...
