"レガシー"と言われないためのJavaScript再入門
追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
仮想DOMの内部の動き | POSTD
PreactでVDOMがどのように機能するかを示すフローチャート 仮想DOM（VDOMあるいはVNode）は魅力的です✨ しかし複雑で、理解が難しいものでもあります???? React や Preact 、その他同様のJSのライブラリでは、これをコアで使っています。残念ながら私は、これを詳細かつ分かりやすく説明している優れた記事や資料を見つけられませんでした。ですから、自分で書こうと思い立ったのです。 備考：これは非常に長い記事です。内容をシンプルに表すために画像を山ほど挿入しましたが、それゆえにさらに長い記事になってしまいました。 私は Preact のコードとVDOMを使いました。容量が小さくて済み、将来、簡単に見なおすことができるからです。しかし、概念のほとんどはReactにも共通していると思います。 皆さんがこれを読んだ後、仮想DOMをよく理解できるようになり、できればReactや
JavaScriptで遊べるロボット対戦コンテスト『FIGHT CODE』 | 100SHIKI
プログラミングが楽しく学べそうなのでご紹介。 FIGHT CODEでは、JavaScriptでロボットの動作を記述し、他ユーザーのそれと対戦させることができるようだ。 自分のロボットを作るにはGithubでログインし、簡単なコードで攻撃したり、移動したりといった命令を書いていくだけだ。 ドキュメントも充実しているし、なにより他のユーザーと戦うことで熱くなれるので、プログラミングの入門として悪くないのではなかろうか。気になる人はちょっと覗いてみてもいいですな。
Node.js で簡単に音声認識できるモジュールを作ってみた #nodefest - 凹みTips
はじめに この記事は東京Node学園祭2012 アドベントカレンダーの 23 日目の記事です。 現在、オープンソースの大語彙連続音声認識エンジン Julius を利用して音声による家電操作を行なっているのですが、どんな言葉を認識させるかの文法をゴリゴリ書いたり、コールバックの処理を C++ でゴリゴリ書くのが大変だったので、これらを簡単に実現してくれる Node.js のモジュールをつくってみました。 WEB 関連の話題で扱われることの多い Node.js ですが、C++ でネイティブモジュールを作成することによる Node.js の可能性を感じてもらえれば、と思います。 出来るようになること 以下のように音声認識させる言葉を登録、その文言を Julius が解釈できる形式にコンパイルして、Julius インスタンスを生成、スタートするだけで音声認識が可能になります。 var Julius
おねえさんのコンピュータ
同じ所を２度通らない道順の数 Total number of routes that do not pass by the same place twice
Java MIDP 実装 on HTML5 and Flash@Firefox Developers Conference 2010 - yukobaのブログ
English今日は、Shibuya.js のイベントの一環として、Firefox Developers Conference 2010 で、「Java MIDP implementation on HTML5 and Flash」というタイトルでしゃべらせていただきました。 jQuery の作者の John Resig さんなど外国の方がいらした関係で、スライドがすべて英語です。 最近、携帯電話 の Java の MIDP の処理系を HTML5 および Flash で実装しています。それのプレゼンです。 http://orto-app.com/ でαバージョンを公開しましたので、よかったらご覧ください。IE8でみると、Flashで動きます。全体として、だいぶ、バグが多いのです。ごめんなさい。（画面転送が半分くらいのアプリでしか動いていません）。アプリももっといろいろ動くようにしたいです
複数人で同時に書けるnode.js製ホワイトボード·whiteboard MOONGIFT
whiteboardはWebSocketを使ったリアルタイムドローソフトウェア。 whiteboardはnode.js/JavaScript製のオープンソース・ソフトウェア。node.jsが熱い。サーバサイドJavaScriptという珍しさもあって、先進的な技術を試すのにぴったりな環境となっている。HTML5を使ったソフトウェアはとても多い。 Safariでお絵描き HTML5と言えば多数の新機能を備えているが、最も特殊なものとしてはWebSocketが挙げられるかも知れない。使い勝手が難しいが、新たなWebの可能性も見いだせそうだ。そんなWebSocket + node.jsで開発されたのがwhiteboardだ。 whiteboardは複数人同時に編集が可能なホワイトボードシステムだ。マウスでクリックして線を引くことが出来る。その内容はリアルタイムに別なブラウザに反映される。クリアボタ
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
Googleカレンダーライクな動作を実現するにはこれ·dhtmlxScheduler MOONGIFT
GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。 カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグできないの？」なんて言われたことはないだろうか。そんな時にはdhtmlxSchedulerの採用を検討しよう。 今回紹介するオープンソース・ソフトウェアはdhtmlxScheduler、JavaScriptによるカレンダーライブラリだ。 dhtmlxSchedulerはまさにGoogleカレンダーライクな操作が可能になっている。ドラッグして予定の時間を選択すれば、タイトル入力欄に変わる。そこで予定のタイトルを入れれば完了だ。編集ももちろんできる。表示は日/週/月と切り替えるこ
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
Functional Javascript
Functional is a library for functional programming in JavaScript. It defines the standard higher-order functions such as map, reduce (aka foldl), and select (aka filter). It also defines functions such as curry, rcurry, and partial for partial function application; and compose, guard, and until for function-level programming. And all these functions accept strings, such as 'x -> x+1', 'x+1', or '+
恒例のフィボナッチベンチで V8 と Smalltalk、Ruby、Python、Scheme とを戦わせてみる - sumim’s smalltalking-tos
爆速で話題の Google Chrome 搭載 JavaScript VM “V8” は、Animorphic Smalltalk VM がベースになっているらしい の続き。 その速いと言われる V8。実際、どのくらいの速度で動くのかを具体的な数値として見てみたくなったので、手軽に試すことができるフィボナッチベンチで、そのスコアを手元の処理系たちと並べて比較してみました。 環境は Modbook 2.4GHz Core 2 Duo（MacBook 相当）の Vista SP1 で、40番目のフィボナッチ数（63245986）の算出にかかった秒数をカウントしています。結果は次のようになりました。 言語 処理系 スコア [秒] JavaScript Google Chrome (V8) 2.95 JavaScript Firefox 3.01 (SpiderMonkey) 31.9 Small
CodeRepos::Share – Trac
JSDeferred Simple and clean asynchronous processing. Sample http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/sample.html Download http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.js No comments: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.nodoc.js Compressed: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsde
JavaScriptで数式エディタ·BrEdiMa MOONGIFT
※ 画像は公式サイトデモより Webサイト上で数式を載せている人というのは意外と多い。その際のやり方は概ね二種類あった。一つは数式をテキストベースで書く方法。だがこれは見づらいという欠点がある。もう一つは画像で作り、それを載せる方法。これは奇麗に見られるのは良いが、編集が容易ではない。 どちらも一長一短がありそうだ。そこで、手軽に書けて、かつ見栄えの良い数式エディタを紹介しよう。 今回紹介するオープンソース・ソフトウェアはBrEdiMa、JavaScriptベースの数式エディタだ。 BrEdiMaはWeb上で動作する数式エディタで、WYSIWYGなエディタを使って数式を組み立てることができる。例えばルートや分数、シグマなどもアイコンから選択するだけで挿入できる。 その結果はmimeTeXという数式描画プログラムに渡され、結果を画像で表示する。JavaScriptによる数式組み立ての手軽さと
JSDeferred使ってみた - ドラゴンクエスト
// ==UserScript== // @name 超テスト // @namespace http://d.hatena.ne.jp/drgqst/ // @description 超スーパーグレイトウルトラテスト // @include http://www.google.co.jp/* // ==/UserScript== (function(){ /* ここに JSDeferred のコードを貼り付けた */ function parseJSON (d) { // unsafe return eval("("+d.responseText+")"); } next(function () { return xhttp.get("http://twitter.com/statuses/public_timeline.json").next(parseJSON); }). next(f
Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 (nakatani @ cybozu labs)
« MyMiniCity 日本語化 | メイン | JSRuby から jQuery を使う ( Javascript 連携 ) » Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 あけましておめでとうございます。 １月からサイボウズ・ラボのオフィスが引っ越しました。新年から気分も新しくぶりぶり仕事します。よろしくです。 というわけでちょっとずつ作っていました Javascript で実装した Ruby インタプリタの "JSRuby" を一区切り付けるべくバージョン番号を付けてリリースしました。 JSRuby Project Page (CodeRepos) http://coderepos.org/share/wiki/JSRuby JSRuby Test Page http://labs.cybozu.co.jp/blog/naka
OMeta - 言語ゲーム
http://www.cs.ucla.edu/~awarth/ometa/ 眠くて微妙な事が何も出来ないので軽く OMeta について書きます。OMeta とは、http://lambda-the-ultimate.org/node/2477 によって一躍有名になったメタ言語 - プログラミング言語を書くためのプログラミング言語 - です。果たして単なる PEG パーサと一体どこが違うのか私もよく分かっていないので、そのあたりの事を勉強したいと思います。OMeta にはスクイークや「イアンのやつ」の実装がありますが、最近 Web ブラウザで実行出来る Javascript 版が公開されたのでそちらを試します。 OMeta で何が出来るか？ http://www.cs.ucla.edu/~awarth/ometa/ometa-js/ を開くと、OMeta で作成された Smalltalk 言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleのJavaScript規格準拠テスト、最高点はOpera、最低点はIE 
motemen's arrow-js at master — GitHub
