お勧めリンク集

サーバー

無料で使えるAWSの初期トレーニングまとめ

AWS、勉強用メモ

JavaScript

jQueryを使わずにJavaScriptでスムーススクロールの実装方法！

JavaScript

gsap3

トラスコ中山の時に使用した

JavaScript

swiper でスライダーをスマホサイズではON、PCサイズではOFFにする

画像一覧など、PC/SPで見せ方を切り替える際に

その他

スクリプトでmysqlコマンドを実行すると「Warning: Using a password on the command line interface can be insecure」

その他

Next.js

JSだけどサーバーサイドのシステムや静的ファイル書き出しもできるから覚えると便利そう

開発環境

TortoiseGIT の基礎勉強 〜TortoiseGIT によるバージョン管理を使う〜

GITの機能がまとまって見れる

開発環境

WSL (Windows Subsystem for Linux)の基本メモ

CSS

Noto Serif JPがIE11で表示されない時の解決法

WordPress

パンくずリストをAll in One SEOに変更

簡単だけど、googleのスニペット対応はしてないからケースバイケースで使用

WordPress

WordPress：Custom Field Suiteの使い方からカスタマイズまで

ツール

ビットマップ画像を高画質化＆ベクター化してくれるai系サービス

その他

WIRED

テクノロジー・生活・社会・カルチャーといった幅広いジャンルを扱う記事

開発環境

PowerShell

ツール

FTPS で大量のファイルを転送すると接続が切れる件の対応方法

ジェネレーター

テーブル生成サイト

テーブルをブラウザ上で作れる

サーバー

さくらのVPS入門ガイド

WordPress

WordPress ナビゲーションメニュー（カスタムメニュー）

WordPress

カスタムフィールドを自作する方法【プラグインなし】

ツール

Screen Sizes

iPhone, iPad, Apple Watchの最新から初代までの情報が網羅されたサイト。

JavaScript

CSS/JavaScriptで文字に動きを！テキストアニメーション30選

その他

日経クロステック

IT情報だけではないけど、他の産業界の流れも分かる

開発環境

XAMPPでバーチャルホストを設定して複数のドメインを使う方法

開発環境

Gulp4によるコーディング – おすすめパッケージ

gulpの設定メモ

ツール

PSDからテキスト情報を抽出するPhotoshopの便利スクリプト TextExportToCSV

PSDからテキストだけ抜き出せます。

ツール

1分でわかる！ドメインからレンタルサーバーを調べる方法

サーバー

チュートリアル: Windows ターミナルでの SSH

その他

Visual Studio Code で Remote SSH する。

JavaScript

「html2canvas」を使ってスクリーンショットを作成、ダウンロードする【使い方】

年賀サイトでおみくじ結果の画像化で使用 ※Firefoxは一部CSSが反映されないため、タグに直書きで解決

WordPress

Media from FTPの後継プラグイン

WordPress

Ajaxを使ってWordPressからコンテンツを取得したい。

WordPress

Save field values

ループ行のセーブの仕方

Shopify

【Shopify】LiquidのSection概要まとめ

WordPress

Gutenberg使わないブロックを非表示にする方法３選

その他

CMSの比較・ランキング・おすすめ製品一覧

CMSの状況は時々チェック

開発環境

Gulp.jsでテンプレート開発を高速化！

gulpの設定メモ Gulp4に対応してないサンプルソースも結構上がってるので違いを理解する

開発環境

公式Dockerイメージ PostgreSQL メモ

CSS

Bootstrap

Bootstrapでと言われるお客さまも多いので

WordPress

先頭固定記事の使い方まとめ〜サブループでも有効化＆記事数も合わせる

サブループの時に、ブログのトップに固定 チェックボックスの機能をお客様に使いたいと言われたのでメモ。

開発環境

【2021年版】XAMPPのインストール方法

開発環境

WinSCPでroot権限に切り替える方法

開発環境

gulp：特定のディレクトリやファイルを対象から除外する方法

gulpの設定メモ

JavaScript

Slick（スライド）

よく使用するjquery依存のスライダープラグイン

その他

aioseo_schema_output

AIOSEO Documentation 構造化データを変更したいとき

その他

heteml SSH ソフトの設定　PuTTY(Win)

heteml SSH ソフトの設定

開発環境

実行中の Container を一覧表示するコマンド docker ps 20210108

開発環境

make のインストール（Windows 上）

ツール

次世代画像フォーマットWebP画像の作り方

WebP公式のツールを使っているので、間違いなさそうです。

ジェネレーター

Free Online SVG Sprite Creator

svgスプライト画像作成

WordPress

クエリーループブロック

WordPress

【WordPress】マルチサイト内の異なるサイトのデータを取得する方法｜switch_to_blog()

Shopify

Shopify(ショッピファイ)のカゴ落ち原因と対策方法をプロが徹底解説！【購入率UP】

ツール

clippy

クリップパスジェネレーター テンプレ画像などを使い、要素の切り抜きを直感的に指定できる。

その他

VS Code の設定ファイルの場所 (settings.json)

cssのコンパイル場所を変えたくて調べた

ツール

似顔絵制作ツール

JavaScript

JavaScriptとcanvasでアニメーションを作る

JavaScript

【超便利！】HTMLにGoogleスプレッドシートからデータを取得して表示する方法

JavaScript

FilePondで格好いいアップロードフォームを作ろう

なんか使えそう！

JavaScript

【最新v8】Swiperの使い方・実用的なデモ15個の解説 ー基礎から応用までー

JavaScript

【javascript】一定時間操作が無かったら処理を実行させる関数

WordPress

【MW WP Form】必須項目をラジオボタン選択肢によって変えたい

Shopify

Shopify API reference docs

その他

知る・学ぶ・つくるを育てる ITエンジニアのためのメディア

その他

SSHを使ったデータベースのエクスポート方法

JavaScript

webpackとBabelの基本を理解する

勉強用メモ

CSS

一括pxからvw計算機

基準値(Base)を入力し、左のテキストエリアにCSSをまるっと入力して下さい。 入力後すぐさま基準値を元にpxからvx計算し右側にvw変換後のCSSを出力します。

WordPress

【特定ページ・サブディレクトリ可】パスワード保護ページをカスタマイズする

WordPress

All In One WP Security

セキュリティ対策のプラグイン、サイトガードとどっちが良いか、、、さくらインターネットでインストールすると最初から入る

WordPress

WP-BLOG-HEADER.PHPをインクルードしたページが404エラーになった時の対処法

これ！早く知りたかった、、、

JavaScript

Video(Webカメラ)の映像をCanvasに描画するライブラリ

CMS

Manual:インターフェイス/サイドバー

開発環境

Windows Subsystem for Linux に関するドキュメント

開発環境

Box.comにGITのリポジトリ作成

boxにGIT連携できたらいいんじゃないかと思って調べた

PHP

PHPのおすすめフレームワーク10選を徹底比較【2021年】

勉強用メモ

JavaScript

gsapとcanvasを使用したアニメーション例

JavaScript

gsapとcanvasを使用したアニメーション例

JavaScript

Vue.js とは？

勉強用メモ

サーバー

エックスサーバーで特定のディレクトリのみPHPのバージョンを変更する方法

開発環境

新しい SSH キーを生成して ssh-agent に追加する

今までつながってたGIT-hubがつながらなくなっていろいろ困って調べたところカギのタイプが新しくなったらしい ssh-keygen -t ed25519 -C "your_email@example.com" これで再作成して登録したらよくなりました。 ssh -T GIT@GIThub.com

開発環境

サル先生のGIT入門

GITの機能がまとまって見れる

ツール

WinSCPに登録したユーザー名やパスワードを忘れてログインできない

FTPのパスワード忘れたとき用

ツール

browserlingを使って国内から海外のサイトを閲覧

boosterさんからの依頼で使用した

セキュリティ

Web セキュリティ

知っとかないとメモ

JavaScript

高さぞろえのJS

jquery依存

WordPress

WordPressのadd_filterとapply_filtersのまとめ

WordPress

WordPress 6.0の新機能（最新ブロック、スタイルの切り替え、テンプレート編集、Webfonts APIなど）

ちょっと前に出ててざっくり見てましたが、いよいよバージョンが進んで改善されているので勉強するときが来たようです。

CSS

朗報！ これでCSSネストの記述方法がより簡単になります

不意に他所のcssに干渉しにくくなるのはうれしい。ただDWは完全にサポートしきれていないので、VSの方が作業はしやすいです。

WordPress

フォームのデータを kintone に保存する

開発環境

Windows での NodeJS のインストール

nvm-windows を使用したバージョン管理

WordPress

Online JavaScript/CSS/HTML Compressor

Shopify

Shopifyで商品が売れない！？3つの原因と対策方法を徹底解説【成功事例付き】

HTML

【2023年最新事例付き】入力フォーム作成の際に注意したい12のポイント

特に「3. レイアウトは1カラムにする」はデザイナーさんにも知っておいてもらいたいです。 未だに２カラムのデザイン作る人多いので

ツール

VS Code を使用したリモート コンテナーでの開発

JavaScript

スクロール量と動画再生が連動する「ScrollyVideo.js」

背景として設置した動画の再生を全体のスクロールに連動させるライブラリです。 スクロールに応じて動画が進行します（逆スクロールで巻き戻り）

JavaScript

A-frame.ioを使ってホームページ上に360°画像を表示する

追記 ・「a-scene」タグの中に以下を記述することで機能制御できます。 embedded：全画面表示を要素内に収める。 vr-mode-ui = "enabled: false"：スマホ閲覧時にAR/VRの切替えアイコンを表示させない。 ・1ページに同時に6個以上設置するとandroidスマホではメモリ不足で表示されなかったため、表示させる画像を動的に...

JavaScript

【JavaScript】非同期処理 まとめ

結構JSとかで躓くポイントを記載してくれてるので時間ががるときにみていくと良さそうです。

JavaScript

ブレイクポイントでSwiperの作成/解除を行う

画像一覧など、PC/SPで見せ方を切り替える際に

WordPress

WP FullCalendar

案件用メモ

Shopify

Shopify タグのチートシート

検索できて便利

AI

ChatGPTとは？アカウント作成・使い方・ログイン方法を画像入りで詳しく解説！

日本語で欲しいコードの内容を投げると、自動で記述してくれます。参考用に