役立ち リラックス呼吸ガイド | つかれたときに深呼吸で身も心もリフレッシュ
準備ができたら開始を押してください 開始
便利ツール
役立ち 
デバッグ ユーザーエージェント解析ツール｜詳細なブラウザ情報をリアルタイムで表示
ユーザーエージェント解析ツール現在のブラウザやOS、ネットワーク接続情報などをリアルタイムで表示します。 項目 解析結果 OS 取得中... ブラウザ 取得中... スクリーンサイズ 取得中... ネットワーク接続 取得中... 言語設定 取得中... Cookieの有効性 取得中... ユーザーエージェント 取得中....
画像処理 連番画像ビューア ストレージ内の画像を順番どおりに閲覧できる
連番画像ビューア画像ファイルを一括選択して開き、左右キーで順番に閲覧してください。ファイルがサーバー等にアップロードされることはありません。このアプリはパソコン限定です。※ctrl+aでフォルダ内のすべてのファイルを一括指定でき、ctrlを押しながらマウスホイールを上下させることで拡大縮小できます。全画面表示画像がここ...
画像処理 WebP画像圧縮ツール | 比較しながら圧縮できる無料のオンラインアプリ
画像圧縮ツール (WebP形式)画像ファイルを選択して、圧縮されたWebP形式のファイルをダウンロードしましょう。圧縮率 (0.1 - 1.0): 0.9圧縮前の画像圧縮後の画像圧縮されたWebP画像をダウンロード 画像圧縮ツール (WebP形式) について 画像ファイルをアップロードし、WebP形式でファイルサイズを...
画像処理 SnapVideo – 動画から写真画像を切り抜き 保存ができるオンラインのアプリ
お使いのブラウザは動画再生をサポートしていません。 情報値SnapVideoとは？SnapVideoは、動画の好きなシーンを簡単に高画質な画像として切り抜き、保存できるアプリです。旅行の動画や思い出の瞬間を、画像として保存したい時に最適です。動画から画像を簡単に切り出す機能に加え、使い方はシンプルで、誰でも手軽に高品質...
画像処理 ぬりえメーカー – 無料でイラストや写真をぬり絵にできる簡単アプリ そのまま印刷・保存も対応
ぬりえメーカー - 漫画、イラスト、写真からぬり絵が作れる簡単アプリここに画像をドラッグ&ドロップするか、クリックしてファイルを選択してください。 ファイルを選択エッジの強さを調整してください: 125ぬりえを保存 ぬりえを印刷ぬりえメーカー「ぬりえメーカー」は、誰でも簡単にぬりえを作成できる無料アプリです。好きな画像...
webデザイン支援 画像や動画から色情報を取得変換 RGB、CMYK、HSV、Lab、YUV、YCbCr、XYZなどに対応！
Color Picker & Converterパソコン環境用の万能カラーピッカーです。このアプリでできること Youtubeの動画から色番号を取得する 撮影した写真から色番号を取得する 送られてきた画像から色番号を取得する 多様な色空間への変換対応する色系統 16進数表記(HEX)、RGB、CMYK、HSV(HSB)...
webデザイン支援 レスポンシブデザインテストアプリ | サイトのモバイル・タブレット表示確認
レスポンシブデザインテストモバイルタブレットデスクトップ※ブラウザ幅が狭いとデスクトップモードが正しく機能しませんのでご注意ください。レスポンシブデザインテストとはこの「レスポンシブデザインテスト」は、スマホ・タブレット・PCといったさまざまなデバイスで、あなたのウェブサイトがどのように表示されるかを簡単にチェックでき...
webデザイン支援 CSSボックスシャドウジェネレーター 簡単に影の設定ができる
ボックスの色: #3498dbオフセットX: 0pxオフセットY: 0pxぼかし: 5px広がり: 0px影の色:CSSボックスシャドウジェネレーター この「CSSボックスシャドウジェネレーター」は、オフセット、ぼかし、広がり、色などの影の設定をリアルタイムでプレビューしながらカスタマイズできる便利ツールです。 影の調...
webデザイン支援 Gridレイアウトジェネレーター｜自由にカスタマイズしてコードをエクスポート
Gridレイアウトジェネレーター｜自由にカスタマイズしてコードをエクスポート列や行のサイズ、ブレイクポイントを設定し、レスポンシブなグリッドレイアウトを生成して、HTMLとCSSコードをエクスポートできるツールです。列の数: 行の数: ブレイクポイント (px): グリッドを生成プレビュー:エクスポート用HTMLとCS...
webデザイン支援 Flexboxレイアウトジェネレーター｜自由にカスタマイズしてコードをエクスポート
Flexboxレイアウトジェネレーター｜カスタマイズ可能なレイアウトFlexboxを使って、要素の配置や揃え方をカスタマイズして、リアルタイムにレイアウトをプレビューし、CSSコードをエクスポートできるツールです。方向 (row/column):行列水平方向の揃え方:左揃え中央揃え右揃え均等に配置周囲に均等な余白垂直方...
webデザイン支援 簡単に作成！モーダルウィンドウ自動生成ツール
簡単に作成！モーダルウィンドウ自動生成ツールこのツールでは、入力されたテキストや要素を基に、モーダルウィンドウのテンプレートをリアルタイムで生成し、プレビュー表示します。また、使用するためのHTML、CSS、JavaScriptコードを自動で生成し、コピーできます。モーダルに表示するテキストを入力してください: モーダ...
webデザイン支援 CSVからtable生成ツール | アップロードしてHTMLを簡単生成
CSVからHTMLテーブル生成ツールCSVファイルをドラッグ＆ドロップでアップロードし、HTMLテーブルを生成します。ここにCSVファイルをドラッグ＆ドロップしてくださいHTMLコードをダウンロード クリップボードにコピーするCSVからHTMLテーブル生成ツールについて アップロードされたCSVファイルを基に、対応する...
webデザイン支援 グラディエント背景ジェネレーター – CSSコードをリアルタイムで生成
グラデーションサンプル選択した色と角度でグラデーションを生成します。始点の色 終点の色 角度 (0-360) グラディエント背景ジェネレーターについて 始点と終点の色を選択して、CSSで使うグラディエントの背景をリアルタイムに生成します。 生成されたCSSコードはそのままコピーしてウェブサイトに使えます。 プレビュー画...
webデザイン支援 JavaScriptのコードを簡単に難読化するオンラインツール
コード難読化ツール - JavaScriptを難読化JavaScriptコードを難読化し、コードの保護をサポートする無料オンラインツールです。 コードを難読化する難読化されたコード難読化したコードをコピーするコード難読化ツールについて 簡単な操作: ユーザーは、元のJavaScriptコードを入力するだけで、すぐに難読...
webデザイン支援 リアルタイムHTML+CSSエディタ＆プレビュー – 即時に反映してデザインを確認できる
リアルタイムHTMLエディタ＆プレビュー - 即時に反映してデザインを確認できるリアルタイムHTMLエディタ＆プレビューについて spanなどによる文字装飾に限らず、divによるレイアウトの確認なども行えます。 CSSはタグに直接、style=""で記述してください。 リアルタイムで入力されたHTMLコードをプレビュー...