Tumblr
はじめに JavaScript Advent Calendar 2011 (フレームワークコース) の7日目です。この記事では、Javascript で強力なクライアントサイド・アプリケーションを作成するための仕組みである Chrome Packaged Apps について説明します。 この話をフレームワークコースに入れていいか迷いましたが、人が少なそうなのでここに登録しました。 Chrome Packaged Apps とは何か Chrome Packaged Apps とは、Google Chrome にインストールして使うアプリケーションのことです。 実装面から言うと、Chrome Packaged Apps とは HTML+Javascript で作成したアプリケーションに manifest.jsonという名前のJSONファイルを付け足したものです。開発方法は通常のHTMLドキュメ
Vim Advent Calender 26日目: monday.vimカスタマイズしてみた
おおかたのAdvent Calender 2011も終了していますが、 Vim Advent Calender 2011はまだまだ続きますね。 26日目、@_nishigoriです :) ところで、皆さんはなぜVimにPlugin (以降:愛) を注いでいるのでしょうか？ 「それ俺のVim (以降:彼女) ならできるよ」って自慢したいからですね。 もしくは愛を自分と自分の彼女だけで育みたいからでしょうか。 （ここまでで、愛だ彼女だなんて気持ち悪いなんて思った方、 どうぞ1日目から読み返してください。きっと分かってもらえます。 もしくはunite-advent_calenderを入れてる人はソース置換でもしてください。） :%s/彼女/Vim/g :%s/愛\|恋愛/Plugin/g でもちょっと待ってください。 ホントにそれでいいんでしょうか？ あなたが彼女と育んできた愛は、 きっと他の彼
Sass で Singleton を実現し、安心してクラスを再利用する | nodot
この article は Less & Sass Advent Calendar の23日目のエントリーとして書かれています(あれれ?!)。 概要 CSSメタ言語を導入する目的の一つにリソース再利用性の実現というものがある。Sass の場合、mixin や extend によって実現している。特に extend によるスタイルの継承は強力である。 しかし再利用できるようなクラスをまとめたライブラリを import して利用すると、実際には使われていないクラスも出力されてしまい、ファイル容量が無駄に肥大する。使うクラスだけコピーするとか、使わないクラスは削除するなどの手動管理は手間がかかる。 そこでクラス自体を出力するような mixin を作れば、必要なクラス定義だけを include でき、不要な CSS コードを出力しなくて済む。しかし、extend したいクラスを必要になる度に inc
GitHub、JenkinsとHubotを組み合わせたCIサーバー「Janky」を公開 | OSDN Magazine
GitHubは12月19日、継続的インテグレーション（CI）サーバー「Janky」をMITライセンスで公開した。チャットを利用する自動化ツール「Hubot」を利用して動作し、チャット経由で通知を受け取ったり、操作を行える機能などを備えている。 Jankyは、オープンソースの継続的インテグレーションシステム「Jenkins」をベースとしたCIサーバー。GitHubでホスティングするプロジェクトが利用できるように設計したという。 Jenkinsは「Hudson」からフォークしたソフトウェアで、ビルドやテストなどの継続的なジョブを監視できる。プラグイン機構を備えており、サードパーティの拡張機能を利用できるなどのメリットがある。JankyもJenkinsコミュニティからのメリットを享受できるという。日々のオペレーションは、GitHubが先にオープンソースにしたチャット自動化ツールの「Hubot」で
imthinker::net
About Mobile App Engineer Ryutaro Miyashita (a.k.a. ryugoo) Titanium Certified Developer / Titanium Certified Expert 保有。一番好きな言語は Python 。サーバサイドアプリケーションからモバイルアプリケーションまで手がけるデベロッパ。主に Appcelerator Titanium™ 関連のコミュニティで活動している。 Recent 5 2014.12.31 » 2014 年の振り返り 2014.12.30 » 2014 年に買って良かった物 2014.07.06 » 第2回 かわいい Kotlin 勉強会に行ってきた #jkug 2014.05.26 » シリコンバレーに持って行って良かったもの 2014.02.02 » Topping TP20-Mark2 を買ってみ
遺伝子をモチーフにした言語「Genomy」を作りました - 西尾泰和のはてなダイアリー
最近、3年くらい前に書いた「そろそろ例のプロジェクトについて言及するか」についてTwitterで言及があったので思い出しました。「条件を満たしたものをすべて呼び出す」という設計思想でプログラムが書けてしまうという点について意外とみんなピンと来ないみたいだからコンセプトプルーフを実装してみようと思っていたんでした。 という訳で作りました。https://github.com/nishio/genomy 解説 「遺伝子はタンパク質の設計図」というところまでは教科書などでもよく言及されます。でも、その設計図には「どういう状況になったら作るべきか」「どういう状況では作るべきではないか」という情報も書かれています。 この「作るべきではない」(発現の抑制)がどう実現されているか、ザックリ説明しましょう。体の中にあるタンパク質があると、これがある遺伝子の周辺にへばりつき、その遺伝子からタンパク質を作る過
WEB屋の“メンドクサイ”は多事多難！今年遭遇したメンドクサイの数々、そして対処法色々！ | バンクーバーのうぇぶ屋
なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ！”で口癖（思い癖？）にできれば一番でしょうか？ というわけで、今日は僕自身が「あー、もうほにゃにゃらら（メンドクサっ）！！」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分
javascriptのカスタムイベントを作ろう！ - tumblr
デフォルトで用意されているイベントは、基本的にはブラウザがfireすることで要素に登録されたイベントリスナーが呼ばれるわけなんですが、このイベントのfireを開発者側でも行えるワケです。これはテスト用途での使われることが多いみたいです。 というわけでそのイベントのエミュレートと独自イベントの合成を学んだので覚書。サイ本じゃ合成イベントなんて言われてるけど、googleで検索するとカスタムイベントって言われるほうが多いみたい。 おおまかな流れ(IE除く) イベントオブジェクトの作成 イベントオブジェクトの初期化 イベントのディスパッチ（発火） という感じ。発火の前にはaddEventListenerで任意の要素に、イベントハンドラを登録する必要があります。 イベントオブジェクトの作成 var event = document.createEvent(type); 引数のtypeはイベントタイ
ブログでメシが食えるか、Publickeyの2011年
このブログ「Publickey」を始めた最大の理由は、ブログという小さなメディアの可能性を広げていくことであり、小さなメディアの運営が職業として成り立つのかどうかを確かめたい、ということにあります。 そうした実験の経過として毎月ページビューの報告をしてきましたが、今月で3回目の期末を迎えたので、そろそろ売り上げについても報告したいと思います。なぜ3回目の期末でようやく報告できるかといえば、1回目の期末はまだ立ち上げたばかりで何もなく、2回目の期末はクライアント数が少なすぎて、売り上げを報告するとクライアントがいくら支払ったのかが丸わかりになってしまう感じになってしまっていたのです。 僕の周りには、いつかブログの収入で食べて行けたらいいなと思っている人がたくさんいますし、僕の知らないところにもたくさんいるはずです。そういった方に、現実はこんな感じ、という一例を参考までに知っていただければと思
Using jQuery’s Data APIs | Learning jQuery
Tips, techniques, and tutorials for the jQuery JavaScript library In the beginning (well, beginning with jQuery 1.2.3 in early 2008) there was the jQuery.data() API. It offers a way to associate JavaScript data — strings, numbers, or any object — with a DOM element. As long as you manipulate the DOM element with jQuery, the library ensures that when the DOM element goes away, the associated data g
サーバーサイドJSのための、JSONで復元できるモデルクラス *追記あり* - mizchi log
ほとんど自分のためのメモ。 サーバサイドJSを使っているとクライアントにwebsocket経由で渡したりmongodbやnstoreで永続化する際にピュアなJSONとしてデータを宣言しなおす必要があって面倒。 じゃあModelクラス自身が読み込み/書き出しできると嬉しいのでは。 coffee-scriptで書いてみた。 class Model _iparam_ : {} constructor : (data={})-> for k,v of @_iparam_ @[k] = data[k] or @_iparam_[k] toJson : (cls)-> return @toJson(@) if cls is undefined return cls unless cls instanceof Object json = {} for k,v of cls if typeof v is
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
DropPagesでエクストリームコードリーディング環境を作る
DropPagesというDropboxにテンプレートファイルとMarkdownで書いたコンテンツ(記事)を置いて公開できるサービスを利用してどこでもコードリーディングができる環境を作って使っています。 DropPagesについて DropPagesの導入方法 詳細はGetting started | DropPages.comを見る。 DropPagesから好きなThemeファイルのzipをダウンロードする zipを展開すると<Theme名>.droppages.com というフォルダができるので、 このフォルダ毎、Dropboxフォルダの好きな所に置く <Theme名>..droppages.com の<Theme名>を自分の使いたいサブドメイン名にする。 たとえばうちはhttp://sig.droppages.com/なので、sig.droppages.comというフォルダ名にリネーム
「本は、購入した人の所有物ではありません」という著者は一刻も早く完全電子化を! : 404 Blog Not Found
2011年12月26日11:30 カテゴリ書評/画評/品評Code 「本は、購入した人の所有物ではありません」という著者は一刻も早く完全電子化を! いやあ、書評しなくてよかったなあ。献本いただいたのだけど御礼とおりこしてありがた迷惑だった一冊だけに。 佐藤秀峰さんの本やマンガへの考え方について（岩崎夏海） - BLOGOS（ブロゴス） 本は、購入した人の所有物ではありません。そもそも、太陽とか土とか水でできた紙を使ってできた本を、数百円払ったくらいで「所有」しているという考え方がおこがましい。内容は「ドラッカーを誤読しまくったあげく上あまつさえその誤読を本にしたあげく売りまくった」ことを除いてきれいさっぱり忘れてしまったのだけど、おかげで我が身の忘却力を再確認できたし、私が選考委員であればイグノーベル文学賞はこれ以外推奨しようがない。いや、イグノーベル平和賞か。どれだけ原典を食い物にして慰
JIRA、Jenkins、GitHubで始めるオープンソース #jiraadvent – yusuke.blog
・JIRA Advent Calendarの最終日担当です。 趣味でなんとなく作ったものの放置してしまっているアプリケーション、ユーティリティ、ライブラリはありませんか？ オープンソースソフトウェアにしてしまいましょう！ もちろん懸念はあるかもしれません、例えば： ・オープンソースってやってみたいけど人に見せられるほどキレイなコード書ける自信がない じゃぁいつやるの？ 今感じる範囲でキレイなコードにして公開してみたら？ ・同じようなコードは他にもあるし・・・ 既存のコードで歯がゆいところがあったから書いたんじゃないの？ 地球に70億人もいるんだから同じように歯がゆさを感じている人が1人や2人はきっといるはず。 ・オープンソースにしたら盗まれちゃう！ 死蔵してたらすぐに、またはいずれ陳腐化して新規性のないコードにきっとなります。 盗まれて困るようなコードだったらとっとと起業してビジネスにした
[Emacs] リモートサーバで開発するときの Emacs 設定まとめ - daimatz.hateblo.jp
世間はメリークリスマス。昨日の夜は愉快な人たちが愉快な格好をして街を練り歩く様子が見られましたね。 さて、この記事は Emacs Advent Calendar jp: 2011 : ATND の25日目です。 昨日は [twitter:@sky_y] さんの http://d.hatena.ne.jp/sky-y/20111224/1324714853 でした。 明日は [twitter:@kozo2] さんです。 最近では Web 系や大規模処理など、ローカルに環境を整えられないためサーバ内で開発せざるを得ないという状況があると思います。というか最近の自分の仕事(バイト)がそんな感じです。 そこで、リモートサーバ内で開発を行うときの Emacs やその他ツールをまとめてみました。 大きく分けて4パターンほどあると思っています。 tramp を使う ローカルで編集して rsync などの
![[Emacs] リモートサーバで開発するときの Emacs 設定まとめ - daimatz.hateblo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c245cba3e4b68be9c0fd96192c93b202cb4881c/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704591929891650309%2F17680117126971243650%2F1550559605)
CoffeeScript+enchant.jsで始めるゲーム開発入門 - 5.1さらうどん
JavaScript, Game | 17:11 | CoffeeScriptからenchant.jsを叩いて使ってみたところ、スゴい速さでクロスプラットフォームなゲームができあがって、非常に開発がしやすい感じだったので、今回の開発についてまとめてみました。この方法でゲームを開発すると 実行環境構築が不要で クロスプラットフォームでスマートフォンでも動き 開発しやすく 凄まじい速度でゲーム開発ができます。enchant.jsとは、国産のJavaScriptで実装されたゲームフレームワークです。 ドキュメントやサンプルが充実しており、初学者でも敷居が低いのが特徴です。enchant.js - HTML5 + JavaScript Game Engine CoffeeScriptとは JavaScriptにコンパイルすることができる 文法ミスの場合、コンパイルできないため、エラーに気付きやすい
Ejacs + js-mode + MozRepl - EmacsでJavaScriptを書くための設定 - もうカツ丼はいいよな
Emacs23.2からJavaScriptのためのメジャーモードとしてjs-modeが組み込まれている*1。auto-mode-alistに("\\.js\\'" . js-mode)が既に登録されているので*2、拡張子が.jsなファイルを開けば自動的にjs-modeとなるはずだ。 このときファイルを実行する方法として2つの選択肢が*3ある。 1つはEmacs上でJavaScriptのインタプリタを走らせる方法で、もう一つはFirefoxに実行させる方法。どちらが必要かは場合によるので*4、両方使えるように設定する。 Ejacs Ejacsというのは全部Emacs Lispで書かれたとかいうJavaScriptインタプリタ。 Google Code Archive - Long-term storage for Google Code Project Hosting.からzipを落としてき
Codecademy Labs
Right now, Labs is a really easy way for you to play with Ruby, Python, and JS without needing to download an editor. In the future, you'll see more cool experiments on the Labs section of our site. It works offline - see what happens when you turn off your internet access in the middle of a session You can share your code snippets with friends and save your session You can download the code you'v
Managing module dependencies - How To Node - NodeJS
HEADS UP! This article was written for an older version of node. More up-to-date information may be available elsewhere. Following this discussion on the node.js mailing list about managing module dependencies, I thought it's worth sharing some pointers on that here. Using NPM to bundle your module dependencies If you're building an application that is dependent on a number of NPM modules, you can
Backbone Patterns
Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf
WebStorm 3.0: The JavaScript IDE! | The WebIDE Blog
IDEs AppCode CLion DataGrip DataSpell Fleet GoLand IntelliJ IDEA PhpStorm PyCharm RustRover Rider RubyMine WebStorm Plugins & Services Big Data Tools Code With Me Quality Assurance JetBrains Platform Scala Toolbox App Writerside JetBrains AI Grazie Team Tools Datalore Space TeamCity Upsource YouTrack Hub Qodana .NET & Visual Studio .NET Tools ReSharper C++ Languages & Frameworks Kotlin Ktor MPS Am
JsUnit を使った JavaScript のユニットテスト - WebOS Goodies
アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム
QUnitの基本的な使い方 - but hopeful
[追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un
キーボードマクロで遊ぼう: pla.log
こんにちは。Vim Advent Calendar 2011 25日目の@plasterです。Vimって素敵なエディタですよね。 今日の記事のネタのメモをどこに保存していたか忘れてlocateとfindとgrepを重ねた挙句、 Vim起動して[CTRL-O]ですぐ見つかりました。知らなかったひとは今すぐ:h CTRL-Oしましょう。 エディタは生産性の源だと思います。 さて今日は、その生産性を効率的にむだづかいする方法の紹介です。いいんです、実用性などに縛られないからこその愛なのです。目指せ極北！ というわけで、かんたんなアスキーアート生成と、数列の生成と、迷路ソルバやります。全部キーボードマクロで。 フィボなっち まずはアスキーアートの生成から。見出しの「フィボなっち」というのは （●´ー｀●） （●´ー｀●） （●´ー｀●）（●´ー｀●） （●´ー｀●）（●´ー｀●）（●´ー｀●） （
JavaScriptまわりあれこれ - たまにしか更新しない勉強日記
順番適当メモ Benchmark.javascript http://jsdo.it/cho45/microbenchmark hatena の id:cho45作 HtmlUnit http://htmlunit.sourceforge.net/ Headless JavaScript Testing Culerity https://github.com/langalex/culerity HtmlUnit を使い、jRuby で JS テスト Harmony https://github.com/mynyml/harmony Env.js 経由で Ruby を使って JS テスト Blue Ridge https://github.com/relevance/blue-ridge Rails Plugin. Rhino, Screw.Unit, Smoke, env.js をテスト環
npm についてまとめてみる - need something more...
※この記事は現時点での node.js 最新版 v0.6.6 に付属する npm 1.1.0-beta-4 を元にしています。 ※間違い等ありましたらご指摘いただけると幸いです。 npm は node.js のパッケージマネージャーですが意外と色々な機能が搭載されています。 「man を読め」とは良く言われますが、結構 ドキュメント を読むだけでも大変でした。 npm で使えるコマンドは以下の通りです。 adduser 対話的に username, password, email を登録します。.nvmrc に credential を保存します。後述の npm star する為にはこの登録が必要です。npm config set で username, _password, email をセットしているとデフォルト値として採用される？npm whoami した時に登録したユーザー名が表示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなまとめ（仮）
Tempo :: The Intuitive JavaScript Template Engine by Twigkit
Blogger
Rubyistよ、irbを捨ててPryを使おう | Webシステム開発／教育ソリューションのタイムインターメディア
Loading...
https://mkw.st/p/gdd11-berlin-v8-performance-tuning-tricks/
JsDoc Toolkitを使う！