javaScript URLとタイトルをクリップボードにコピーする
ウェブサイトで特定の情報（例えば、記事のタイトルやURL）をクリップボードにコピーする機能は、ユーザーが情報を簡単に共有できるようにする便利な機能です。今回はJavaScriptとHTMLを用いて実装します。必要なツール HTML Java...
javaScript 
PHP wordpressでRSSを使って複数のブログをまとめて時系列に一覧表示する方法
WordPressでRSSを利用し、複数のブログを時系列で一覧表示する方法は非常に便利な機能です。以下にステップバイステップでの実装方法を説明します。プラグインを使って簡単にこの機能を実装する方法も存在しますが、ここではより自由度の高いカス...
Bootstrap Bootstrap4のmodalでYouTubeの動画を表示、ついでに閉じたら停止、modalのセンター表示も
Bootstrap4のmodalでYouTubeの動画を表示Bootstrapでサイトを作ってて「BootstrapのモーダルウィンドウでYouTube表示できたら便利じゃね？」ということで調べてみました処理的にはモーダル表示ボタンのクリッ...
WordPress WP_Queryで最初の記事と最後の記事に違う処理をしたい
WP_Queryを使用して記事一覧などを作成する際に、最初の記事と最後の記事だけ違う処理をする方法ですclassを適用してデザインを変えたり2件目以降からだけ表示したい等という時に便利です最初だけ違う処理をする最初の記事かどうかの判定をする...
WordPress wordpressのGutenberg（グーテンベルク）って何？
WordPressが4.9.8が公開されましたが、アップデートすると管理画面のダッシュボードに「あたらしいエディターを試してみませんか？」とか出てくるのですがこれがどうやらwordpress5.0から標準搭載されるGutenberg（グーテンベルク）というエディターのようですのでインストールして調べてみました
WordPress WordPressのよく使う条件分岐まとめ
wordpressでよく使う条件分岐のまとめです投稿タイプ・カスタム投稿・カテゴリ・タクソノミー毎にデザインを変更する時などに使います■投稿タイプで条件分岐（アーカイブページの時）<?php if (( get_post_type() ==...
javaScript wordpressに「barba.js」を導入して非同期通信でページを切り替えを高速化したい
barba.js公式DEMO1公式DEMO2非同期通信でページを切り替えって？そもそも通常の画面遷移をする場合、新しいページを1から読み込んで表示すると思いますこの場合まず画面を遷移し、（ほとんどの場合は気になりませんが）新しい白いページが...
javaScript 画面に要素が現れたら発火する「in-view.js」
in-view.js以前に仕事で使用したのですが、結構便利だったのでご紹介です指定した要素が画面内に表示されたら設定した動作をさせるJSライブラリです似たようなもので「inview.js」というのもあるのですが、「in-view.js」はj...
Apache .htaccessでgzip圧縮させてサイトの表示速度を速くしたい
PageSpeed Insightsとかで推奨されてるgzipを.htaccessで設定するやり方ですgzipとは？gzip（ジー・ジップ）は、データ圧縮プログラムのひとつ、およびその圧縮データのフォーマットである。「GNU zip」の略で...
jQuery jQueryで計算シミュレーターを作る
※2017年11月30日に追記しました少し前に仕事で作ったものですが、それなりに汎用性が高いので紹介させていただきますクリエイターズシップさんの見積作成ページのように選択項目から選ぶと料金を計算して表示するといった感じです単一選択と複数選択...