Node.js のバージョンをフォルダごとに変更する → nvm

【この記事の動作環境 Mac M1 / macOS 15.2】 プロジェクトごとにフォルダ分けして管理してるのだが、フォルダごとに、異なるバージョンのN...

2025年1月31日 制作効率化

Node.jsをnvmを使ってインストールする

【この記事の動作環境 Mac M1 / macOS 15.2】 プロジェクトごとに異なるバージョンのNode.jsを使いたい場合、自動で切り替えができる...

2025年1月31日 制作効率化

動画からgifアニメーションを作成する→ffmpeg

【この記事の動作環境 Mac M1 / macOS 15.2】 ffmpeg、動画ファイルの扱いで困った際には、いろんなことができて頼りになる。今回はそ...

2025年1月26日 制作効率化

brew(homebrew)をインストールする

【この記事の動作環境 Mac M1 / macOS 15.2】 ちなみに、brew(homebrew)のインストールについては、公式サイトがあるので、そ...

2025年1月25日 制作効率化

スクロールバーをカスタマイズする

スクロールバーをカスタマイズできるライブラリを探して。いくつか試したけど、ページ内に複数あるとうまくいかなかったり、画面をリサイズするとうまくいかなったりして...

2023年9月3日 ライブラリ

Mac M2 に Node(npm)をバージョン指定して使えるようにする

Homebrewをインストールする 1. 公式サイトのインストールに表示されている内容をコピーする。https://brew.sh/index_ja ...

2023年8月17日 制作効率化

WWDC23 のセッションから「visionOS」で絞り込み

WWDC23で公開されたVIDEOは181個（!!!）もある。その中から、「visionOS」のタグがついたVIDEOだけを抽出してみた。 Acc...

2023年6月13日 Apple Vision Pro

visionOSの紹介

（chatGPT訳）ページ元：https://developer.apple.com/visionos/ 全く新しいプラットフォーム。お馴染みのフレーム...

2023年6月12日 Apple Vision Pro

【2022年】Mac に laravel 8.xをインストールした

まっさらな MacBook Air 2013(Big Sur) に laravel ver8.78.1 をインストールしたので、その備忘録。 ターミナル...

2022年1月14日 laravel

(追筆中)はじめてのVue.js

(公式サイトで勉強中) 公式サイト Vue.js で学んだことの備忘録。この記事のテキストや図は、公式サイトから抜粋しています(多少、自分なりの言葉に置...

2022年1月12日 Vue.js

Vue.jsとは？

Vue.jsとはJavaScriptのフレームワーク。 ●JavaScriptJavaScriptは、HTMLで作られた静的なWebページを動的にする事...

2022年1月11日 Vue.js

Laravelとは？

Laravel。知識ゼロだが、ググって理解した内容を備忘録。 Laravelとは？ Laravelとは、PHPのフレームワーク。 ●PHPP...

2022年1月10日 laravel

スライドショー

最初にスライドショーを自作したのがおよそ11年前(2021年12月現在)。当時の記事「スマートフォンでも使えるフォトスライド」Web業界の11年は、とんでもな...

2021年12月20日 ライブラリ

MEMO: Git のこと

昔書いたメモが出てきたので、備忘録としてここに書き写します。 ラベル bugバグ・動作不具合の場合duplicateすでに他のIssueやプルリクエス...

2021年5月6日 制作効率化

Instagram API を使ってインスタに投稿した画像データを取得する

2022年2月2日追記 前回確認したときは多くが変わりすぎていたWebページですが、今確認したところ、ロゴがFacebookからMetaに変更があるだけで、仕...

2021年2月22日 API

GulpでERRが出てテンパった → gyp: No Xcode or CLT version detected! → PostCSS plugin autoprefixer requires PostCSS 8

Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG...

2020年10月9日 制作効率化

Gulpのgulp-sassインストールでエラーが出てしまった…→–unsafe-perm=true –allow-root

この一年で最低3回は同じエラーにハマって、解決するのに結構な時間を費やしてしまったので、ここに備忘録として残しておく。 sudo npm install --...

2018年12月2日 制作効率化

Gulpはなくてはならない存在になってます

GruntからGulpに乗り換えて、3年くらい経つだろうか。 サイトを新規で作るたびに、Gulpをインストールしている。 毎回インストールしなくてもコピペで再利...

2018年12月2日 制作効率化

フォントリンク集

25 Free Futuristic Fonts to Jumpstart Your Designs 25 Best Free Business Fonts ...

2018年5月12日 お役立ちツール

CSSのminifyやJSの難読化された圧縮ファイルを戻すWebツール

xxx.min.cssやxxx.min.jsのようなファイル名でCSSのminifyやJSの難読化された一行の圧縮ファイルを見やすくした状態で確認したいとき。 ...

2018年5月11日 お役立ちツール

.DS_Storeファイルを削除する

ターミナルを起動して、下記を入力して実行すると、指定したディレクトリ内のDS_Storeファイルをすべて削除することができました。 sudo find ここに削...

2017年12月25日 制作効率化

【サイト】mov, mp4, webm, f4v など動画を違う拡張子に変換する無料サービス

Webサイトに動画を利用する際には、2017年8月時点では、webmとmp4とどちらにも対応していない場合の静止画像を用意して置くことにしている。 動画を違う拡...

2017年8月23日 お役立ちツール

Macでシンボリックリンクの作成と削除

シンボリックリンクを作成すると、たとえば、Aディレクトリのシンボリックを作成（仮にA'ディレクトリと呼ぶ）すると、Aディレクトリ内を修正した場合、A'ディレクト...

2017年7月31日 制作効率化

セマンティックWebに便利なツール

セマンティックなページ（構造化されたページ）を制作する際に、microdataを使うことが多かったが、とにかくコーディングが面倒、というわけで、JSON-LD...

2015年10月14日 お役立ちツール

Gruntを取り入れてみた

ページ高速化の一つの手段として推奨されるCSS、JavaScript の圧縮。 CSS、JavaScript の圧縮とは、各ファイル内のインデントや改行をすべて...

2015年3月16日 制作効率化

[サイト]pngファイルの容量を軽減してくれるサービス

昨今、スマホ用の需要拡大とアルファ画像が使えないブラウザのシェアが減ってきたことが相まって、png画像を取り入れることが多くなりました。アルファ画像をガンガン使...

2013年7月1日 お役立ちツール

[サイト]ローディング画像作成ツールはこれで決まりッ！

Preloaders.net オリジナルにこだわって自分でgifアニメーション作ってたりしてたわけだけど。。これと出会ってもうオリジナルへのこだわりが吹き飛んだ...

2013年5月17日 お役立ちツール

Lightbox 2 を使うための最小設定

ライトボックスをお手軽に実装できるためのライブラリは「lightbox」で検索してみると分かるとおりサイト上にたくさんあって、大変ありがたい。 その中で個人的に...

2012年11月5日 ライブラリ

[サイト]QRコード作成

【2021年5月4日】 QRコード作成【無料】／QRのススメ 追加 【2013年7月9日】 Google QR作成サービス追加 QRコードを作成する...

2010年3月21日 お役立ちツール

[ソフト]ファイル一括変換（Mac用）

ファイル一括変換（Mac用） ファイル名を変換、一部を削除したいときがある。しかもフォルダ内のすべてに該当する場合がある。あるフォルダ内のファイルを連番付けたい...

2009年10月23日 お役立ちツール

[サイト]配色

微妙なニュアンスにこだわった色決め http://kuler.adobe.com/ Adobeが公開しているカラーピッカー。5色の組み合わせを試すことができる...

2008年12月6日 お役立ちツール

[サイト]SEO対策に役立つ便利ツール

【2020年7月13日】 デッドリンクの削除と最新版に更新しました（ほぼすべてデットリンクのため、総入れ替え）。 有効キーワードを探す際に便利なツール...

2008年1月28日 お役立ちツール

[ソフト]ネットショップ

ネットショップ・オーナー2 インクリメント（株） http://www.netdeoshigoto.com/owner/ 0120-349-163 店...

2007年4月12日 お役立ちツール

[ソフト]Webサイト検証ツール

Website Explorer それは既存のサイトのコンテンツマップを作りたいときに それはリンク切れをチェックするときに それは・・・ これだけでも便利...

2007年3月7日 お役立ちツール

[サイト]css 文法チェックツール

正しいスタイルシートを学べる非常に貴重なツール。 W3C（英語版） http://validator.w3.org/ W3Cサポート（日本語版） http:/...

2007年2月27日 お役立ちツール

[サイト]xhtml 文法チェックツール

厳しい採点だが、正しいマークアップを学べる非常に貴重なツール。 Another HTML-lint gateway http://openlab.ring.g...

2007年2月27日 お役立ちツール

[サイト]mailtoを暗号化

maitoを直書きすると迷惑メールが大量に来てしまう原因になります。そこで、mailtoを暗号化するわです。そんなときに便利なツール。完全に迷惑メールを除外する...

2007年2月2日 お役立ちツール

[情報]マーケティングコンセプト

Webマーケティングのいろはを学べるサイト、らしい。実際に読んだことがあるわけではないが、情報量が豊富らしい。本で紹介されていたり、人づてに聞いたことがあったの...

2007年1月23日 お役立ちツール

[ライブラリ]画像のスタイリッシュな拡大表示実現

サムネイル画像をクリックすると画面中央に拡大表示されるだけでなく背景を暗くすることができる。すんげぇお洒落っ！ ThickBox 3.1（海外サイト） htt...

2007年1月17日 お役立ちツール

[情報]契約書サンプル

ソフトウェア開発の際だけど、契約書作成のサンプルになるのでは。mixiで見っけました。 社団法人情報サービス産業協会 http://www.jisa.or.j...

2007年1月14日 お役立ちツール

[情報]CSSハック

SEO-Equation ここのサイトで紹介されている内容は凄く分かりやすておすすめ。 CSSバグ回避 CSSハック http://www.seo-...

2006年12月31日 お役立ちツール

[ソフト]例えるならPhotoshopのフリー版

GIMP 「GIMP」で検索するといろいろヒットするが、その中でも気になったところをピックアップ。どうやらWindows用らしい。実際に使用したことがないから詳...

2006年12月31日 お役立ちツール

[サイト]ファビコンの作り方

ファビコンとは ブラウザのアドレスバーやお気に入りのリストに表示される小さなアイコンのことです。 手順 ファビコン用の画像を作成 ファイル形式を変換する ...

2006年12月24日 お役立ちツール

[ソフト]パソコン画面の保存・印刷

WinShot（ウィンドウズのみ対応） キーボード上の「PrintScreen」ボタンを押せば画面上をそのままコピーし、画像編集ソフトやらでペーストできる（アク...

2006年12月23日 お役立ちツール

[情報]CSSデザイン

CSS Vault（英語版） 英語で何書いているかよく分からないため、ほぼ活用したことはないのだが、ひょっとすると役立つサイトなのかもと思い、掲載。動作が重く表...

2006年12月23日 お役立ちツール

[情報]Webアクセシビリティ関連に特化

Infoaxia インフォアクシア。いろいろなツールをダウンロードできたり、アクセシビリティ関連の情報が満載。http://www.infoaxia.com/

2006年12月23日 お役立ちツール

[情報]キーワードの流行をグラフ化

Google Trends（英語版） Googleサービス。ビックワードでないとデータ不足で表示されないことが多々（難点）。見ていて面白いが、どのように活用する...

2006年12月23日 お役立ちツール

[情報]ブログ検索

兆 キーワードからそれにまつわるブログを紹介する。 http://www.kizasi.jp/

2006年12月23日 お役立ちツール