tern.vimでvimでjavascriptの補完など(vim advent calendar2012, 155日目) - kozo2's blog
これはvim advent calendar2012の155日目の記事です。 ternについて javascriptで書かれたjavascriptの構文解析、型推論library https://github.com/marijnh/tern Marijn Haverbeke氏を中心に開発 browser中にcode editorを提供するjavascript component codemirror の開発者でもある 既存editorでのjavascript開発の改善を目的としており現時点ではemacs, vim, sublimetext, bracketsでternを用いたjavascriptの補完が可能。 tern for vimについて Marijn氏のgithubにternのためのvim scriptのrepositoryがある。 https://github.com/marij
JavaScript のコードからモダンなドキュメントをさくっと生成してくれる『JSDuck』の使い方 – 導入編 | TM Life
今回は, JavaScript のコードから洒落乙なドキュメントをサクッと生成してくれる 『JSDuck』について紹介します. コード中のコメントやコードを解析して 見やすくて使いやすいドキュメントを生成してくれます. 実は私が開発しているJavaScriptライブラリ『tmlib.js』のドキュメントも JSDock を使って生成していたりします.Docs とてもオススメなので良かったら使ってみてください. Table of contents jsduck とは？ jsduck のインストール jsduck の使い方 jsduck デモ jsduck とは？ jsduck とは Sencha JavaScript フレームワークのために作られた API ドキュメント生成ツールです. Sencha JavaScript のために作られたといっても, 普通の JavaScript コードでも
Rails で、Controller に定義されている action を一度に取得する方法はありますか？ - QA@IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
RequireJS＋Backbone.jsでモジュール管理されたWebアプリ開発 | DevelopersIO
Todoアプリもどきを作る 今回はRequireJSの理解を深めるため、Backbone.jsと組み合わせてTodoを追加するだけの簡素なデモを作ってみました。 Backbone.jsについても触れているため、記事が少し長いです。 お急ぎの方はページ下部にデモとサンプルコードがあるので、そちらをさくっとご確認ください。 RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html Backbone.js： http://backbonejs.org/ なにができるの？ Webアプリを制作する際に、RequireJSを使ってBackbone.jsで構成されるModelやViewをモジュール化することで、開発時の管理コスト削減を目指します。 なお、モジュール化するとファイル数が増えて読み込み
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
knockout.js の最近の動向 - しばやん雑記
気が付いたら 2.2.1 までバージョンが上がっていました。2.2.1 に関してはリリースノートが上がっていないようなので、2.2.0 の情報を追いかけます。 大きなところでは foreach バインディングを使っている場合、ソートで順番を入れ替えた場合に DOM の再生成を行わないようになっているようです。他にも仮想要素に対して text バインディングを設定可能になったようです。 <!-- 今までは親タグが必要だった --> <span data-bind="text: fullName"></span> <!-- ko 2.2.0 から仮想要素にバインド可能になった --> <!-- ko text: fullName --><!-- /ko --> 個人的には仮想要素が好きなので、この実装は嬉しいですね。 最近は ASP.NET MVC でも Single Page Applica
CoffeeScriptを3時間で理解するための10のポイント(1)-(3)
この記事は会員登録で続きをご覧いただけます申込は簡単3分！ 今すぐ会員登録（無料） 会員の方はこちら 【8/20まで】今なら年額プランが2カ月分お得！ 詳しくはこちら ▼日経クロステック有料会員になると… オリジナル記事がすべて読める 専門雑誌7誌の記事も読み放題 雑誌PDFを月100ページダウンロードできる
WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには
WebブラウザでJavaScriptをテストする「js-test-driver」とQUnit、Jasmineを連携してテストするには：フレームワークで実践！ JavaScriptテスト入門（4）（1/4 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、js-test-driverの概要や基本的な使い方、非同期処理のテスト方法、QUnitやJasmineと連携したテスト方法などを紹介します 前回まではWebブラウザを使わないJavaScriptテスト 前回「QUnit＋PhantomJSでJavaScriptのヘッドレスなテスト」、前々回「PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト」と、「PhantomJS」を軸としたJa
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
モバイルアプリ向けJavaScriptフレームワーク「Junior」、Backbone、Zeptoなどを採用し、ネイティブのルック＆フィールを持つ
Juniorは、Justin Martin氏が開発したフレームワーク。Martin氏は“My holiday project”としてJuniorを開発したとツイートしています。 Juniorの特徴は、モバイルに最適化したCSSトランジションによるスムーズな画像効果、zeptoやbackbone.jsなど多数のライブラリに依存していることなど。UIコンポーネントはRatchetを利用しているようで、モバイルネイティブのルック＆フィールを備えていると説明されてます。 modernizr、zepto、backboneなどに依存 Juniorが依存しているライブラリは以下。 modernizr（ブラウザごとに異なる実装を調べて、対応するコードを書きやすくする） zepto（jQuery互換のミニマルなライブラリ） zepto flickable（zeptoのタッチ対応プラグイン） lodash（U
Sinatra っぽく簡単に JS で Dispatch できる micro_dispatcher.js のご紹介 - tokuhirom's blog
Sinatra っぽく簡単に JS で Dispatch できる micro_dispatcher.js のご紹介 https://github.com/tokuhirom/micro_dispatcher.js javascript 用のシンプルな Dispatcher にはいくつかあるが、どうも満足いくシンプルな実装がなかったのでつくった(というか Caym というオレオレ JS Framework の中にうまっていたものをとりだした)。 特徴としては、 Dispatcher だけのシンプルな実装(本体はやや冗長にかいていて、40行程度) sinatra 的なシンプルな記法 といったところでしょうか。 使い方は以下のとおり。 var dispatcher = new MicroDispatcher() dispatcher.register('/', function () { })
これは超使いやすいページネーションの次世代UI:phpspot開発日誌
Slider Pagination Concept - with jQuery UI Slider これは超使いやすいページネーションの次世代UI。 普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基本ですが、そもそもこのUI疑ってかかってもいい時期なのかも。 要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。 今回紹介するページネーションのデモ ページ番号の部分はボタン風になっているので押してみましょう。 するとスライダーになってドラッグ＆ドロップでページ指定が簡単に出来ます。 30までドラッグ＆ドロップして話すと30ページ目が開く、というようなイメージ 次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。 従来のページネーションは作る場合
GitHub - AtsushiM/oop-js.vim: JavaScript用オブジェクト指向矯正ギプス的な何か
JavaScriptでのコーディング時、厳しい制約を課すことで オブジェクト脳への矯正を行うプラグインです。 jslint, gjslintとの併用をおすすめします。 ！制約の内容は変更可能ですが、 ！デフォルトではかなりマゾヒスティックな内容になっています。 ！ご注意ください。 " コマンド :OOPJSCheck 現在ファイルに対して制約のチェックを行います。 デフォルトでのチェック内容は ・1ファイル50行以内(小クラス主義) ・1ファイル内でvar宣言は5個(クラスが持ち得る状態のパターンを減らす) ・1行で使える.(ドット)は3個(なるべく直接のプロパティにのみアクセスすることで分かりやすさを向上) ・1ファイル中のifは5個(ifを少なくすることでのネストの排除 & 小クラス化の促進) ・1ファイル中のelseは1個(elseを少なくすることで早期returnの推奨) ・1ファ
第29回 HTML5とか勉強会 メモとか思ったこととか - 笑いながらコードを書く。
アジェンダ ngCore on HTML5 PhoneGap Titanium Mobile 座談会 ngCore on HTML5 紀平 拓男さん ソフトウェアソリューション部所属 FlashPlayer ExGameなどを制作 ngCoreとは？ javascriptのゲームフレームワーク ゲーム＆ソーシャルに特化したAPI ngGOライブラリ ngBuilder 1ソースでiOS＆android対応 個人で無料で使用可能 実例 忍者ロワイヤル アクアコレクション 牧場ホッコリーナ 海外多数 仕組み Game Core(JS) → JSEngine → ngCore Engine → iOS/Android ngCoreの特徴 SDKに標準でソーシャル系のAPI 開発言語がjavascriptである javascriptだと何が嬉しいのか 高速なスクリプト実行エンジン V8,JSCor
Backbone.js コメント付きソースコード日本語訳
Annotated Sourceのコメントを訳しました 地味に道のりが長い作業でしたが、何とか先々週末にやっつけて、例によって@cssradar氏に確認していただいたりとかして今に至りご紹介する次第。 日本語訳コメントがついたソースコード· enja-oss/Backbone · GitHub なんだかんだで全域を網羅する必要があったたので、非常に勉強になりました。ソースコード自体は短く簡潔なので、Backboneをこれから使い始める/もう使ってるを問わず、まだ読んでない方は一度読んでみると良いです。 監訳謝辞 Revert original text for supervise by ahomu · Pull Request #12 · enja-oss/Backbone 上記Pull Request＆監訳依頼につきまして、多大なるレビューをしてくださった@cssradar 氏に感謝を。
Gruntによる継続的なビルド環境を求めて 〜 package.jsonと0.4.0のこと
安定したビルド環境 gruntの広まりを感じる...。みんな...package.jsonをつかうのです...そしてバージョンにも気を遣ってstableな環境を目指すのです....安定して使えないビルド環境はいくらナウくてもゴミです....。 — aho.mu (@ahomu) December 11, 2012 夏前に、nodeでビルドってなんかナウい(∩´∀｀)∩ワーイって使い始めて、秋から現職のプロジェクトで実践してみた結果、そんな当たり前な視点を忘れないようにしなければ、と強く思った次第。 今回は下記の2点を紹介します。 Gruntと永く付き合うためのノウハウとして、package.jsonを使った管理について 賞味期限の短いノウハウとして、Grunt 0.4.0への移行に関して Gruntイイヨーの続きとして、今後付き合っていくために必要なことを改めておさらい。 1. packa
Backbone.jsを薦める3つの理由
Backbone.js(http://documentcloud.github.com/backbone/)を2,3ヶ月触ってみて、導入して良かったことをまとめます。 Backbone.js単体での威力はそこまでではないかもしれませんが、Server側も含めた設計思想を絡めて考えると大きな効果が期待できます（サーバー側も含めた構造改革が全体的に必要になるとは思いますが・・・）。 ## ViewとControllerの結合強度低下 = Viewのアプリ化 ### viewとcontrollerが1対1対応だった頃 Rails単体で作成している場合、Viewにロジックが入れられない以上、 そのViewで必要な変数などは、全てControllerに書く必要がありました。 この状態では、ControllerがViewによって処理内容を変更する必要があり、結合強度が高くなってしまっていました。 この
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」 - かちびと.net
http://www.yuguri.com/2013/02/02js_tools/
Post by @hamalog
