誰も置いていかないシェーダーはじめの一歩 - KAYAC engineers' blog

2019/12/10 20 users KAYAC engineers シェーダー Blog 譲渡

この記事はTech KAYAC Advent Calendar 2019の10日目の記事です。 こんにちは！ jsdo.itでCreativeCodingの世界を知り、jsdo.itに惚れて入社を決め、jsdo.itの譲渡とともに入社し、jsdo.itの終了とともに退職した有給消化期間中の浅利（@kasari39）です！ 今回はシェーダーの世界へ一歩踏み出してみませんか？という内容... 続きを読む

【重要】サービス終了のお知らせ - jsdo.it - share JavaScript, HTML5, CSS - developers blog

2019/07/25 127 users CSS 皆さま developers blog HTML5

いつもjsdo.itをご利用いただきまして誠にありがとうございます。 ご利用いただいている皆さまに大切なお知らせがございます。 2010年より運営してまいりましたjsdo.itですが、サービスの利用状況を鑑みて、2019年10月31日（木）15:00 をもちまして、サービスを終了させていただくこととなりました。 サービス終了に伴い... 続きを読む

【重要】jsdo.itの運営会社変更に関するお知らせ - jsdo.it - share JavaScript, HTML5, CSS - developers blog

2016/02/08 92 users 面白法人カヤック CSS 株式会社HatchUp 皆さま 事業

いつもjsdo.itをご利用いただきまして誠にありがとうございます。 ご利用いただいている皆さまに大切なお知らせがございます。 jsdo.itは、面白法人カヤックから株式会社HatchUpの事業子会社であるjsdoit株式会社に譲渡され、3月1日よりjsdoit株式会社によって運営されます。 ◆jsdoit株式会社について 登記日：2016年2月3日 事業内容：「jsdo.it」事業の運営 本社所... 続きを読む

花火つくった - mizchi's blog

2014/07/20 20 users mizchi's blog 花火 mizchi ヤツ 最初

2014-07-20 花火つくった HTML5 花火大会 - jsdo.it - Share JavaScript, HTML5 and CSS jsdoitのやつ、自分でもやりたかったので、パーティクル制御書いてみた。連打すると花火が飛ぶ (最初の一発がはてなブログの初期化とぶつかって重い…) (Firefoxで動いてないのは後で直す) ライブラリ化した mizchi/hanabi bower ... 続きを読む

プログラムの中身が見れる「jsdo.it」で、天才的な猛者のWeb作品10選を集めてみた！ | APPGIGA!!（アプギガ）

2014/03/28 740 users CSS 0310lan 言語 APPGIGA 最初

どうも、まさとらん（@0310lan）です！ 「HTML5」「CSS」「JavaScript」と言えば、ほとんどの方が一度は聞いたことがあるのではないでしょうか？ サイトやWebアプリなどを作る上で、まず最初に学習するための知識・言語と言えますが、これらをブラウザ上で書いたり実行したり共有できるサービスとして「jsdo.it」があります。 サイト内は、毎日無数のWeb作品が作られており、コードの中... 続きを読む

リアルタイムでレイトレして、GIFに記録するヤツ - jsdo.it - Share JavaScript, HTML5 and CSS

2014/02/21 23 users gif ヤツ リアルタイム Share JavaScript

FirefoxでもなんとかCanvasの内容を動画にしたくて 以前の作品でChromeではWhammyを使うことで、楽勝でVideoタグ要素を動的に生成することに 成功していたのだが、WebPをサポートしていない？Firefoxは2014年現在もこいつが 動かないので、なんとか、動的に作成したCanvasイメージをpure javascriptで 保存したいという熱い思いを実現したw さらに201... 続きを読む

CSS謝罪文 - jsdo.it - Share JavaScript, HTML5 and CSS

2014/02/03 522 users Share JavaScript

Readme JavaScript 0 lines HTML 1 lines SCSS / Compass 30 lines CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first... 続きを読む

forked: Canvas上でテキスト入力 - tmlib.js 0.1.7 - jsdo.it - Share JavaScript, HTML5 and CSS

2013/06/25 8 users Phi template http テキスト入力

// forked from phi's "Canvas上でテキスト入力 - tmlib.js 0.1.7" http://jsdo.it/phi/7dBs // forked from phi's "template - tmlib.js 0.1.7" http://jsdo.it/phi/m68l /* * tmlib.js 0.1.7 */ /* * contant */ var SCREE... 続きを読む

HTML/CSS/JavaScriptを編集してその場で結果確認「Editr」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/05/19 77 users CSS HTML ソフトウェア エンジニア オープンソース

EditrはWeb上でHTML/CSS/JavaScriptを編集して結果を確認できるサービスです。最近、Jsdo.itのようにWeb上でコードを書いてその結果を確認できるサービスの人気があります。そのオープンソース版とでも言うべきなのがEditrです。 結果ページ。 JavaScriptの編集を行えます。 こちらはスタイルシート。 HTML。この3つを組み合わせて結果ページになります。 複数のH... 続きを読む

ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」 - GIGAZINE

2013/02/19 451 users GIGAZINE htm タイピング チャット アイデア

登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTM... 続きを読む

tmlib.js で様々なソートをビジュアル化してみた | TM Life

2013/02/19 11 users tmlib.js fork ソート TM Life

昔作ってた visual sort を tmlib.js で作りなおしてみました. 色々なソートをビジュアル化してます. ビジュアル的にソートの流れが分かるよん♪ 個人的には bidirectionalBubbleSort が好き♪♪ jsdo.it で作っているので, 気軽に実行できます. まだまだ色々なソートがあるので fork して実装してくれると凄く嬉しいです. 続きを読む

ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS

2013/02/11 102 users Share JavaScript

Readme JavaScript 325 lines HTML 53 lines SCSS / Compass 130 lines お題：思わず登録したくなる「登録フォーム」 意図 メッセージアプリでの登録をイメージして作りました 人とチャットしてるときはタイピングが苦じゃないってことで、クラウディアさんに来て頂きました クラウディアさん情報: http://msdn.microsoft.com... 続きを読む

CSSで絵を描く！？今日から作れる達人のコツをご紹介 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2013/01/30 103 users KAYAC DESIGNER CSS アルバイター 達人 コツ

はじめまして! HTMLファイ部(内定者)の、のびーです。 4月の入社に向けて、せっせと勉強をしているアルバイターです。 jsdo.itでは、なんと本日、「HTML5実力テスト 応用編」をリリースしました！！ http://jsdo.it/blog/2013/01/html5cat-update.html リリースを記念して、テスト問題にも出題される、「CSSで絵を描く」ことをテーマに記事を書いて... 続きを読む

弾幕シューティングが簡単に作れちゃう!! tmlib.jx x BulletML を使ってみよう | TM Life

2013/01/29 43 users fork tmlib.js ザク パラメータ イジ

daishi さんが tmlib.js でサクっと BulletML を使えるようにしてくれていたので, 使ってみました!! ん～超良い感じ～♪ 用意したサンプルは jsdo.it で作ってあるので, fork して パラメータをイジってもらえれば色々と遊べると思います. Table of contens tmlib.js とは？ BulletML とは？ tmlib.js x BulletML ... 続きを読む

tmlib.js x three.js(WebGL) で10000個のパーティクルを表示してみた | TM Life

2013/01/24 27 users WebGL tmlib.js fork パーティクル FPS

tmlib.js x three.js(WebGL) でパーティクル表示してみました! 10000 個表示しても 60 fps でるのは脅威!! jsdo.it で作ってあるので実際に実行したり, fork して遊んでもらえると幸いです. Table of contens tmlib.js とは？ three.js とは？ コード 解説 『Global Game Jam 2013 【新宿会場】wi... 続きを読む

今話題の第二回全国統一HTML5実力テストを受けてみた！ - Webデザイン初心者向けのあれこれ

2013/01/23 54 users 話題 Webデザイン初心者向け Autumn Event 最初

2013-01-23 今話題の第二回全国統一HTML5実力テストを受けてみた！ HTML 皆さんこんにちは 今日はjsdo.itさんが主催する 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/event/html5cat/2012/autumn/ テストを受けてみました。 最初の問題はＷＥＢ... 続きを読む

Three.js でピッキング(3Dモデルをマウスで選択)してみた | TM Life

2013/01/16 28 users ピッキング three.js マウス fork TM Life

久々の 3D プログラミング. Three.js を使ってピッキングしてみたので, 今回はそのやり方について簡単に解説したいと思います. サンプルは jsdo.it で作ってあるので, 実際に動かしたり, fork してイジってもらえると嬉しいです. table of contents キッカケ サンプル ソースコード 解説 マウス位置を求める(Line 5~8) マウス座標を 3D 化する(Li... 続きを読む

車輪の再発明×jsdo.itのススメ. 色々なコードを tmlib.js で作りなおしてみた | TM Life

2013/01/15 52 users tmlib.js 車輪 プログラミング ススメ TM Life

jsdo.it にある色々なコードを勉強がてら tmlib.js で作りなおしてみました. せっかくなので作ったコードを紹介したいと思います. っとその前にプログラミングを学んでいる方向けに, 車輪の再発明×jsdo.it の良さについて軽く書きたいと思います. Table of contents 車輪の再発明って？ 車輪の再発明×jsdo.it サンプル Hexagon Phase 2 – tm... 続きを読む

tmlib.js でモーダルウィンドウを作ってみた | TM Life

2012/12/02 24 users モーダルウインドウ tmlib.js イベントリスナ DOM

tmlib.js には tm.dom.Element というクラスが定義されており, これを使うことで様々な DOM 操作を行うことができます. 今回はそのサンプルとして tmlib.js でモーダルウィンドウを作ってました. サンプルは jsdo.it で作成しております. Table of contents サンプルについて ソースコードの解説 DOM 要素をクエリで取得 イベントリスナをさく... 続きを読む

モーダルウィンドウ - tmlib.js - jsdo.it - Share JavaScript, HTML5 and CSS

2012/12/01 16 users モーダルウインドウ Phi tmlib.js Element

// forked from phi's "tmlib.js 0.1.3 template" http://jsdo.it/phi/w6VG /* * メイン処理(ページ読み込み後に実行される) */ tm.main(function() { // モーダル化 var modalElm = tm.dom.Element("#myModal"); modalElm.modal(); // tm.do... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 108 users KAYAC DESIGNER Paberish Blog

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/11/12 1368 users KAYAC DESIGNER Paberish Blog

「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現... 続きを読む

『第一回全国統一HTML5実技コンテスト – jsdo.it』にエントリーしてみた | TM Life

2012/10/22 15 users TM Life

テーマはじゃんけんです. ふといくつかゲームを思いついたので私も作ってみました. テーマがじゃんけんなのに作ったのはパズルゲーム! 最近ハマっているパズドラに影響されちゃってますw よかったら遊んで下さいな♪ グーチョキパーズル 今回作ったゲームは『グーチョキパーズル』です. ルールは簡単!! 制限時間内でグー・チョキ・パーのペアをどれだけ揃えられるかを競うゲームです. 確認してませんが tmli... 続きを読む

ページ右上に表示するリボンを CSS3 で作ってみた with LESS | TM Life

2012/10/21 20 users リボン TM Life CSS3 less ページ右上

CSS3 と LESS でページ右上に表示するリボンを作ってみました. jsdo.it を使って Step by Step で作りながら解説しています. よかったら参考にしてください. Table of contents サンプル Step 00 – ベースとなる HTML を書こう Step 01 – CSS(LESS) の下準備 Step 02 – #tm .ribbon ミックスインを作ろう... 続きを読む

The 2nd Annual HTML5 Exam - jsdo.it - Share JavaScript, HTML5 and CSS

2012/10/18 15 users exam Share JavaScript

Editorial Supervision by Futomi Hatano(HTML5.JP Administrator) Shunpei Shiraishi (html5j.org Administrator) DeNA Co., Ltd. 続きを読む