REPOP WEBツール倉庫

ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります

JSONとJSオブジェクトの相互変換ツール

JSONとJSオブジェクトの相互変換ツール

JSONコードとJavaScriptのオブジェクト(Object)コードを相互変換します。

{
  "name": "太郎",
  "age": 30,
  "isStudent": false,
  "skills": ["JavaScript", "JSON"]
}
const data = {
    name: '太郎',
    age: 30,
    isStudent: false,
    skills: ['JavaScript', 'JSON']
};

機能・使い方

対応形式

公開日 :
更新日 :
テキストからJSONに変換

テキストからJSONに変換

テキストデータを指定した改行数で分割し、JSON配列(リスト)に変換します。

JSONとCSVの相互変換ツール

JSONとCSVの相互変換ツール

JSON配列とCSVデータを相互に変換します。ヘッダーの有無も切り替え可能です。

JSONとPython辞書の相互変換ツール

JSONとPython辞書の相互変換ツール

JSONコードとPythonの辞書型(dict)コードを相互変換します。

JSONとPHP配列の相互変換ツール

JSONとPHP配列の相互変換ツール

JSONコードとPHP配列コードを相互変換

JSONJavaScriptHTMLCSSSVGPHPPython画像処理色、カラーコード
画像のフチぼかし(透過グラデーションマスク)のCSSジェネレーター

画像のフチぼかし(透過グラデーションマスク)のCSSジェネレーター

画像の端を透過グラデーションでぼかし、背景と滑らかに馴染ませるエフェクトを生成します。mask-imageを使用し、上下左右や円形など複数の方向にフェードアウト可能です。

文字の中に画像(マスクテキスト)のCSSジェネレーター

文字の中に画像(マスクテキスト)のCSSジェネレーター

指定した画像を文字の形に切り抜き、インパクトのあるテキストエフェクトを生成します。グラフィカルな見出しやタイトルの作成に適しています。

フリッカー・ネオン(点滅ネオン)のCSSジェネレーター

フリッカー・ネオン(点滅ネオン)のCSSジェネレーター

不規則な点滅を繰り返す、リアリティのあるネオンサイン文字のエフェクトを生成します。多重シャドウによる発光と透明度の変化で、レトロな雰囲気を演出します。

虹色に輝く枠線(レインボー・ローテート)のCSSジェネレーター

虹色に輝く枠線(レインボー・ローテート)のCSSジェネレーター

枠線が虹色に変化しながら回転し続ける視覚効果を生成します。conic-gradientを活用し、画像不要で軽量な実装が可能です。

ぷかぷか浮遊(フローティング演出)のCSSジェネレーター

ぷかぷか浮遊(フローティング演出)のCSSジェネレーター

要素が空中を漂うような、浮遊アニメーションを生成するツールです。

ぼんやり光るオーラ(グロー・オーラ)のCSSジェネレーター

ぼんやり光るオーラ(グロー・オーラ)のCSSジェネレーター

要素の背後に柔らかい発光エフェクトを追加し、呼吸するように明滅するアニメーションを付与するツールです。

文字の打ち込み演出(タイプライター)CSSジェネレーター

文字の打ち込み演出(タイプライター)CSSジェネレーター

文字が1文字ずつタイピングされるようなアニメーション効果を生成するCSSジェネレーターです。

物理的に押し込むボタン(3Dプッシュボタン)のCSSジェネレーター

物理的に押し込むボタン(3Dプッシュボタン)のCSSジェネレーター

クリックした際に沈み込むような、厚みのある3Dボタンを生成します。奥行き、押し込み感、カラーを直感的に調整可能です。

鏡面反射(ミラーリフレクション)のCSSジェネレーター

鏡面反射(ミラーリフレクション)のCSSジェネレーター

画像やテキストに対して鏡面反射(リフレクション)エフェクトを適用するCSSを生成します。方向、距離、不透明度を調整可能です。

円を描く文字(円形テキスト)のCSSジェネレーター

円を描く文字(円形テキスト)のCSSジェネレーター

入力したテキストを円形や半円に沿って配置。半径や回転角、文字の間隔を個別に調整して、円形状のタイポグラフィを作成できます。

» もっと見る