Frequently Asked Questions

jsdo.itとは?

jsdo.it は、ブラウザ上でJavaScript, HTML5, CSSを書き、共有するサービスです。
説明を読むより体験してみるべし! 会員登録(超簡単!) して試してみましょう!

Top of the page

jsdo.itの最新情報のとり方

jsdo.itの最新情報をTwitterとFacebookで発信しています。

公式Twitterアカウント:
@jsdo_it
@jsdoit_team

公式Facebookページ:
jsdo.it Facebookページ

Top of the page

*** というJavaScriptのライブラリを使いたいのですが

コード編集画面で、 '+ Add Library' ボタンをクリックしてください。
'Major Libraries' は、よく使われているメジャーなライブラリです。
'Your Recent Code' は、あなたが最近投稿したコードをいくつか表示しています。
'Input URL' では、jsdo.it に投稿されている全コードから、パスを指定することでコードを選択して、ライブラリとしてロードすることができます。
あなたの手作りのライブラリ等も、事前にそのライブラリを jsdo.it に投稿し、そのパスを指定することでロードすることができますよ。

jsdo.it が提供しているライブラリーの一覧は以下の URL でみることができます。

http://jsdo.it/help/libraries

また、ライブラリの追加、更新の依頼は info@jsdo.it までお気軽に連絡してください。

Top of the page

コードコンパイル機能について

jsdo.itでは、便利なコードコンパイル機能が実装されています。
利用できる言語は以下にまとめます。

  • JSX: JavaScriptにコンパイルできます。
  • CoffeeScript: JavaScriptにコンパイルできます。
  • TypeScript: JavaScriptにコンパイルできます。
  • SCSS: CSSにコンパイルできます。
  • Compass: CSSにコンパイルできます。
  • LESS: CSSにコンパイルできます。

以下のように、コードコンパイル機能を利用できます。

  • エディターで変換機能の使いたい言語タブに移動する
  • タブの右にある言語セレクターで言語を選択する
  • 選択された言語でコードを書く
  • Saveを押したら、書かれたコードがコンパイルされる
  • コンパイルが成功すると、Compiled codeというボタンが現る。
  • Compiled codeボタンを押すと、コンパイルされたコードをプレビューできる。

※ コンパイルに失敗すると、Compiled codeボタンは現れません。

Top of the page

Markdown機能について

以下のように、Markdownをjsdo.itのコードのREADMEタブで利用できます。

  • エディターのREADMEタブに移動する
  • 左のREADME言語セレクターで「Markdown」に設定する
  • Previewボタンを押すと、書かれた文章をプレビューできる

Markdownの記法に関しては、ここで確認できます: http://jsdo.it/help/markdown

Top of the page

Emmet機能について

エディターでHTMLを編集するときに、Emmetの便利機能が利用できます。

たとえば、HTMLタブでdiv#page>div.logo+ul#navigation>li*5>aを入力して、Tabキーを押したら、
自動的に以下のようなHTMLコードに変換されます。

そして、CSSタブでw200+h100+m0-aを入力して、Tabキーを押したら、自動的に次のCSSコードに変換されます。

詳しく知りたい場合は、右上のEmmet Documentationリンクを押してみてください。

Top of the page

バージョン管理はできる?

コードをGistにアップロードすると、バージョン管理ができるようになります。
毎回セーブするときに、コードは新しいコミットとしてアップロードされます。

以下のように、コードをGistにアップロードすることができます。

  • エディターで編集できましたら、右上のSaveボタンの右側の三角を押す
  • メニューからSave to Gistを選択する

※ GitHubと連携していないユーザーはここでGitHubと連携する必要があります。二回目からは不要になります。
※ GitHubと連携できたら、もう一度Save to Gistを選択してください。

アップロードできたら、Saveボタンの左のセレクタからバージョンを選択することができます。

Gistにアップロードすると、ほかにもいろいろメリットがありますので、
ぜひお試しください。

Top of the page

エディターのおまけ機能について

jsdo.itのエディターはシンタックスハイライト、
コードコンパイル、自動インデントのほか、
折り畳みと展開や検索と置換機能などの便利機能も備えています。

  • 折り畳みと展開

Ctrl-Qを押して、あるいは何行目を表す数字をクリックすると、
このブロックのコードが折り畳まれます。
もう一度クリックすると、また展開されます。

  • 検索と置換

検索と置換はショートカットキーで行えます。

検索:Ctrl-F / ⌘F
次の該当項目に移動:Ctrl-G / ⌘G
前の該当項目に移動Shift-Ctrl-G / ⇧⌘G

置換:Shift-Ctrl-F / ⌥⌘F
すべて置換:Shift-Ctrl-R / ⇧⌥⌘F

また、検索と置換の時に、検索正規表現を使うことができます。

  • タブ切り替え

タブ切り替えもショートカットキーで行えます。

READMEタブ: Ctrl + 1 / ⌘1
JavaScriptタブ: Ctrl + 2 / ⌘2
HTMLタブ: Ctrl + 3 / ⌘3
CSSタブ: Ctrl + 4 / ⌘4
ファイルアップロードタブ: Ctrl + 5 / ⌘5
コード詳細設定タブ: Ctrl + 0 / ⌘0

  • その他

保存とプレビューのリロードもショートカットキーで行えます。

保存: Ctrl + S / ⌘S
リロード: Ctrl + R / ⌘R

Top of the page

jsdo.itにあるコードを私のサイトからロードしてもよいでしょうか?

はい。jsdo.itに投稿していただいたJavaScriptとCSSをホスティングしています。
ただし、アクセス数が多い場合には、一度ダウンロードしてご自分のサーバへファイルを置いてください。

以下の手順でロードすることができます。

投稿したコードのURLが次のようなURLだったとして:
http://jsdo.it/mash/canvas-basics-circle
JavaScriptは次のURLでロードできます:
http://jsdo.it/mash/canvas-basics-circle.js
CSSは次のURLでロードできます:
http://jsdo.it/mash/canvas-basics-circle.css
これら3つのリンクをクリックして、何をロードできるか確認してみてください。

あなたのウェブサイトからこのJavaScriptを使いたい場合には、次のように書いてください
<script type="text/javascript" src="http://jsdo.it/mash/canvas-basics-circle.js"></script>
bodyタグを閉じる直前に入れてください

あなたのウェブサイトからこのCSSを使いたい場合には、次のように書いてください
<link href="http://jsdo.it/mash/canvas-basics-circle.js" type="text/css" rel="stylesheet" />
headタグ内に書いてください

Top of the page

コードを非公開にする方法

以下のように、コードを非公開に指定できます。

  • コードの編集ページ(エディター)に移動する
  • タブ欄の一番右側にあるPropertiesボタンを押す
  • PropertiesタブのPrivate項目を選択して、Saveする

こうして、コードは非公開になります。
閲覧可能のユーザーは自分だけになります。

Top of the page

コードを削除できない?

他の誰かに、ライブラリとしてあなたのコードが使われているからです。
ライブラリとして参照されているコードは、削除できません。
コード編集画面から、'+ Add Library' からコードのパスを指定することで、jsdo.it にある全てのコードをライブラリとして利用することができます。

Top of the page

質問(Discussion)機能の質問方法

以下のように、質問を投稿することができます。

  • Discussionsで「質問を投稿する」ボタンを押す
  • 質問のTitle、Descriptionなどを記入する
  • 必要であれば、Tagを記入したり、Codeを添付したりすることもできる
  • 「Create」ボタンを押したら、Codeを新規作成し、自動的に添付する
  • 記入し終わったら、「Add Question」ボタンを押して質問投稿する

Top of the page

質問(Discussion)機能の回答方法

以下のようにして、質問に回答することができます

  • Discussionsで回答したい質問をクリックする
  • 必要であれば、回答欄で元ソースをForkあるいは新規コードCreateし、回答する
  • Descriptionに説明文を記入する
  • 記入し終わったら、「Add Answer」ボタンを押して回答投稿する

Top of the page

キャプチャについて

書いたJavaScript, HTML5, CSSのキャプチャは自動的に作成されます。
キャプチャが'Now Capturing'と表示されている場合には、現在キャプチャ待ち状態です。
キャプチャができるまで、少々お待ちください。
そして、キャプチャ画像をカスタマイズしたい場合、コード詳細設定タブの中でアップロードできます。
横465px、縦465pxのJPG、PNG、GIF画像が使用可能です。

Top of the page

画像について

jsdo.itでは、画像をアップロードすることはできます。
画像形式の制限はありません。
ひとつのコードに対して添付ファイル合計で1MBまでアップロードできます。

以下のように、画像を使うことができます。

  • コードエディターの画面のFilesのタブをクリックする
  • 使いたい画像を枠にドラッグ&ドロップすると、アップロードする
  • アップロードが完成したら、画像のサムネイルとURLが表示される
  • URLをコードに貼って使う

あるいは、画像をdataURIに変換して使うのもできます。以下のコードをご利用ください。

DATA URI Playground2 (jsdo.itエディター対応DATA-URI生成)

Top of the page

アップロードについて

jsdo.itでは、ファイルをアップロードすることができます。
ファイル形式に制限はありません。
ひとつのコードに対して合計で1MBまでアップロードできます。

以下のように、アップロードを利用できます。

  • エディターのFilesタブに移動する
  • 利用したいファイルを枠にドラッグ&ドロップすると、アップロードする
  • アップロードが完成したら、アイコンとURLが表示される
  • URLをコードに貼って使う

Top of the page

ライセンスについて

あなたがjsdo.itで書いたコードはあなたのものです。

あなたが書いたコードについて、そのライセンスをどのように指定するかはあなたの自由です。
ただし、jsdo.itはコードの共有を前提としたサービスであるため、
jsdo.itにコードを投稿した時点で、All rights reservedを選択した場合であっても、
* jsdo.itサービスが、jsdo.itサービスを通してそのコード及び生成したバイナリを頒布すること
* 他のjsdo.itユーザーが、jsdo.itのコア機能である'fork'を通して、あなたの作成したコードを複製、改変すること
は認めていただいているものとします。
詳しくは利用規約をご覧ください

ライセンスは、コード作成時にコード毎に設定することができ、
またユーザー毎にデフォルト設定を行うことができます。

ライセンスは、コード編集時に以下
* All Rights Reserved
* MIT License
* GPLv3 License
* other license, see code comments
から選択でき、コード周辺にライセンス本文へのリンクを置くことでライセンスを宣言するものとします(jsdo.itサービスでリンクをおきます)。
4つ目を選択する場合には、ユーザー自身で、コード内にコメントとしてライセンスを記述してください。

他のユーザーのコードをforkした場合、コードのライセンスは基本的にはfork元のライセンスになります。
fork後にライセンスを手動で変更することはできません。
容易にライセンスを変更できることによる利便性より、簡単にライセンス違反を起こしてしまう問題を重く考えるためです。

GPLv3ライセンスのコードをライブラリとして使用すると、使用しているコードは自動的にGPLv3ライセンスに変更され、その後変更することはできなくなります。

Top of the page

APIの使い方について

jsdo.it ではユーザとコードの情報を取得できるAPIを提供しています。
jsdo.it APIの使い方はこちらで確認できます。

→jsdo.it API's documentation: http://jsdo.it/apidoc/

Top of the page

Assetsの使い方について

jsdo.itでは、ロゴ画像やSVG Girlsの資材をAssetsページにまとめています。
自由に使っても構いません。

→Assetsページ:http://jsdo.it/assets

Top of the page

退会方法について

退会は設定画面よりおこなうことができます。

https://jsdo.it/account

Top of the page

お問い合わせ

広告や協業のお問い合わせを現在大募集しております!
jsdo.itのユーザー層に向けた商品、JavaScript, HTML5, CSS開発者の求人の広告、
jsdo.itのエンジンを使いたい、という方などなど、お気軽にお問い合わせください。
機能要望や不具合のご報告も受け付けております。お手数ですが以下へメールお願いいたします!

info@jsdo.it

Top of the page

Special Thanks!

thanks to jslint, our JavaScript lint program uses jslint.
thanks to codemirror, our JavaScript editor heavily utilizes codemirror.
thanks to ZenCoding, our editor supports ZenCoding shortcuts.
thanks to PhantomJS, our screenshot feature utilizes PhantomJS.

Top of the page