web制作

※本ページはプロモーションを含みます tailwindcssというCSSフレームワークが人気です。非常に便利なのでWordPressテーマ開発に導入して見たとこ…

目次 AjaxとはjQueryを使う書き方の記事が多いが実はもうjQueryを使用しなくても簡単にAjax処理が書ける（結論）XMLHttpRequestをもっ…

WEBサイトで部分的に更新できるようにしたい場合、そのためにWordPressやMovableTypeなどのCMSを用意するのは少し大がかりすぎるなと思うケース…

※本ページはプロモーションを含みます 目次 JSONファイルでコメントアウトはできませんコメントアウトを前提にしたデータを使いたければYAMLを使おうREACT…

目次 browserslistとは何かbrowserslistは％（パーセンテージ）で設定できるがシェア率はどこでわかるの？browserslistとは何か 名…

cssを分析して間違いを指摘してくれるツールStylelint。これを使えば複数人でコードを共有していても自動的に同じ作法で書かれたコードを作ることができます。…

cssのポストプロセッサPostCSSは使用したい機能だけを利用してcssを加工するツールです。非常にたくさんのプラグインが存在しその種類によってはSASSの機…

久しぶりにEdgeを画像にマウスカーソルをあてたらに右上に知らないアイコンが出て「おや？」と思ったかたはいないでしょうか？ 他の画像に同じことをしてもアイコンが…

テンプレートエンジンnunjucksの利用環境構築を紹介してきましたがテンプレートエンジンの何が便利かというと次のようなことです。 ヘッダーやフッターなどのペー…

webpackを使用してjsファイルを集束（バンドル）することができましたがJavascriptは様々な規格があるので環境によって動かない場合があります。 そう…

node.js製のCSSプリプロセッサstylusは変数を使用でき、またmixinという決まった処理を自動的に展開させることができる機能があるのでヘルパースタイ…

CSSに用意されているレイアウト用プロパティdisplay:flexですがいままで未対応だったIE11のサポート終了にともないもっと気軽に使用することができるよ…

前回までで次のようなことをやってきました。 nunjucks でhtml生成 stylus でcss生成 imagemin で画像圧縮 javascriptはそ…

npm + Nunjucks + stylusを使用してフォルダの変更を監視してhtml,css,jsを再生成、browserSyncを利用してブラウザを自動リ…

npm + Nunjucks + stylusで構成される開発環境作成手順の続きです。 前回、buildコマンドでhtml,css,jsファイルをdistフォル…

静的サイト制作時におすすめのタスク自動化ツール構成 npm+Nunjucks+Stylus を紹介します。 目次 各ツールの簡単な紹介前提条件があります最終的に…

管理画面にSNSの独自オプションを置きたい場合は次のようなコード追加で実現できます。

何十、何百と記事を投稿したあとにある言葉が日本語が間違っていたなんてことはないでしょうか？ ひとつひとつの記事を管理画面から修正するなんて考えたら気が重くなりま…

WordPressのテーマを制作時のcssに次の指定をしておけば自動で付け加えるクラスになんとなく正解なスタイルがあたっていることになります。

WordPressで固定ページ内で記事の一覧を取得したいなどの関数を使用する際はショートコードを自作し、管理画面の固定ページ編集画面にショートコードを挿入すると…