javascript Nunjucksテンプレート内でjavascriptの関数を使用する
テンプレートエンジンnunjucksでテンプレートファイルにjavascript関数を使用することはできません。例えば次のようなコードはコンパイラエラーになります。{%- set currentTime = new Date() -%}nunjucks使用の際はテンプレート内で関数を使うことはできません。Nunjuck...
admin
javascript 
WordPress 【WordPress】ファイルアップロード時にファイル名を自動で英数字に変換するコード
WordPressのメディアアップローダーで日本語のファイルをアップロードするとファイルがエンコードされます。これを防ぐためにfunctions.phpに以下のコードを追加します。if ( ! function_exists( 'my_rename_mediafile' ) ):function my_...
WordPress WordPressのdebugログの肥大化を防ぐ方法 安定運用のためにエラーに敏感になる
WordPressでは設定によってデバッグログをファイルに書き出してくれる機能があります。サイトが重くなったり処理が意図通りになっていない場合にこのデバッグログの内容を確認します。デバッグログ出力設定方法wp-config.phpファイルに定数を設定します。運用環境と開発環境（ステージング環境）は若干処理を変更します。...
WordPress 【WordPress】テーマ開発－ブロックパターンの追加方法
WordPressのエディタがGutenbergに変わってしばらく経ちますがブロックエディタは進化してきて馴染んできたと思います。特にブロックパターン機能はHTMLを書けない不慣れなユーザーにも扱いやすくするとても親切なツールです。管理画面を扱うユーザーにとって一度わかってしまえばとても便利なのでブロックパターンは多用...
WordPress WordPressで投稿スラッグ（パーマリンク）を自動的に英数字に変更する方法とコード説明
WordPressの投稿を新規作成したとき、タイトルをつけると同時に投稿スラッグには日本語が入ります。ブラウザがchromeなどのWEBブラウザで直接サイトを見ている場合は日本語スラッグでも一見問題ないように見えますが、SNSなどでシェアした場合、日本語のスラッグは以下のようにエンコードされて貼り付けられてしまいます。...
WordPress WordPressのプラグイン「intituive custom order」の並べ替えがRestAPIで効かない場合の対処法
WordPressのプラグイン「intituive custom order」はドラッグで並び順を変更できるとても便利なプラグインです。このプラグインを有効化してクエリのorderbyに「menu_order」という値を設定するだけでドラッグで直感的に変更した並び順に値を取得できます。しかし、RestAPIでクエリを投...
javascript 説明できますか？わかった気になるjavascriptのモジュール。
javascriptのimport文を使用するモジュール機能ですが、いままでNext.jsやReactのサンプルコードなどで多く使用されていたためあまり考えずに使用していましたが後輩に簡単に説明できるぐらいに知っておこうと思い調べてみました。WEBブラウザ上では外部javascriptファイルを読み込むときにはその都度...
その他 はまると面倒！？Instagramのタイムラインをサイトに表示させる方法
「facebookのページプラグインやTwitterの埋め込みタイムラインのようにインスタグラムの投稿をサイトに表示させたい」という要望があることがあります。しかしfacebookのページプラグインやTwitterのタイムラインのように気軽に表示することができません。表示するにはひと手間、ふた手間かかるので注意が必要で...
その他 AdobefontsのwebフォントがIE11表示されない！それでもIE11で表示させたい人へ
いままで問題なく表示されていたものが急にうまくいかなくなることはよくあることです。Adobeが提供しているフォントサービス「Adobefonts」を利用して表示させていたwebフォントがIE11で表示されなくなり困りました。IE11のコンソール画面を見てみるとjavascriptでエラーが発生しているようです。Prom...
その他 WordファイルがPHPで認識されない!？それGoogleと関係あるかもしれません
Webサイトなどでユーザーにファイルをアップロードさせファイル形式を判定して処理を行う場面があります。画像ファイル、PDFファイル、Wordファイルなどがよくあるパターンですがプログラムの中ではファイルの種類を表す情報「mimetype」をもとに判定すると思います。その際、Wordファイルの判定がうまく行かないファイル...
その他 iPhoneでページ下部のタップイベントを確実に発火する方法
スマホ用に見やすく設定されたWEBページのパターンの1つに画面下に固定されたナビゲーションがあります。ユーザーの親指の位置に近いので良いデザインかと思いきやiPhoneで落とし穴があるので注意が必要です。iPhoneでページ下部固定メニューをタップしても一回では動かない問題iOSの標準ブラウザsafariで下に表示され...
その他 そのページでは使っていないjQueryプラグインでエラーを出さないように。jQueryプラグイン存在判定の方法
フロントエンドは開発方法の発展のスピードがすさまじくjavascriptもそのまま書かずwebpackなどのツールを使用することが増えてきました。jQueryに関しては脱jQueryが段々広まっているように見えますが案件によってはまだまだjQueryのお力を借りなければいけません。それはライブラリが豊富でスピーディーに...
WordPress パラメーターがダメ！？WordPressサイトで意図しない404ページの理由はこれだった
パラメーターがダメ！？意図しない404ページが発生あるサイトがどこからやってきたか知るためにサイトＵＲＬにパラメータを付けてリンクをつけることがあります。例えば以下の様な場合です。<a href="アクセス解析を仕込んでいるサイトのＵＲＬ/?foo=bar" />アクセス解析を仕込んでいるサイト</a>この場合だと「?...
その他 IEサポート終了がなぜ騒がれるのか。そしてIEモードとは？いつまでも消せないブラウザ事情について
IEの終了がどんなことをもたらすのか米Microsoftは2021年5月19日（現地時間）に2022年6月15日をもってWebブラウザ「Internet Explorer」のサポートを終了すると発表しました。WEB業界（どんな業界だ？）システム関連業界で大きな話題になっています。なぜ騒がれるかわからない人もいるでしょう...
その他 タイトルいれてる？PDFファイルをWEBサイトにアップする時のチェックポイント
印刷物をWEB上で活用したいときにPDFファイルはとても便利です。「Adobeのソフト」はもちろん「Microsoft Office」があればWordやExcel、PowerPointなどのアプリケーションで簡単にPDFに変換できます。WEBサーバー上に置いて公開される流れが多いですがアップする前に気を付ける点があるの...
その他 facebookページプラグインの曜日がおかしい！？ 便利なプラグインの厄介な点
webサイトにfacebookページの投稿を表示することができるプラグインがfacebookから提供されています。このプラグインを使用するとfacebookで「友達」になっていない人やフォローされていない人にも投稿内容をお知らせすることができます。また、リアルタイムに情報を発信できるのでお知らせとして使用するときに便利...
その他 sRGBとAdobeRGBどちらを選べばよいの？RGB形式で知っておくべきこと
「サイト更新作業でPDFファイルをサイトにアップしたらiPhoneで見ると色が蛍光色のようになっておかしい」こんな経験はないでしょうか？これはそのPDFがCMYK形式で作られていることが原因です。RGB形式に変換しなおせば色は画面で見ている状態と同じようになります。RGB形式に変換するためにはAdobeAcrobatD...
その他 WordPress Popular Postを独自タグ構造で独自期間を指定して表示したい
WordPressで人気記事ランキング等を表示してくれる便利プラグイン「WordPress Popular Post」ですが独自タグ構造で表示するにはテーマをいじる必要があります。この情報が見つけづらかったのでここに残しておきます。<?php if ( class_exists( 'WordPressPopul...
その他 そのログイン失敗の原因は拡張機能HTMLチェッカーかも
AWSコンソールやBitbucketにログインできなくなりました。ログインエラー画面には「クッキーを削除して再試行してください」のようなメッセージが書かれていました。言われた通りブラウザのクッキーとキャッシュを削除して再びログインをしようとしましたがやはりエラーでログインできません。メインブラウザがGoogle Chr...