明日プロダクションコードで使える無駄知識。 変数を1文字にする 基本ですね。 空白を入れない なるべく隣接させる 各種記号 $ . + - * / : ++ !! | クォーテーションの類 '' "" `` () [] {} 数字の次 2in 改行しない ;で改行できます 型を書かない 型推論…
Web ComponentsでWebサイトの作り方が変わる ブログやSNSの登場以来ずっと放置していた自分のサイトを復活させてみた。(祝!) 一応このブログは技術ブログのような顔をしているので、コンテンツの中身についてはあまり言及しない代わりにアーキテクチャに…
動的型付け言語は実行時にエラーが出るから嫌だよね、と良く言うけれども、実際にどんなエラーがどのくらい出ているのかを遊びがてら試してみた。 作ったものと条件(ざっくり) HTML中でSVGを一定時間アニメーションさせる ライブラリとしてRaphael.jsとBac…
頭の固い上司(プロマネ)が新しい技術を導入することに対して消極的だったとする。曰く「一体それに何のメリットがあるんだ。リスクを考えたのか。やたらめったら怪しげなものを投入するんじゃない!」 しかしあなたはこの上司をなんとか説得して、素晴らし…
English 前置き この記事は以下の記事からの続きである。GUIをツリーにする話(前篇) - ジンジャー研究室 GUIをツリーにする話(後篇) - ジンジャー研究室前回の話をざっくりまとめると、 リストと追加ボタンを扱うコンポーネント 合計を表示するコンポー…
English 前置き この記事はGUIをツリーにする話(前篇)の続きである。ざっと振り返ると、GUIにおいてViewをツリー状に配置する際、複数のViewに同じModelをそれぞれ別個に管理させると、イベント発生時に同期を取るのがつらいという話だった。 というわけで…
English 前置き 「JavaScriptでリッチクライアントを作りましょう」等という無茶を皆がこぞってやり始めるようになってしまったのは、どう考えてもGoogle様のせいという気がしてならないのだが、もう後戻りできないしどうせなら流行に乗って一発当てよう。と…
括弧の入れ方のパターン テンパズルの解答生成のロジックを考えるときに、中置記法で式を書いてevalするというロジックを考えたわけだが、括弧の挿入位置を考えるのが面倒で別の方法を考えていた次第。以下の表は、中置記法での括弧の入れ方のパターンを逆ポ…
いつ終わるか分からん非同期処理 どうしても逐次実行したいんだYo! というわけで、強引に逐次実行するメソッドを作ってみた(荒削り) var sequence = function(functions){ var _setTimeout = setTimeout; var asyncCount = 0; var next = function(){}; wi…
JavaScriptでGUIエディタ DelphiとかVisual StudioとかによくあるGUIエディタってJavaScriptにないの?⇒ 検索して見つからなかった。⇒ 作ろう。Minamaki(GitHub)Demoボタンを押してRunすれば、とりあえず動きます。ネタなので本気で作る気があまりありません…
jQuery UI Sortable (+ Something) ついかっとなってやった。順番の固定されているグループと、これまた順番の固定されているアイテムに対して「ここからここまでがこのグループなんじゃー」という風に指定するUIを書いてみた。 ドラッグできるのはグループ…
JavaScriptでMVCをやってると、「そもそもDOMってモデルだよね」って思うことがあって、いやいやそれは違うんだと言い聞かせているうちに、謎の4コマ完成。 DOMはモデルだよ DOM = Document Object Model という名の通り、DOMはモデルだよ。 これをイベント…
果敢にもMVCフレームワークの図解を試みたので、どうぞ! MVCの動機 MVCという言葉が初めて登場してから30年以上たった今、最早なんだったのか分からないほどMVCの定義は混迷をきたしているわけだが、どれがMVCでMVVMでMVPであるという定義についてあれこれ…
型付きAltJSとして名高いHaxeとTypeScriptですが、両方使ってみたので比較しながら感想でも書こうかなということで。あくまで自分の使ってみた範囲でしか話せないのでご容赦を。執筆時点での両者のバージョンは、Haxe2.1/TypeScript0.8で、もうすぐHaxe3.0/T…
Rea10 たとえBackbone.jsのような優れたライブラリを使っていたとしても、Observerを実装しようと思ったらそれなりに面倒な記述をしなければなりません。怠惰な私にはそれが耐えられません。 なので、そういう事をする前提のAlt.jsを作ってしまえばいいんじ…
Gyotoku.js 行徳という場所で作ったので、Gyotoku.jsです。Backbone.jsとかそれに近いMVCを構築していて、やっぱりViewはテンプレート使って書きたいなーって思うわけですが、イベントハンドリングするのにidとか色々埋め込んでセレクタで取ってくるのが面倒…
Haxemine 0.2 こつこつと作っているHaxeエディタのバージョンが上がったので、一応記事にしてみます。(npm登録はまた今度でいいや…) 主な機能追加 4月中に消化した33issuesのうちenhancementタグが付いているもの。 #52 検索時にその行に移動する(Win) #42…
Haxemine 0.1 Haxemine(ヘクスミン)っていいます。 とりあえず動いたくらいのノリです。 特徴 ブラウザで動きます。 起動時と保存時にコンパイルが走ります。 普通のエディタっぽい機能があります。 Haxeで書かれています。 動作確認 Win7のみ。MacとかLin…
自分用のメモなので解説はないです。 インストールからアプリ登録まで 忘れた。 ログイン heroku login アプリの確認 heroku apps リネームしたらリモートのパスが通らなくなった myappにした場合、次のように修正。 /.git/config [remote "heroku"] url = g…
目新しいこと何もなし。 ちょっと挙動が気になったので。 まずは普通に。 public static void main(String[] args) { int a = 1;//ここを抽出 } public static void main(String[] args) { hoge(); } private static void hoge() { int a = 1; } 変数aは戻っ…
リスナ登録 ちょっと方針を変えました。 今まで「一部のModelが更新されたら全体のViewを更新」みたいな感じでやってたのですが、本当に細かな変更でも拾ってしまってコストが高そうなので必要な分だけ描画してもらうように変更してみます。 var Model = fun…
Ajax Ajaxを使って、「しばらく待った後にModelを更新してViewに反映する」という操作をしてみます。 jQueryのajaxと同じように使うと勝手にViewに反映してくれるようにすると嬉しい気がします。長くなってきたのですが、まだコピペすれば動く状態を保っては…
イベント 昨日の続きです。 自作のMVCフレームワークっぽいものを構築して遊んでいます。 イベント終了時に自動で再描画が走ると幸せになれそうなので、jQueryを拡張してイベントハンドリングしてみます。 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> var M = {}; var C = (function(){ var V = fun</head></html>…
MVC JavaScriptのMVCフレームワークAngular.jsを触っていてスゲー!って思ったので、それっぽいものを実装してみました。(※これは独自実装でAngular.jsではないです) Modelを1秒毎に「Hoge」「Homu」に切り替え、Viewがそれにリンクします。 <html> <head> <script> var M = {}</head></html>…
こんな雰囲気のエディタでGUIプログラミングしたい! という妄想を描いてみた。 心当たりがあったら教えてください。