HTML 【初心者向け】HTML入門：基本タグと構造をマスターしよう
はじめに HTML（HyperText Markup Language）は、ウェブページを作成するための基本的なマークアップ言語。初心者でも理解しやすく、実際に手を動かしながら学ぶことができるため、ウェブ制作の第一歩として最適な学習言語です...
HTML 
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を取得することができるんです！今回紹介するのは、たった数行のコードで実現できる超絶シ...
javascript jQueryで特定の文字列をもつ要素を取得
jQueryで特定の文字列を含む要素を取得する方法ご紹介です。この方法はリストをループ処理して特定文字列のあるリストのスタイルを変更する処理になります。実際のコードはこちら。// リスト要素をループ処理$('li').each(functi...
CSS cssのtransitionタイミングを遅らせる方法
今回は、CSSの transition-delay プロパティを使って、アニメーションのタイミングを遅らせる方法を紹介します。transition-delay プロパティとはtransition-delay プロパティは、CSSトランジショ...
