ヒトリデハキケンジャ GitHubのコーディング規約を授けよう
コードが適切に整形されているかどうかはデザイナーやエンジニアなどコードを書く人にとっては日常的な課題のひとつです。プログラミング言語やツールに応じて様々なコーディング規約によって正しいコードの書き方が定義されていますが、GitHubが社内で利用しているコーディング規約を「スタイルガイド」としてサイト上で公開しています。 このスタイルガイドは5個のセクションに分かれています。 概要 スタイリング(CSS) マークアップ(HTML) ビヘイビア(JavaScript) Ruby GitHubということで様々なRubyのツールとの組み合わせが前提になっている部分もありますが、CSSに対しての規約は例えば下記のようになっています。 インデントはスペース2つのソフトタブを使う プロパティ宣言の:の後にはスペースを空ける 宣言の{の前にはスペースを空ける カラーコードはrgbaを使わない場合は数字で指
Node.js scalability testing with EC2
The sprites project leverages Node.js to implement it’s server logic. The server is surprisingly simple JavaScript code which accepts long-poll COMET HTTP connections from it’s C++ clients in order to push JSON format sprite information in real-time. Sprites can be thrown from one client’s desktop to another via HTTP. The server maintains a network topology (which is worth a separate post in itsel
Rails Hub情報局: 「Tokaido」を巡り、募金型OSSプロジェクトで議論が噴出
Merbのコア開発者でRails3でMerbとRailsの統合で重要な役割を果たしたYehuda Katzさんが、Mac向けのRails.appを作るという新プロジェクト「Tokaido」（東海道新幹線からの命名）を発表して話題を呼んでいます。プロジェクトをスタートするにあたって、Yehudaさんはまず、Kickstarterを使って、プロジェクトの必要性と、自分がそれを遂行できる能力があることを示しつつ、募金を開始しました。開発に先立って2万5000ドル（約200万円）の募金を始めたことについて、オープンソースの開発手法として違和感を持つ人が少なからずいたようです。 Mac上でのRails開発環境構築は面倒？ Tokaidoは、Mac向けのRails.appを作るというプロジェクトです。最近のMac上のRails環境はさまざまなツールが発達していて、インストールすべきツールや、その順序、
Git道場
GitHubによってもたらされたソーシャル・コーディングの波はこれからのプログラマーのライフスタイルを確実に変えつつあり、プログラム開発におけるテスト、自動化、バージョン管理の技術は、プログラマーの日々の業務や生活の中においても重要になってきています。 Git道場では分散バージョン管理ツールとして広く利用されているGitに焦点を絞り、概念や知識を得るだけではなく、一人でも多くのプログラマーが実践的なレベルでGitを使いこなせるようになるための"道場"です。是非Git道場に参加し、Gitを体得してみなさんの明日のプログラミング・ライフの価値をさらに高めてください。 実施要領 日時 : 2012年4月22日(日) 9:30〜18:00 (途中休憩あり) 会場 : フューチャーアーキテクト株式会社 東京都品川区大崎1-2-2 アートヴィレッジ大崎セントラルタワー 参加費用 : 1,000JPY
Titanium Mobile with TiShadowで転送時間(ほぼ)ゼロのスマートフォン実機開発をしよう!!(Draft) - JP::HSJ::Junknews::HatenaSide
今回Titanium Mobileでの開発を一変させるプロダクトを紹介したいと思います。その名もTiShadow*1です。 https://github.com/dbankier/TiShadow リリース直後にAppceleratorの公式ブログで紹介されたり、先日 moongiftでも紹介記事がありました。 上記の記事でも紹介されているようTiShadowは、David Bankierさんが開発された、node.jsで動作するサーバを介して、各シミュレータや実機にインストールされたTiShadowクライアントにアプリケーションを配信するというもの…といっても、言葉ではなかなか伝わりませんね。 いわゆる百聞は一見に如かずで、次の動画を見て頂くのが早いかもしれません。 TiShadowサーバにはWebコンソールがあり、ここにCommonJSベースのコードを記述する事で、接続しているTiSh
マネージャになりたくないプログラマのキャリアパス
金曜日、KLab元CTOの仙石さんからありがたい話をいただきました。 話は、開発者の採用、教育、評価あるいは開発者の心構えなど多岐に渡りました。いくつも興味深い話がありましたが、個人的に一番聞いて良かったと思える話を紹介します。表題の件です。 若いプログラマの中には年をとってもマネージャになりたくないと言う人がいます。他人事ではなく自分もそのひとりでした。若い時にマネージャ志望のキャリアパスに語ることは、プログラマとしての自分の誇りを傷つける気がしていました。マネージャを偉いと見なす風潮が、技術に対する裏切りのような気分がしていました。技術者をマネージャより低いと位置づけるのが許せませんでした。 たぶんピュアだったのでしょう。そんな経験があるので、今でもピュアな若者は好きです。本物のプログラマになるには、技術だけに一心に向き合うピュアな期間が必要だと信じています。そして、技術に真摯に向き合
軽量Rubyの状況まとめ - Kishima's Hateda log
4/28追記：まだ正式ではないけど公開されたよ！ https://github.com/mruby/mruby 神よ 未だ生まれぬ神よ 御身への想い押さえがたきに 我が身は今やはりさけぬ 古橋秀之「ブライトライツ・ホーリーランド」 そろそろ軽量Rubyが公開されるらしい、との話なので、現状見つかる情報を調べてみました。 ほんとは2月の東京Rubyプレゼンテーション2012に行けていれば色々分かったと思うのですが、行けなかったのでネットにある情報を検索してみた次第です。 以前は"Armadillo9でRubyを動かす。"とかやってたりしたこともあり、組み込みスクリプト言語には色々期待してるので、楽しみ。 公開されたら色々遊んでみる予定。 構成 mruby コンパイラ、RiteVM、ライブラリなどを含めた総称 RiteVM YARVに相当する部分 Rubyチップ VM自体をハードウェア化するの
CoffeeConsole: A Chrome Extension
Harry Brundage, a co-worker of mine at Shopify, does a lot of CoffeeScript development and said he would love to be able to do CoffeeScript right from the console in Chrome's Web Inspector. I asked Paul Irish, a "dev relations guy" at Google, to point me in the right direction on building just such a thing. The result of today's pet project is CoffeeConsole, a Chrome extension that adds a new pane
美女アプリは儲かるのか？を検証しようとしてみた - モトクロスとプログラムと粉砕骨折と
全国6,000万人の美女ファンのみなさん。ごきげんよう。 突然ですが「美人時計」というiPhoneアプリがあるのをご存知でしょうか。 全国各地の美女が1分毎にiPhoneに現れ、手にした黒板で時刻を教えてくれる、それはそれは本当に素晴らしいアプリです。 全国の美女ファンに熱烈な歓迎を受けた最初の美人時計がリリースされてから、僕はずっとこのシリーズの大ファンです。特に福岡版がお気に入りで、仕事中はスタンドに立てたiPhoneにこのアプリを起動させ、1分に1回の美女との出会いを楽しんでいました。 ただ毎日のように見ていると、何時にお気に入りの子が現れるのか分かってしまい、新鮮味に欠けてきます。名古屋版や京都版など全国各地の美女を堪能できる様々なバージョンがリリースされているのですが、それでも起きてる時間のほとんどはパソコンの前に座っているこの生活では、新鮮味に欠けるのは時間の問題です。 それか
伽藍、バザール、ノウアスフィア、おなべ(1) - L'eclat des jours(2012-04-09)
_ 伽藍、バザール、ノウアスフィア、おなべ(1) エリック・レイモンドの伽藍とバザールが19991997年(翻訳版の日付を最初書いていた。以降修正済)なので、もう15年も昔のことなのか。それだけ年月がたてば、ソフトウェア開発者でも、プレジデントやダイヤモンド並のいい加減な知識でいい加減なことを書いたりしたりするのだなぁと感慨もある。 感慨もあるが、少なくともソフトウェア開発そのものを仕事にしているのなら、もう少しまともな知識を持つほうが良いんじゃないか？ とも思う。 というわけで、読まずに済ませるOSSの歴史入門を簡単に書いてみたり。 ただ、どれも読めばささっと読めるものばかりなので（山形浩生の訳も読みやすい）、リンクもつけたし本物を読んでももちろん良い。 まずは、『伽藍とバザール』だ。 さて、1997年。Linuxが実用的なOSになってきたころの話だ。FSF（GNUの組織）が1980年代
vimを使う上で欠かせないproject.vimのヘルプの日本語訳(意訳) - sifue's blog
最近project.vimを使ってプロジェクトツリーを表示してソースを読む事が多いのですが、実際には、:Project {filename}で起動した後、 \Cで、フォルダ再帰的にプロジェクトファイルを作るウィザートを起動する \Rで、フォルダ再帰的にプロジェクトファイルを再作成する 以上二つしか使ってきませんでした。 ただ他にもいろいろな使い方ができるようで、そのためにヘルプを読んでいたのですが、その際に作った意訳が他の人にも役立つかもしれないので掲載します。質が悪いので野良翻訳なので、原文も一緒です。 ちなみに、この度知った役に立ちそうなコマンドは、 \Gで、現在のプロジェクト以下を全てgrep vimのctagsを使ったタグジャンプは定義元には飛べますが参照元には飛べないので、これを利用 で、プロジェクトウインドウの最大化、最小化 \sで、水平分割して新たにファイルを表示 zMで、プ
はじめてのgithub
世界一簡単なGithub入門（githubは無料で使用する場合、全てのファイルが公開されていることにご注意ください） ややこしいコマンドを全スルーして個人用バックアップとして使ってみる 2013.01.26 LDD13 LT 【概要】 次々と新しい技術やサービスが公開され、いろいろ挑戦してみたい・・・とは思うのですが、それが複雑なものだったり高機能であったりすると、どうしても最初のハードルが高く、なかなか踏み出せないと感じます。 そんな時、私の場合は、とりあえず、できるだけ簡単なマニュアルを探してきて、良く分からないところは全部無視して無理やり使ってみることにしています。訳が分からないままでも、使っていることで、ちょっとずつイメージが湧いてきて、画面が見慣れたものになってきます。そして、それから改めて入門書を読み始めます。そうすることで、最初のハードルが、少しは下がるのではと考えています。
jscomplete-vim ちょっと賢くした(Addtive, Multiplicative Operator編 + α) - hogehoge @teramako
jscomplete-vim teramako/jscomplte-vim - GitHub ちょっとずつ賢くしてます。 +-*/%の演算子の演算を少し加えた。 ただし、数値の演算はかなり適当というか、Vim script に NaN がなく、演算が失敗する時は 0 が返る仕様っぽいため、JavaScriptでは NaN が返るような演算でも 0 を返す仕様(バグ)になっている。数値の演算はプライオリティが低いと見なして現在は放置。 よって、 var o = { NaN: "OK", }; o[10 * "a"]._ // ↑カーソル位置 の様なのは現状はまだ無理。 +αの修正 まず、jscomplete-vimがどんなことをやっているか書こう。 目標は適切なプロパティ名の補完にある。んで、プロパティ名が必要そうな場面は、.か[がある時になる。最終的にはグローバルオブジェクトのプロパティも
ES.next the corner cases
uninitializedな状態を持たないため BNF見るだけでは, initializerなくても行けそうですが ES6 draft仕様の特徴 BNFだけじゃなくて, semanticsも見なければいけないようになった section 12.2.1 Static Semantics LexicalBinding : BindingIdentifier It is a Syntax Error if the BindingIdentifier if IsConstantDeclaration of the LexicalDeclaration containing this production is true.
ES.next 追っかけ - ECMAScript 勉強会
メーリングリストの購読 es-discuss@mozilla.org ES.next を追っかけるなら購読するべし 流量多し。100以上の返信が付く事も 僕は読めてないorz 何に対して言及しているか何となくは読んで終了 Webサイトへのリンクがあれば目を通してみる wiki.ecmascript.orgに提案を書いて、このMLで議論を進める形が多い 構文抽出 ECMAScript 6th Syntax Grammer にドラフト版の構文をまとめてます ES.next では構文に対して多くの変更点がある ドラフト版は最後の方にあるGrammer Summaryが更新されない 構文をまとめたものが欲しい ML にドラフト版をアップしたよーアナウンスが流れる 変更点が色分けされたPDF版をダウンロード 構文の変更点に注目しつつHTMLに 利用者は、主にConstellationさんです(onl
ECMAScript Study #1 Overview
ECMAScript Study #1 Overview — Presentation Transcript ECMAScript OverviewRika Takahashi / @rika-tagigigigi@gmail.com この文書について• ECMA-262 5.1 Editionでの記載になるべく沿う形で、 ECMAScriptを説明します。• 表記について ▫ 文中のページ数、章番号は、ECMA-262 5.1 Editionの対応 する箇所です。 例. "1. Scope" (P.1) ▫ 太字+斜体の語は、仕様上の何らかの特殊な意味を持った 単語です。 初回のみ、太字+斜体の表記とします。 ▫ 太字の語は、型名やオブジェクト名、予約語を指します。 ▫ 斜体の語は、 ECMA-262 5.1 Editionで定義される語です。 汎用的な定義のほとんどは7章で
JavaScript syntax tree visualization with Esprima · ariya.io
JavaScript syntax tree visualization with Esprima Apr 4, 2012 2 min read #code #esprima #javascript #parser One little feature I added to Esprima parser demo was syntax tree visualization (using YUI TreeView). While it is already possible to see the JSON version of the parsed AST, often a much more visual representation improves the syntax analysis workflow. It is also more educational. An example
jQuery.LazyJaxDavis
Introduction JQuery.LazyJaxDavis brings the power of history.pushState to static websites. This changes all location changes to dynamic - ajax based. Flexible URL routing feature is also available. HTML5 history API and us Do you usually use history API? It's... pushState, replaceState or something like that. If you are a developer of JavaScript web app - and the web apps which you work in are cha
jQuery.LazyJaxDavisで静的サイトを手軽にダイナミックにする
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / jQuery.LazyJaxDavisというライブラリを書いた。このライブラリは、一般的な静的に生成されるようなサイトを、HTML5 history APIの力を使って素敵にダイナミックにします。 このライブラリを使うと、すべてのリンクを、通常遷移の代わりに、Ajaxベースのダイナミックな遷移にします。その際、history.pushStateして、通常の遷移と同じように見せる。言葉にするのは難しいので、実際にサイトを見てもらったほうが分かりやすいと思う。以下のサイトの左ナビをポチポチクリックするなりして。 jQuery.LazyJaxDavis加えて、結構汎用的なURLルーターの機能も備えて
2012-04-08のJS: はてな教科書(JavaScript によるイベントドリブン)、CodeGrid、Qatrix
JSer.info #64 - はてな研修用教科書というものが公開されて、その中でJavaScriptについて書かれてるJavaScript によるイベントドリブンが結構いいかなと思いました。というのも最初にデバッグ方法を書かれてるのが良いです。 ピクセルグリッドがCodeGridというフロントエンド開発向けの有料のメールマガジンサービスを始めたそうです。最近有料のメールマガジンというものは色々と増えていたりしますが(逆に廃刊も)、その中でCodeGridはChrome ウェブストアでWebアプリとしても配信している形という所が面白いかなと思います。 MozillaもWeb AppのStoreを開くので、そういったWebアプリケーションという形での情報配信が今後どうなるかが気になっています。 Mozilla の Web アプリケーションストア戦略 — 真にオープンなエコシステムを作る |
Hatena-Textbook/javascript-event-driven.md at master · hatena/Hatena-Textbook · GitHub
JavaScript によるイベントドリブン アジェンダ JavaScript の言語について DOM について イベントについて jQuery について MVC アーキテクチャについて まずはじめに Just moment! Web で JS を使うとき、HTML の知識が前提となることが多い http://www.kanzaki.com/docs/htminfo.html 少なくとも「簡単なHTMLの説明」は押さえておきたい。 目的 講義時間は限られているので JS を学ぶ上でとっかかりをつかめること リファレンスを提示します。概念を理解 言語的部分、DOM 及びイベントドリブンなプログラミング 覚えようとするとクソ多いのでリファレンスひける部分は覚えない JS とはどんな言語であるか? 基本クライアントサイド=ブラウザで動く 実装がたくさんある はてなのエンジニアはみんな誰もがある程
GitHub - hatena/Hatena-Textbook: はてな研修用教科書
Hatena-Textbook はてな教科書は、はてなのエンジニアとして最低限必要とされる技術を身につけるための教科書です。 Web開発における重要なトピックを順番に学びながら、課題をといていくことで、Webアプリケーションをひととおり構築できるようになります。 実装言語としてPerlとScalaのどちらを選ぶことができます。 トピックごとに学びたい言語の方の教科書を読み進めてください。 目次 プログラミングの基礎 Perlによるプログラミングの基礎 Scalaによるプログラミングの基礎 データベースの基礎 Perlによるデータベースプログラミング Scalaによるデータベースプログラミング Web開発の基礎 PerlによるWebアプリケーション開発 ScalaによるWebアプリケーション開発 Webフロントエンド開発 はてな教科書JavaScript編 hatena/Hatena-Tex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Technical Articles. Tech Tips. | Exadel Blog
OSX Emacs flyspell-mode でスペルチェック - higepon blog
:help! で E478 が発生する · Issue #49 · vim-jp/issues
JavaScript小史