Tools

Web Support Tools

• パーティクルアニメーションコードジェネレーター

  WEBサイト上で3Dを表現するThree.jsのうち、本来難しい設定が必要なパーティクルアニメーションのコードが簡単に生成できます。

• スライダー生成ツール（splide.js）

  splide.jsを使用したスライダーをプレビューを確認しながら生成し、コードをコピーできます。

• スライダー生成ツール（slick.js）

  slick.jsを使用したスライダーをプレビューを確認しながら生成し、コードをコピーできます。

• スライダー生成ツール（swiper.js）

  swiper.jsを使用したスライダーをプレビューを確認しながら生成し、コードをコピーできます。

• Google仕事検索 JSON-LD 生成ツール

  Googleお仕事検索に必要な構造化データ（Json形式のデータ）を入力項目を埋めるだけで自動で生成できます。

• 組織（Organization）の構造化データ生成ツール

  入力するだけで、組織（Organization）の構造化データを生成します。

• FAQ構造化データジェネレーター

  よくある質問に必要な構造化データ（Json形式のデータ）を入力項目を埋めるだけで生成できます。

• WEBP変換ツール

  png・jpg・jpeg画像をwebp画像に変換します。

• 画像圧縮ツール

  png・jpg・jpeg画像のファイルサイズを軽くします。

• GLBファイル圧縮ツール

  GLBファイルの圧縮をオンラインでできます。

• 動画結合ツール

  複数の動画・画像を結合して1つの動画にすることができます。

• png→ico変換ツール

  pngファイルをicoファイルへ変換します。

• css,javascript圧縮

  cssとjavascriptの余計なスペースや改行を削除してファイルを軽くします。

• CSS→SCSS変換

  CSSのテキストをSCSSのネスト構造に変換ができます。

• セマンティックHTMLチェッカー

  入力されたHTMLの構造の表示とチェックをします。

Webサイト運営ではSEO対策が不可欠です。
表示速度の改善に、画像の圧縮や遅延読み込み。Googleがコンテンツを認識しやすくする構造化データの使用が重要です。
また、UXの向上にはアニメーションを取り入れることも選択肢の1つです。