JavaScript開発はこれ1つでOK！超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開！ - paiza開発日誌
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です！ バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTML / CSS / JavaScript」で開発し、そのままホスティングもしてくれるので手軽に公開することも可能なスグレモノですよ。 【 Gomix 】 以前は「HyperDev」という名称でサービスが公開されていましたが、現在は「Gomix」というサービス名に変更されており、今も活発にバージョンアップが続けられています。 ■基本的な使い方！ それでは、実際に「Gomix」を使いながらどのようなサービスなのかを見ていきましょう！ まずは、ブラウザから「https://gomix.com」にアクセスすると、いきなりコード
イケてるオンラインエディタでドヤ顔を…！ | 株式会社ニジボックス
[markdown] こんにちは。 ついに自分の番が回ってきて、かなりのプレッシャーを感じております。 社会人４ヶ月目、新米フロントエンジニア（デザインもしますよ）の坂本です。 フロントエンドの記事で上司がヒエログリフなんて彫ってしまったもんなので、どんな面白い記事を書いたらよいのかと余計にプレッシャーを感じております。 [参考：2016年6月30日 ヒエログリフを彫る。cssで](https://creatorsblog.nijibox.jp/carving-hieroglyphs-in-css/) 困りました。 ところで、フロントエンドの人なんかがブログを書くとなると、 面白い文章の記事よりも実際に作ってみたサンプルを動かしてみて、どうです？すごいでしょ！？的な記事が多くなってくると思うんです。 そこで、活躍するのが、先のヒエログリフでも使われておりましたコレです。 これならhtml、
JS開発でオススメツール！ブラウザ上で動作確認できる「JS.Bin」がとっても便利！｜NEWS｜株式会社INDETAIL（インディテール）
Web系の開発でJavaScriptの動きをちょっとだけチェックしたいなと思ったことはありませんか？ 最近、自分は便利な関数がいろいろと詰まったUnderscore.jsというライブラリを仕事でよく使っているのですが、ちょっとした関数を実際に動かしてテストしたいなと思うことがあります。 そんな時に便利なのが「JS.Bin」というサービスです。 JS.Binを使えば、ブラウザ上でJavaScriptを動作させることができます。 他にも、jQueryや今話題のReact、AngularJSといったフレームワークなどのライブラリもプルダウンから選ぶだけで簡単に読み込むことができるので、とても便利です。 似たようなサービスはJS.Bin以外にもあるのですが（有名どころだとJSFiddleなど）、JS.Binはデザインがシンプルでコードの文字が大きく見やすい所や、Consoleなどを並べて1つの画面
これはすごい！3秒でプログラミングが始められるサービス17選 - paiza開発日誌
Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな～」「実際にコードを書いて動かしてみたいな～」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.it ・PHP系 ・PHPfiddle ・PHP Sandbox ・Write
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
JavaScriptを綺麗にしてくれる便利ツール『JS Pretty』 | 100SHIKI
似たようなツールはよくあるが、ドメイン名が覚えやすかったのと機能が豊富なのでご紹介。 JS Prettyでは、JavaScriptのソースを綺麗にしてくれるツールを提供している。 使い方は簡単で、綺麗にしたいソースを貼り付けるだけだ。 オプションも豊富で、インデントを何桁にするかとか、配列で桁を揃えるだとか、チェーンメソッドで改行するか、とかのマニアックな設定が可能だ。 よくJavaScriptをいじる人だったら知っておいても損はないかもですな。
プログラムコードを画像化できる「Instacode」 | ライフハッカー・ジャパン
「Instacode」はプログラムコードを画像化できるサービスです。JavaScriptやPython、Rubyなどプログラミング言語でコードを書くとそのコードが画像として出力できます。ぼかしたり、影をつけたり加工をすることもできますよ。 以下に使ってみた様子を載せておきます。 まずInstacodeへアクセスしましょう。コードを書いて、シンタックスハイライトを選んで画像化します。 画像化されたあとにぼかしを入れたり影をつけたり加工することができますよ。単なる文字列のコードが加工された画像として表示されるとなんだかカッコよくなりますね。コードを画像として共有したいときにぜひ。 Instacode （カメきち）
【個人メモ】2014年になって、jsbin.comという便利なサービスを知った... - Qiita
JavaScriptのお勉強 をしたいなーと思い、実行環境は簡単に揃えられないものかなあ、 とインターネッツをさまよっていたらjsbin.comというサービスを知った。 JavaScript、HTMLのテンプレートを書いていき、レンダリング結果がOutputペインに表示される。 CDNを提供しているプロダクトは、大抵"Add Library"で選択できるようになっている。 このサービスはすでに3年前から稼働しており、 今まで把握していなかった... ざっくりした使い方 jsbin.comにアクセス "Add Library"をクリックし、使いたいライブラリを選択する JavaScriptのペインについては書けば自動でロードされる レンダリング結果はOutputペインに表示される "Add Library"に好みのライブラリが無い場合は CDNが使われていないプロダクトのライブラリを利用した
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
さまざまなアルゴリズムをアニメーションで解説してくれる『Algomation』 | 100SHIKI