2011年6月3日のブックマーク (17件)

  • Gitを使った開発・運用フローの紹介

    私の所属している会社では、2年程前にバージョン管理システムをSubversionからGitに移行し、現在まで開発フローを試行錯誤してきました。ようやく形になってきたということで、守秘義務に接触しない程度に紹介&考察していきたいと思います。 形になってきたとはいえ、まだまだ試行錯誤中ですので色々なツッコミは大歓迎です。 現在の開発フローの俯瞰図# 現在の開発フローを俯瞰してみると大体下記図のような感じになっています。途中で図を書くのが面倒になった都合上、Jenkinsさんが1人しか居ませんが、実際はmasterブランチの他にreleaseブランチも監視してもらっています。 以降この図を元に話を進めていきたと思います。 Gitoriousを利用して自由に開発# GitoriousというGitHubに似たサービスがあります。このGitoriousはオープンソースとしても公開されていますので社内に

    Gitを使った開発・運用フローの紹介
    haishi
    haishi 2011/06/03
  • jQAPI - Alternative jQuery Documentation Browser

    This is a alternative interface to browse the Official jQuery Documentation. It was created to get out of your way of your development work - quickly find what you are looking for, easy on the eyes, and lightning fast. Just start typing and see for yourself! FeaturesContent is the same as in the Official jQuery DocumentationStatically rendered pages powered by Astro, so the initial loading time is

    haishi
    haishi 2011/06/03
  • Twitter Development Talk - Google Groups

    haishi
    haishi 2011/06/03
  • GitHubへpull requestする際のベストプラクティス - hnwの日記

    みなさん、Git使ってますか?僕はまだメインのVCSがSubversionなのもあって、なかなか慣れません。せっかくGitを使っているのに、ちょっと不便なSubversionくらいの位置づけです。でも、同じような理解度の人って多いんじゃないでしょうか。 一方で、最近はGitHub管理のオープンソースプロジェクトが増えてきました。バグレポートを送るにしてもpull request*1が前提のような空気があり、Git初心者には少し敷居が高い印象があります。 そんな僕も先日初pull requestをしてみたんですが、色々な失敗の積み重ねで残念なpull requestになってしまいました。その反省を元に、稿ではpull requestする際のベストプラクティスを紹介します。これは「Git Workflow」をベースにコマンド例などを加筆したものです。 概要 pull requestする際は、

    GitHubへpull requestする際のベストプラクティス - hnwの日記
    haishi
    haishi 2011/06/03
  • 7分半で作るNode.js+MongoDBアプリ - PolyPeaceLight

    先日のJJUG SpringのLTをしてきた「7分半で作るNode.js+MongoDBアプリ」の動画を撮り直しました。 番ではmongoose.Schemaのところをmongoose.modelとしてしまい、まさかのライブデバッグを初めるハメになり、結果として13分となってしまいました。 リベンジとして今日何回かトライしたところ10分を2分半も上回る7分半、スリークォーターの記録を出すことができました。 動画中でやってること 1 環境を証明 nvmとかnodeとかnpmとかがインストールされてないことを証明 env.shは確認するコードが書かれているだけです 2 nvmとmongodbをググる 3 nvmをgitで取得 $ git clone git://github.com/creationix/nvm.git ~/.nvm 4 nvmを環境に読み込む $ . ~/.nvm/nvm.

    7分半で作るNode.js+MongoDBアプリ - PolyPeaceLight
    haishi
    haishi 2011/06/03
  • 触れる価値あり。Google Chromeをプログラミングエディタ化する·SourceKit MOONGIFT

    SourceKitGoogle Chrome内で動作するテキストエディタ。Dropbox APIを使っている。 SourceKitGoogle Chrome向けのフリーウェア(ソースコードは公開されている)。なかなかWebアプリケーション化しないものの筆頭として考えられてきたのがテキストエディタだ。特にプログラマ向けのエディタになると手になじんでいるかどうかの問題が大きく、なかなか格化しなかった。 まさにエディタ 確かにWebベースで開発するということに大きなメリットは感じられなかったのは確かだ。だがSourceKitを見たら、その考えが変わってしまいそうだ。 SourceKitGoogle Chromeの機能拡張として提供される。左側にファイルツリー、右側に編集画面が表示される。開発者向きに各言語向けのハイライトに対応している。さらにテーマも幾つも用意されており自分好みの配色を選

    haishi
    haishi 2011/06/03
  • JavaScriptのいろいろなコーディングルールをまとめてみた

    JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

    JavaScriptのいろいろなコーディングルールをまとめてみた
    haishi
    haishi 2011/06/03
  • 古籏一浩のJavaScriptラボ

    活躍の舞台をどんどん広げているJavaScript連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。

    古籏一浩のJavaScriptラボ
    haishi
    haishi 2011/06/03
  • Googleの+1を簡単実装&カスタマイズできるjQueryプラグイン「Google 1-Button」:phpspot開発日誌

    Googleの+1を簡単実装&カスタマイズできるjQueryプラグイン「Google 1-Button」 2011年06月03日- jquery-gplusone-js - jQuery Google 1-Button plugin - Google Project Hosting Googleの+1を簡単実装&カスタマイズできるjQueryプラグイン「Google 1-Button」。 likeが押されたときのonlikeコールバックイベントが使えたり、表示に関するカスタマイズをオプションで指定できるみたいです。 like後のコールバックで「ありがとう」みたいなメッセージを表示させるのも簡単にできそうですね。 最小のコードは以下でOKみたいです。 <div id="gplusone-example"></div> <script type="text/javascript" src="j

    haishi
    haishi 2011/06/03
  • The History of the URL: Path, Fragment, Query, and Auth - Eager Blog

    ControlRegain visibility and control of IT and security across on-prem, public cloud, SaaS, and the Internet SecurityImprove security and resilience while reducing your attack surface, vendor count, and tool sprawl

    The History of the URL: Path, Fragment, Query, and Auth - Eager Blog
    haishi
    haishi 2011/06/03
  • 0円の広域負荷分散システムCloudFlareが素晴らしい件 | fladdict

    fladdictの非公式プロジェクト(いわゆる裏dicct)に、posemaniacs.com というサービスがある。 絵のデッサン素材を無料配信するサイトだけど、いつのまにやら老舗サイトに。気がついたら1日の転送量が30〜40GBまで膨れ上がっていた。あまりの負荷にホスト元のhetemlさんでアクセス規制、あわや閉鎖の危機の大ピンチ。わりと気で、Pixivとか星海社とかマール社にサービス譲渡とかしようか悩んだ今日この頃でした。 そんな折、@ku_suke さんのご了解で導入してみた、CloudFlareというサービスが、全ての危機を救ってくれた。マジ多謝です。 どういうサービス? CloudFlareはCDN(広域負荷分散システム)。世界5カ所にデータセンターを有し、データをキャッシュして各地に配信するこで負荷分散してくれる。いわゆるAkamaiの同類だけど、ものすごい特徴が1つある。

    haishi
    haishi 2011/06/03
  • iPhoneをアルミホイルで包むお仕事 | fladdict

    面白い小ネタだけど、結構しらない人がいるみたいなのでメモ。 自分のiPhoneアプリを作るときに、iPhoneをアルミホイルで包む作業工程を行う。 iPhoneをアルミホイルに包むのと、包まないのでは、できあがるアプリの品質に圧倒的なクオリティの差が出るのだ。 何をデンパなお話をww と思った人はまさに正解で、当にデンパなお話。 iPhoneをアルミホイルで包むと、電波が乱反射する為に、ネットワークの切断や障害のテストを簡単に行えるのだ。 Appleの審査規約の1つに、「通信を行うアプリがネットワークに接続できない場合、状態の通知あるいは、代替コンテンツを表示しなければならない」というものがある。 これを完璧にパスする為には、アルミホイルが大変重宝する。 地下鉄等を使うのは時間も手間もかかるし、機内モードも突然の切断は調査できない。そして電子レンジは突っ込んでしまうとなにも操作ができない

    haishi
    haishi 2011/06/03
  • webデザインにおける視線誘導のおはなし | 07design.blog

    こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す

    haishi
    haishi 2011/06/03
  • ブラウザのスタイルをリセットするスタイルシート -Normalize CSS

    Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox

    haishi
    haishi 2011/06/03
  • [CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル

    iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス

    haishi
    haishi 2011/06/03
  • もう知らないでは許されない!!「これからはじめる」という人のためのjQuery Mobile情報まとめ | ke-tai.org

    もう知らないでは許されない!!「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 家サイト(英語) [j

    haishi
    haishi 2011/06/03
  • iPhone・iPadユーザーの全てにオススメできる無料のメモアプリ「DraftPad」が超絶便利な10の理由 | なまら春友流

    素早い起動 安定した挙動と万全のバックアップ 文字サイズの変更とテキスト内要素を表示 無限大の可能性「アシスト機能」について evernote保存 Dropbox保存 各種連携がとにかく便利すぎる iPhoneデフォルトカレンダーの入力が超絶便利 ブログエディタとしても超絶便利 最後に 1. 素早い起動 起動速度は私が常に使用するメモアプリに求める絶対的な条件。 全てのアプリに必須な条件でもあるのだがメモアプリには特に重要視する要素。 アプリを起動したらすぐに書き出せるようになっていることが望ましい。 私が愛している他のメモアプリ(FastEver)も起動した直後に書き出せるようになっている。 ちなみにDraftPadの初回起動時の速度はテキスト入力系アプリのなかで最速の部類に入る。 2. 安定した挙動と万全のバックアップ こちらも全てのアプリに言えることだが「書く」という行為においては安

    haishi
    haishi 2011/06/03