Plugins & Others

更新日：2023年05月27日

VS Code で Web 制作（基本的な設定）

details と summary 要素 + JavaScript で作るアコーディオン

MediaElement.js の使い方

Vue.js の基本的な使い方 (1) Options API

Vue.js の基本的な使い方 (2) Composition API

Vue.js の基本的な使い方 (3) Vite と SFC 単一ファイルコンポーネント

Vue.js の基本的な使い方 (4) Vue Router ルーティング

Vue.js の基本的な使い方 (5) Pinia を使って状態管理

Vue の基本的な使い方 (6) Vue3 で簡単な To-Do アプリを色々な方法で作成

Vue の基本的な使い方 (7) Vue Router と Pinia を使った簡単なアプリの作成

Instagram グラフ API で投稿画像をウェブに一覧表示（埋め込み）

Google reCAPTCHA の使い方（v2/v3）

Google Code-Prettify シンタックスハイライト

GoogleFonts

Google カスタム検索（サイト内検索）の設置

Google Maps の使い方・利用方法

Google マップを表示（埋め込みコード）

Font Awesome の使い方（ver5.9以降）

Font Awesome 5 の基本的な使い方

Font Awesome 5 の使い方（SVG と JavaScript 編）

XAMPP のインストール方法と基本的な使い方

XAMPP の再インストール

XAMPP を Mac にインストール

MAMP のインストールと初期設定

MAMP エラー Apache が起動しない

Mac で MAMP に SSL（https://）を設定

サイトの SSL（HTTPS）化 の対応（手順）

SSL化したサイトの移転（ConoHa に無料独自SSLを事前設定）

Webpack を使って Bootstrap 5 をインストール

Bootstrap4 (1) Layout 編/グリッドシステム、他

Bootstrap4 (2) Content 編/タイポグラフィ、コード、イメージ、テーブル、他

Bootstrap4 (3) Components 編 1/アラート、ボタン、ドロップダウン、フォーム、他

Bootstrap4 (4) Components 編 2/カード、モーダル、ナビゲーション、他

Bootstrap4 (5) Components 編 3/カルーセル、スクロールスパイ

Bootstrap4 (6) Utilities 編

Bootstrap3 (1)

Bootstrap3 (2)

Bootstrap3 (3)

HTML特殊文字変換ツール

URI エンコード変換ツール

SVG エスケープツール（SVG URL Encoder）

パスワード暗号化（ハッシュ化）サンプル

消費税計算ツール

Mac ターミナルの基本的な使い方・操作方法（１）

Mac ターミナルの基本的な使い方・操作方法（２）エディタ

Mac ターミナルの基本的な使い方・操作方法（３）シェルスクリプト

Mac ターミナルの基本的な使い方・操作方法（４）

Mac ターミナル zsh の設定・カスタマイズ（シェルオプション）

Mac ターミナル defaults コマンドの使い方

PHP でスマホやタブレットなどを判定 Mobile Detect

スマホで hover 対応 ontouchstart タッチデバイス 判定

WebP 対応・導入

スライダープラグイン Swiper の使い方

ライトボックス Luminous Lightbox の使い方

Photoshop で SVG

SVG と CSS で作るロゴアニメーション

loading 属性と lazysizes の使い方（遅延読み込み）

CSS でフィルタリング（絞り込み） JavaScript でも

CSS Grid + JavaScript で Masonry レイアウト