JavaScript,React,WEB制作

Redux Toolkitとは(React環境での解説になります)ざっくり言うと、「データの状態」と「データの処理方法」をまとめて管理、記述できるもの。まずは、Store、Slice という概念があります。

 

■Sto ...

JavaScript,React,WEB制作

axiosとはブラウザや node.js で動く Promise ベースの HTTP クライアント。jQueryで言うところのjQuery.ajaxであり、非同期にHTTP通信を行いたいときに容易に実装できる。非同期通信の書き方② asyn ...

JavaScript,WEB制作

APIとはアプリケーション・プログラミング・インターフェース(Application Programming Interface)

■直訳アプリケーション:ソフトウェア(Excel、Photoshop、Yahoo!ショッピングなど)プ ...

JavaScript

const listElms = Array.from(document.querySelectorAll('#list li'));listElms.forEach(listElm => {  listElm.addEventLis ...

WEB制作

環境構築について
gulpの最新版の記述を導入
gulp-scss以前に流行ったcompassの良い機能も導入(下記)
・画像のサイズ、パスを自動化
・開発と本番でパスを変更できる

これらを ...

WEB制作

package.json をインストールする時

npm install パッケージ名//ショートカットnpm i パッケージ名//パッケージ名省略でも可npm i

ライブラリをインストールする時
package.js ...

WEB制作

非retina、retinaの画像読み込みの違いイメージ

retina対応していない画像をretina対応で表示させようとした場合のイメージ
※フル画面で画像を表示させる前提での例

未分類

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 ...