ツール

gulp+webpack+jQuery+pug+sassで開発環境構築

長いこといつか更新しないとと思っていた開発環境を時間があったので作り直しました! あれもこれもと機能充実させていったら、トータル3日ぐらい使ったかもしれません。。 しかし、良い開発環境があれば大きな工数削減・ストレス軽減につながります。 LP~数ページレベルの案件だと使い勝手が良いかなと思います。 大型案件向きではありません。 だいぶオレオレ開発環境なのですが、GitHubに置いておきますので、使 […]

SNSシェア用リンク生成ツールを作ってみた

こんにちは! 最近少し仕事が忙しく、ブログの更新ペースが落ちています。。。 週1本は忙しくても最低でも続けていけるといいなーと思っています。 今回は、『SNSシェア用リンク生成ツールを作ってみた』ということで書いていきます! なぜSNSシェア用リンク生成ツールを作ったのか 仕事でSNSのシェア用のリンクを作成する際に間違いがあったままリリースになってしまうことが何度かございました。。。 実際、各S […]

最強のデザインコード抽出/管理ツール『Avocode』

こんにちは! 今回は、オススメツール紹介ということで、フリーランスになってからすぐ使い始めた『Avocode』をご紹介します。 このツールは、ガチです。ガチでヤバいです。 デザインコード抽出とは デザインコード抽出とは、簡単にいうと PSDなどをWeb上などに取り込む ワンクリックで、どんなスタイル(CSS)が当たっているのかわかる というめちゃくちゃ便利なツールです。 何か良いツールがないか探し […]

文字コードがShift_JISの時の簡易開発環境(VSCode)

文字コードがShift_JISのファイルを編集しないといけないとき、VSCodeだと文字化けてしまい、ローカル簡易サーバーを立てるのも一苦労です。 拡張機能のLive ServerがShift_JISでも使えると非常に楽なのですが、設定箇所が見つからず… そんな場合、取り急ぎ簡易的な環境を作るときに便利なnode-staticのご紹介です。 VSCodeの設定 ファイル→基本設定→設定 […]