jsfiddleの検索結果1 - 2 件 / 2件

• あとで読む

  閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」

  • 3 users
  • kachibito.net
  • テクノロジー
  • 2019/09/04

  SnipCSSは閲覧しているWebページの任意の要素を選択すると、その要素に使われているHTMLとCSSを検出してjsfiddleのようなエディタで確認できるChromeエクステンションです。 ブラウザのDevtoolsで確認するのとは別の用途で便利そうなエクステンションですね。他サイトの調査やデバッグに役立ちそうです。 というわけで使ってみました。 使い方 使い方は簡単なので説明するまでも無いと思うんですが、WebページでSnipCSSを起動すると要素を選択できるようになるので選択します。 すると上図のようにRun SnipCSSというボタンが出るのでクリックすれば下図のようにjsfiddleのようなエディタに飛ばしてくれます。(JSのエリアはありません) あとは動作テストするなりデバッグするなり参考にするなり、といった感じです。デスクトップアプリも用意されているみたいですね。無料版では

  
• あとで読む

  jsFiddle 簡単手軽にHTMLページのコーディング（実装）とシェア（共有）ができる超便利なWebサービス

  • 3 users
  • johobase.com
  • テクノロジー
  • 2021/09/14

  Webサイトの制作やWebシステムの開発をしている方だと経験がしたことがあると思いますが、本格的に実装をする前にちょっと動作の確認やコードの確認などをしたい時があります。 また、調べた技術や新しい技術をお試しで使ってみたい時もあります。 お客さんを相手にしていると、Webサイトのイメージや、アプリケーションの動作を見てもらうのに、環境をシェア（共有）したいときがあります。 そのたびにローカル環境にサーバーを立てたり、客先公開環境を準備したり、客先にテスト環境を構築するのはとても面倒です。 お客さんの環境（サーバー）がリモートで自由に触れない状態であれば、必要なファイルをすべて送って環境を作ってもらったり、現地に行って作業しないといけない場合もあります。 環境の構築は結構重労働ですし、問題が発生すれば時間の浪費にもつながります。 そこで今回は、そんな不便さや悩みを解決する手助けをしてくれるW

  • tool
  • javascript