mermaid.js を使ったコードリーディング - おんがえしの blog
mermaid.js を使ってコードリーディングをするときに便利な機能をまとめてみる。 標準でクラスダイアグラムも使えるが、色々試した結果、応用の効くグラフを使う方法に落ち着いた。 スタイル 注目させたい関数の色やアウトラインを変更できる。 graph LR foo --> bar --> baz style bar color:#000,fill:#ccc,stroke:#333,stroke-width:4px graph LR foo --> bar --> baz style bar color:#000,fill:#ccc,stroke:#333,stroke-width:4px サブグラフ 名前空間やファイル名を表すのに便利。 graph LR subgraph Foo f1 --> f2 end f2 --> f3 subgraph Bar f3 --> f4 end gra
ruby.wasm の JS::Object のプロパティ呼び出しをさらに便利にする - おんがえしの blog
ruby.wasm でいろいろ遊んでいます。実験場も作りました。 rubywasm-sample.ongaeshi.me JS::Object が楽しくて、JSのオブジェクトをRubyから透過的に扱えます。メソッド呼び出しもできるしブロックで関数を渡せたしりします。 require 'js' JS.eval("return 1 + 2") # => 3 JS.global[:document].write("Hello, world!") div = JS.global[:document].createElement("div") div[:innerText] = "click me" JS.global[:document][:body].appendChild(div) div.addEventListener("click") do |event| puts event # =>
WebAssemblyのゲームをアセンブリ直書きで作る - ABAの日誌
左右矢印キーでスタートして移動、降ってくる岩を避けて下さい。 wasm-game-by-hand コードは以下。 game.wat ブラウザ上のアセンブリ言語ことWebAssemblyがChromeやFirefoxで動くようになってきたので何か作ろうと思った。普通はUnityとかRustとかのWebAssemblyを出力できるエンジンや言語を使って生成するのだが、せっかくだから直に書いてみた。 WebAssemblyはS式で書ける（wast形式）。 Understanding WebAssembly text format WebAssemblyはスタックマシンなので、2つの値を足す場合、それら値をスタックに順に積んでAddを呼び出す、というふうに書く。 get_local $p get_local $p i32.add でも引数が先に来て後に命令がくるのはあまり直感的な感じはしない。なの
Opal on Rails: Replacing CoffeeScript with client-side Ruby
In this article I'll show you how easy it is to start writing your client-side scripts in Ruby, right here, right now, with no excuses!CoffeeScript is one of the best things that happened to JavaScript. With its clear, easy to read, semicolon-less syntax, it feels almost like Ruby. Almost… There has been a lot of discussion about isomorphic app development, where both server and client-side parts
Rubyベースの文法でJavaScriptにコンパイルされるAltJS-Opal言語とReactiveなWAF Voltの情報まとめ #opal #ruby - Tbpgr Blog
Rubyベースの文法でJavaScriptにコンパイルされるAltJS-Opal言語とReactiveなWAF Voltの情報まとめです。 2015/06/30 時点の内容をまとめました。 Official Site Opal Official Docs Opal Docs GitHub Opal - GitHub Playground 環境構築せずにPlaygroundで試せます。 Playground - Opal Volt - Web Application Framework Links Volt Framework Official Volt Framework - GitHub Volt Docs(English, Japanese 選択可能) What is Volt? Qiita Opal Ruby で JavaScript を書く、 Opal を使ってみる 最近のOpal
Slackでボットを5秒以内に作れるツールを作った - 波打際のブログさん
はじめに 最近エンジニア界隈で話題沸騰中のSlackですが、IRCに比べてBOTを作る際に手間がかかります。自称クソボットクリエイターの私にとってはこれは死活問題です。 そこでボットを超簡単に量産できるプロダクトを開発して公開したのでご紹介いたします。 BotHeaven (ぼっとてんごく) Slackボットを大量生産できるプロダクトです。いわばボットファームです。 SlackのOAuthでBotHeaven*1にログインし、Javascriptで数行のコードを書くだけでSlackボットを簡単に生成できます。 HTTP通信機能や、ボット毎のストレージなどを持てることが特徴です。 デモ このような感じでボットを実装します。 するとこのようなSlackボットが生まれます。 仕組み Rails + V8 + Slack インストール方法 VPS等はもちろん、Herokuにもデプロイして使えるよう
Yehuda Katzという生き方とインディーWeb - ワザノバ | wazanova
https://frontsidethepodcast.simplecast.fm/16 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 41分前 昨日のエントリーでも名前のでてきたYehuda Katzですが、Rails / Ember.js / jQuery / W3C Technical Architecture Group (TAG) / TC39-ECMAScriptなどで活躍し、今回はRustのコアチームに参加することが発表されてます。Tom Dale曰く「インターネットの半分くらい書いてる感じだから。[1] 」という勢いがあります。Yehudaの仕事振りやプロジェクト運営における考えは、オープンソースという視点での発言ですが、企業におけるプロジェクトの進め方や今後の働き方のスタイルがどう変わるか、変
インタラクティブ・プログラミング勉強会 第1回 乱数 | fladdict
巷では、スマホは「手触り」が重要・・・って話が持ち上がりつつあるが、使い易さと気持ちよさを両方できる人材が不足している。広告Flash業界で培われたインタラクションのノウハウは、だんだんと失伝しつつあり、ビジュアルや動きをちゃんとコーディングできるスマホ系の人材なかなかいない。新しく勉強するパスもほとんどない。 そんなわけでTHE GUILDの社員研修として勉強会をすることに。目標は1年ぐらいでこの程度のモリモリ動くものを作れるようにすること。で、2年目に動きや手触りに、合理性や必然性、使い易さを付加できるとこまでもっていく。 第1回はインタラクティブの根幹となる乱数について。 1: 乱数とは ランダムな値を返す関数、機能。 乱数はインタラクティブ・プログラミングの根源。静的な絵とは根本に異なる、永遠に定着しない絵を作り出す。 インタラクティブなプログラミングでは、知識以上にその応用力が問
FirefoxのJavaScriptエンジン「Spidermonkey」がChromeのV8よりも高速に
By Sparrow* MozillaのJavaScriptチームが運営する「AreWeFastYet?」の調査によると、FirefoxのJavaScriptエンジン「Spidermonkey」が、「Kraken」・「SunSpider」・Googleの「Octane」といったJavascriptベンチマークスコアにおいて、「Google V8 JavaScript Engine」や「JSC」を上回ったことが判明しました。 ARE WE FAST YET? http://arewefastyet.com/ Well, I'm Back: Are We Fast Yet? Yes We Are! http://robert.ocallahan.org/2014/10/are-we-fast-yet-yes-we-are.html 「ARE WE FAST YET?」はMozillaのJava
気軽にプログラミングを始められるWebエディタ『runstant』作りました - Qiita
7月19日. 久しぶりの３連休. 予定はぎっしりだった. だが神からのお告げがあった. なんか作れと. 気づいたらオレの指は Macbook Air の薄いキーボードの上だった. ってことで連休中にちょっとしたツール作りました. 気軽にプログラミングを始められるWebエディタです. 名前は runstant. run + instant の略で, インスタントラーメンのように一瞬で気軽に実行できるよって意味です. ログイン不要, サーバー通信なしで一瞬で プログラミングを始めることができます!! 一応, tmlib.js 公式エディタ的な 位置づけなのでデフォルトで tmlib.js のサンプルが入ってます. とりあえず触ってみてください -> こちら 特徴 ログインの必要ないよ 状態を hash で保存するのでサーバー通信しないよ html/css/javascript が書けるよ ちょ
Alchemium Platform Documentation
Use Alchemium to build native Windows applications with HTML5, CSS3, and JavaScript. Extend the platform with a powerful JavaScript to .NET integration bridge. The Alchemium platform was designed from the ground up to make it easy to build and distribute standalone, native Windows applications using the power of modern HTML5 and JavaScript. Applications built on Alchemium can target all common ver
Scala.js ｜ 天下一AltJS武闘会
あなたは、Javascript で開発をしようと思って一歩を踏み出したけれど、 まだできていないという状況ではありませんか？ もしかして、 Scala は知っているけど JavaScript は使いたくない JavaScript は使っているけどメンテナンスがしんどい 型...型... ・・・このような悩みをお持ちではないでしょうか？ このウェブサイトは、これらのお悩みをお持ちのあなたのために作りました。 Scala を JavaScript に変換するツールがあったら、今すぐ欲しい！とあなたがお思いなら、 この先を読む必要はありません。 こちらからお申し込みいただき、このサイトを読む時間を実装にあててください。 さて、 Scala は知っているけど JavaScript は使いたくない JavaScript は使っているけどメンテナンスがしんどい 型...型... このような理由で実装が
TiddlyWiki5がすごく面白そう - おんがえしの blog
YATTSUKE BLOG さんのブログでTiddlyWiki5が紹介されてたんだけど、デザインも格好いいし、カスタマイズも出来そうでよさげ。 この辺 のカスタマイズされた例をみると、ページ内にタブが持てたり出来る。 スタイリッシュで高機能になったTiddlyWiki5の使い方。 TiddlyWiki5のカスタマイズ その１ TiddlyWiki5のカスタマイズ その２ YATTUKEブログ風詰め合わせテンプレート TiddlyWiki用のプラグイン作り方。論文から英文コピペするときに余分なスペースや改行を削除！: YATTSUKE BLOG 最近TiddlyWikiのGoogleグループの流量も心なしかあがってきた気もするし、TiddlyWiki再ブレイクの兆しでしょうか。 来年のTiddlyWiki備忘録はTiddlyWiki5で作ることになりそう。
D3.js の Data-Driven な DOM 操作がおもしろい
D3.js は「ビジュアライズ用のライブラリー」だと紹介されがちなんだけども、意外にも D3.js にはグラフを描画する機能がない。 D3.js のトップページには次のように書いてある。 D3.js はデータからドキュメントを生成するためのライブラリーです。D3 は HTML, SVG, CSS を使ってデータに命を吹き込みます。Web 標準を重要視しているので、独占的なフレームワークに縛られません。強力なビジュアライズ用のコンポーネントと data-driven な DOM 操作手順を組み合わすことで、モダン ブラウザーの能力を最大限に活用できます。 D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG
Announcing 0.9.1 - TypeScript - Site Home - MSDN Blogs
We’re happy to announce the release of TypeScript 0.9.1. With this version we’ve focused on fit and finish, improving the compiler performance and rounding out the language and ASP.NET support. Improved Performance When we released 0.9.0, we introduced a re-written compiler and language service which scaled better for interactive use cases and supported many new 0.9 language features, including g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ReactとFluxのこと // Speaker Deck
GitHub - hakimel/reveal.js: The HTML Presentation Framework
WebAPIのこれまでとこれから
http://breach.cc/
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function