Redux Toolkit
Redux Toolkitとは(React環境での解説になります)ざっくり言うと、「データの状態」と「データの処理方法」をまとめて管理、記述できるもの。まずは、Store、Slice という概念があります。
■Sto ...
axios
axiosとはブラウザや node.js で動く Promise ベースの HTTP クライアント。jQueryで言うところのjQuery.ajaxであり、非同期にHTTP通信を行いたいときに容易に実装できる。非同期通信の書き方② asyn ...
API
APIとはアプリケーション・プログラミング・インターフェース(Application Programming Interface)■直訳アプリケーション:ソフトウェア(Excel、Photoshop、Yahoo!ショッピングなど)プ ...
index取得
const listElms = Array.from(document.querySelectorAll('#list li'));listElms.forEach(listElm => { listElm.addEventLis ...
gulpを使ったscss環境構築
環境構築について
gulpの最新版の記述を導入
gulp-scss以前に流行ったcompassの良い機能も導入(下記)
・画像のサイズ、パスを自動化
・開発と本番でパスを変更できる
これらを ...
よく使うnpmコマンド
package.json をインストールする時
npm install パッケージ名//ショートカットnpm i パッケージ名//パッケージ名省略でも可npm iライブラリをインストールする時
package.js ...
画像のレスポンシブ/retina対応について
非retina、retinaの画像読み込みの違いイメージ
retina対応していない画像をretina対応で表示させようとした場合のイメージ
※フル画面で画像を表示させる前提での例
webpack
webpackの基本を覚えるなら下記が導入しやすい
既存の開発環境は「package.json」が存在するので「npm install」すればOK
WordPress ページ子スラッグ抽出
<?php//指定したIDの子ページ一覧を表示 $page_ID = get_page_by_path('service');//ID取得用の固定ページオブジェクトの取得 $children = wp_list_pages(array ...
PHP パラメーター出し分け
URLパラメーターによる出し分け
<?php if(isset($_GET)) { $test = $_GET; } ?><?php if($test): ?><?php else: ?>&l ...