【まとめ】web制作・webデザインで便利なツール!
福岡・大阪・東京でSEO対策・ホームページ制作・マーケティングを行っている株式会社スゴヨクです。
web制作・webデザインをしていく上で効率化を図るツールは必要だと思います。
便利だなと思うツールを紹介します。
web制作
入れ子ツール
![](https://sugoyoku.com/wp-content/uploads/2020/12/HTML5.png)
入れ子のルールが確認できる便利ツール
間違った構造で作られているサイトが多いので、マークアップエンジニア、フロントエンジニアは確認しておいて損はないです!
インデント調整(vscordプラグイン)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Format-HTML-in-PHP-.png)
ワードプレス制作をしている場合に重宝する。 https://marketplace.visualstudio.com/items?itemName=rifi2k.format-html-in-php
CSS ツール
![](https://sugoyoku.com/wp-content/uploads/2020/12/CSS-Background-Patterns.png)
コピペで出来る簡単組み込みjs
![](https://sugoyoku.com/wp-content/uploads/2020/12/Micromodal.js.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Swiper.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/SweetAlert2.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Vanilla-Javascript-Parallax.png)
webデザイン デザイン系
コーディングをする際に必要なデザインデータ取得ツール(Photoshopプラグイン)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Zeplin.png)
イラスト系
![](https://sugoyoku.com/wp-content/uploads/2020/12/670c774a69f2e14bbe58337ede087715.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Loose-Drawing.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/77a5c8096d2fa9d75573ec68a974ea5f.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Illustration-Gallery-by-ManyPixels.png)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Icons.png)
画像保存ツール
あれ?どこ保存したっけ?を無くしてくれる便利ツール。![](https://sugoyoku.com/wp-content/uploads/2020/12/Eagle.png)
ARツール
![](https://sugoyoku.com/wp-content/uploads/2020/12/ClipDrop-AR-Copy-Paste-.png)
波のシェイプを作成
![](https://sugoyoku.com/wp-content/uploads/2020/12/Get-Waves.png)
半透明フィルターツール
![](https://sugoyoku.com/wp-content/uploads/2020/12/hero-generator.png)
要素を多角形に切り抜きするツール
イラストレーターやフォトショップで切り抜きを行うのが面倒な多角形の切り抜きが可能な便利ツール![](https://sugoyoku.com/wp-content/uploads/2020/12/Clippy.png)
webデザイン フォント系
font-family作成ツール
日本語のフォントの確認ができる。 デザインを制作するときにクライアントとも一緒に一瞬で確認ができる便利ツール https://saruwakakun.com/font-familyフォントの確認ができる(英語のみ)
![](https://sugoyoku.com/wp-content/uploads/2020/12/Wordmark.it_.png)
【実践マーケティング手法22選】 無料ダウンロード
![マーケティング手法22選](https://sugoyoku.com/wp-content/uploads/2020/09/marketing22.jpg)
助成金・補助金・融資・M&A等の総合経営支援サービス
「補助金パートナー」
月額定額制で、ホームページやECサイト運用、営業資料・チラシ・DMなどの製作代行から補助金や助成金など資金調達の情報を提供及び申請代行まで一手に支え会社の成長をサポートするコンサルティング型のサービスです。
![補助金 お問い合わせ](https://sugoyoku.com/wp-content/uploads/2023/10/aibo.jpg)
ワードプレスでSEO対策をするなら【オリテン】
seoで高位置検証済みのオリジナルテンプレート制作
完全オリジナルの自社テンプレートを毎月3社様限定で制作を承っております。
![補助金 お問い合わせ](https://sugoyoku.com/wp-content/uploads/2020/12/oriten.jpg)