その他
-
UTMパラメータの設定方法：utm_mediumとutm_sourceのどちらに「qr」を含めるべきか？
※本記事はプロモーションを含みます 目次 1. はじめに2. UTMパラメータとは？2.1 UTMパラメータの基本2.2 utm_sourceとutm_medi…
-
2手で完了!? Astroフレームワークにtailwindcssを追加する方法
※本記事はプロモーションを含みます 目次 はじめに前提土台の構築 – Astroプロジェクトの作り方インテグレーションの追加 – tai…
-
AstroフレームワークにReactを導入する流れ – Astro.jsで静的サイト制作
※このページはプロモーションを含みます 目次 はじめにまっさらな Astroフレームワークのプロジェクトを作ろうReactでコンテンツを表示するコンポーネントに…
-
これは便利！HTMLのdialogタグでのモーダルウインドウ実装とアニメーション設定方法
※このページはプロモーションを含みます モーダルウインドウ機能を実装するのに古い方法で作成していませんか？ 古い方法とは次のようなやり方です。 この記事はdia…
-
jsでもっとちゃんとタブUIを実装する（jQuery不使用）- ページ更新してもタブがリセットされないやり方
※本ページはプロモーションを含みます WEBサイトに一般的なタブのUIを追加したい時、インターネットで実装のサンプルコードを探すことがあると思います。たくさんの…
-
意外と簡単！WSL2にCentos9Streamをインストールする方法
※本ページはプロモーションを含みます 目次 はじめに基本情報作業手順【手順1】CentOS9StreamのファイルをダウンロードPowerShellの起動【手順…
-
iPhone、safariでボタンの文字が青くなる原因と対処方
※本ページはプロモーションを含みます 目次 はじめに原因対処法はじめに WEBサイトのコーディングも終盤にかかりいざ実機確認を行った際、「iPhoneでリンクじ…
-
grid-areaプロパティでレスポンシブレイアウトをもっと楽に自由に！cssのgridレイアウトの活用方法
※本ページはプロモーションが含まれています 目次 はじめにコード例実際の表示注意点最後にはじめに レスポンシブレイアウトを構築するとき、どのようにCSSを設定す…
-
知っておくとかなり使える！複数行の文字を丸めるcssプロパティline-clamp
※本ページはプロモーションが含まれています 目次 はじめに使用例HTMLとCSS結果注意点最後にはじめに あるブロック範囲内にテキストを収めたい場合、cssプロ…
-
Day.jsの使い方と活用方法
目次 はじめにそもそもなぜライブラリを使用するのか代表的なライブラリmoment.jsDay.jsの導入方法の選択CDNでの呼び出し方法と国際化（日本に合わせる…
-
npm-scriptsでprettierが動かない！バージョンを変えると直ると思っていたら実はgitignoreが関係したという話
目次 はじめにprettierをどう入れていたかprettierのバージョンを下げてみる問題はバージョンではなかった.gitignoreに影響されるオプションを…
-
JSONファイルはコメントアウトできません。でもなんとかする方法
※本ページはプロモーションを含みます 目次 JSONファイルでコメントアウトはできませんコメントアウトを前提にしたデータを使いたければYAMLを使おうREACT…
-
Stylelintを利用してコードを自動整形する方法
cssを分析して間違いを指摘してくれるツールStylelint。これを使えば複数人でコードを共有していても自動的に同じ作法で書かれたコードを作ることができます。…
-
PostCSSで入れ子を実現できるプラグイン「postcss-nesting」使用時に起きる問題と解決法
cssのポストプロセッサPostCSSは使用したい機能だけを利用してcssを加工するツールです。非常にたくさんのプラグインが存在しその種類によってはSASSの機…
-
Edgeで画像の右上のマークは何？出る条件と影響について
久しぶりにEdgeを画像にマウスカーソルをあてたらに右上に知らないアイコンが出て「おや？」と思ったかたはいないでしょうか？ 他の画像に同じことをしてもアイコンが…
-
はまると面倒！？Instagramのタイムラインをサイトに表示させる方法
「facebookのページプラグインやTwitterの埋め込みタイムラインのようにインスタグラムの投稿をサイトに表示させたい」という要望があることがあります。し…
-
AdobefontsのwebフォントがIE11表示されない！それでもIE11で表示させたい人へ
いままで問題なく表示されていたものが急にうまくいかなくなることはよくあることです。Adobeが提供しているフォントサービス「Adobefonts」を利用して表示…
-
WordファイルがPHPで認識されない!？それGoogleと関係あるかもしれません
Webサイトなどでユーザーにファイルをアップロードさせファイル形式を判定して処理を行う場面があります。画像ファイル、PDFファイル、Wordファイルなどがよくあ…
-
iPhoneでページ下部のタップイベントを確実に発火する方法
スマホ用に見やすく設定されたWEBページのパターンの1つに画面下に固定されたナビゲーションがあります。ユーザーの親指の位置に近いので良いデザインかと思いきやiP…
-
そのページでは使っていないjQueryプラグインでエラーを出さないように。jQueryプラグイン存在判定の方法
フロントエンドは開発方法の発展のスピードがすさまじくjavascriptもそのまま書かずwebpackなどのツールを使用することが増えてきました。jQueryに…
-
パラメーターがダメ！？WordPressサイトで意図しない404ページの理由はこれだった
目次 パラメーターがダメ！？意図しない404ページが発生どういう状況でなったのかなぜおかしくなったのか解決策予防策パラメーターがダメ！？意図しない404ページが…
-
IEサポート終了がなぜ騒がれるのか。そしてIEモードとは？いつまでも消せないブラウザ事情について
目次 IEの終了がどんなことをもたらすのかInternet ExplorerどんなブラウザなのかIEの終了がどんなことをもたらすのか 米Microsoftは20…
-
「display:flex」で頭を悩ませない！CSSでフレックスボックスを使うときに気にすべきポイント
CSSで「display: flex」が登場し、IE10を対象ブラウザリストから除外できるようになって要素の横並びの方法の最優先選択肢が「フレックスボックス」に…
-
タイトルいれてる？PDFファイルをWEBサイトにアップする時のチェックポイント
印刷物をWEB上で活用したいときにPDFファイルはとても便利です。 「Adobeのソフト」はもちろん「Microsoft Office」があればWordやExc…
-
facebookページプラグインの曜日がおかしい！？ 便利なプラグインの厄介な点
webサイトにfacebookページの投稿を表示することができるプラグインがfacebookから提供されています。 このプラグインを使用するとfacebookで…
-
sRGBとAdobeRGBどちらを選べばよいの？RGB形式で知っておくべきこと
「サイト更新作業でPDFファイルをサイトにアップしたらiPhoneで見ると色が蛍光色のようになっておかしい」こんな経験はないでしょうか？ これはそのPDFがCM…
-
WordPress Popular Postを独自タグ構造で独自期間を指定して表示したい
WordPressで人気記事ランキング等を表示してくれる便利プラグイン「WordPress Popular Post」ですが独自タグ構造で表示するにはテーマをい…
-
そのログイン失敗の原因は拡張機能HTMLチェッカーかも
AWSコンソールやBitbucketにログインできなくなりました。 ログインエラー画面には「クッキーを削除して再試行してください」のようなメッセージが書かれてい…