Kanasan.JS Jetpack workshop - yaotti's diary
Kanasan.JSのJetpack workshopに参加してきました. Jetpackワークショップ ( Kanasan.JS : JavaScript Workshop in Kansai) 今日はいつもの読書会やコードリーディングと違い,参加者でペアになってJetpackアプリを作成するワークショップ形式でした. ぼくはkmdsbngさん(blog:カメログ(2009-11-18))とペアになって,今開いているページのURLを後で読む用にストックする拡張を作りました. レポジトリはkmdsbng/stockit · GitHub こんなの Uploaded with plasq's Skitch! ステータスバーにあるボタンをクリックするか,右クリックして出るメニューを選択すると今開いているタブが左のサイドバーに追加される,という拡張です. ローカルストレージ*1に保存するので,F
Kanasan.JS Jetpackワークショップに参加してきました。 - ちなみに
[12/15 updated] 書いたfeatureをgistに貼っつけました 有須子 on Jetpack: http://gist.github.com/256598 Glitch: http://gist.github.com/256599 - http://sites.google.com/site/kanasanjs/jetpack_work_shop 次回から運営体制がすこし変わるので今回は新しいKanasan.JSのお試し版のようなものでした。 また新しい試みとしてワークショップ形式を取り入れました。参加者のみなさんにはペアになっていただき、各自チームごとにコーディングの時間を設けて、最後に成果発表の時間をとるということをしました。 Jetpackとは Jetpackはmozillaが提供しているFirefox拡張用のプラットフォームです。 Firefoxの拡張をJavaSc
ウノウラボ Unoh Labs: 2009年版Python開発環境を整えよう
なでしこの作者じゃない方のsakatokuです。 以前書いた「Python開発環境を整えよう」という記事からだいぶ時間が経ってしまったので、内容を更新したいなぁと思っていたのですが、ようやくその機会が来ました。 virtualenvで開発環境をつくる 開発環境をつくるにあたって次のような問題が生じると思います。 root権限がないためにインストールしたいライブラリが使えない 新しいライブラリをインストールしたり、既存のライブラリをアップグレードすることで、既に動いているアプリケーションを壊したくない 複数のバージョンのPythonを使って開発、テストを行いたい 自作したPythonパッケージのインストールのテストを行いたい 以前の記事ではvirtual-pythonという解決策を紹介しましたが、現在ではvirtualenvというツールが広く使われるようになってきています。 virtuale
USB機器をすこぶる簡単に無線化する「net.USB」とは
アイ・オー・データ機器「ETG-DS/US」。本体サイズは50（幅）×100（奥行き）×28（高さ）ミリ、重量約95グラム。消費電流は最大1.5アンペアで、ルーター機器やプリントサーバ機器のように常時電源オンのまま運用する。発売は2009年12月中旬、価格は7400円（税抜き） 同じ機能・性能を持つ機器と仮定するなら、有線接続と無線接続、どちらが便利だろうか。 マウスやキーボード、HDDや光学ドライブ、USBメモリ、プリンタ、テレビチューナー、デジタルカメラ、メモリカードリーダーなど、USB接続型の機器はPC向け周辺機器で最も使用機会の多いであろうデバイスだ。このUSB機器の利用シーンをそこそこ安価に一変させる可能性がある新製品「ETG-DS/US」がアイ・オー・データ機器から発売される。HDDや光学ドライブ、プリンタ、地デジチューナーなどのよくあるUSB機器を、ネットワーク接続型HDD（
CommonJS Spec Wiki
Welcome to CommonJS, a group with a goal of building up the JavaScript ecosystem for web servers, desktop and command line apps and in the browser. This wiki is a starting point for collecting up ideas, any draft API suggestions for the CommonJS group. Discussions occur on that mailing list and on IRC (#commonjs on freenode). Meta Introduction FAQ Process Target Platforms Coding Standards Current
HTML5のMicrodataとは何か？
HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。 最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。 <div itemscope> <p>僕の名前は<span itemprop="name">山田太郎</span>です。</p> </div> この文書をWebブラウザで表示しても、 僕の名前は山田太郎です。 と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります（というのはあくまで例です）。 Microdataとは、文書の内容に対して機械に
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
最近気になるファッション系webサービスをまとめてみた - 75-85
今個人的に面白いと思っている、 ファッション系webサービスをまとめてみました。 どんどん新しいモノが生まれて来る分野だけに、 どこまでをまとめるかが難しいのですが、気になるものに絞りました。 （結構昔からあるモノもありますが・・・） ● ファッション試着サービス『AWASEBA』 ファッション試着サービス『AWASEBA』 Web上で商品のコーディネートが楽しめるサービスで、以下のように 画像のモデルさんで商品を合わせる事が出来ます。 今は着せ替えっぽい感じですが、商品の色変更とかが出来れば面白いはず。 最近では、セレクトスクエアとのタッグ（？）での「coen」の ファッションセレクトショップの紹介(レディース)も始めたようですが、 実際の商品購入時にどれくらい活用されているのか注目です。 ● ルックアップのファッションコーディネート買物代行サービス ファッションコーディネート買物代行サ
Androidの仕組みを知る(1)
遂に日本でもAndroid携帯が発売された。注目を集めているAndroidとは，一体何なのか，パソコンに移植するためにはどのような作業が必要なのか，アプリケーションを開発するにはどうするのか解説する。 Androidは，米Google社が開発し，携帯電話関連の業界団体であるOHA（Open Handset Alliance）が2007年11月に発表した，ソフトウエア・スタック（複数層で構成するソフトウエア群）である。 Androidを構成するソフトには，携帯端末向けに改良されたLinuxカーネルとミドルウエア，アプリケーションの実行環境，開発環境であるアプリケーション・フレームワーク，アプリケーション，がある。 Androidは携帯端末用として開発されているものの，適用範囲は携帯端末にとどまらない。Androidが現在対応しているCPUは英ARM社のARM系と米Intel社のx86系の2種
Google Wave関連情報のまとめ - WEB人
Google Wave関連情報のまとめ 公開：2009年11月30日 13:08, 更新：2009年11月30日 13:14 トラックバック(0) コメント(0) Google Waveに関連する情報を、カテゴリーごとにまとめています。新たな情報が見つかれば、随時追加します。追加情報や修正箇所がありましたら、コメントやTwitter(@souta_tw)などで知らせ頂けると、とーっても助かります。 ガイド 英語 Using Google Wave 英語：公式、簡単な案内。 The Complete Guide to Google Wave: How to Use Google Wave 英語：非公式、詳しいガイド。本家ライフハッカーの元編集長のGina Trapaniと、現編集長のAdam Pashの二人が書いたもの。 日本語 Google Wave コンプリートガイド 日本語：非公式、
Windows 7とUbuntuが仲良く共存できるデュアルブート環境の作り方 | ライフハッカー・ジャパン
Windows 7とUbuntuは向かっているところがまったく違うOSですが、一つのパソコン上でも仲良くやっていけるのです。Windows 7とUbuntuのデュアルブートシステムの設定方法をご紹介。一度設定してしまえば、二つの世界のいいとこどりが可能です！ デフォルトではWindows 7がブートアッププロセスを占拠してしまい、唯一のOSとして君臨しようとするのですが、LinuxはWindowsをハードドライブの一部を占領する「週末にときおり趣味でやっているサーフィンのロングボード」的な扱いをします。 かれこれ一年近くに亘りUbuntuとWindowsのデュアルブート環境を使っているので、この環境の利点、欠点がだんだん見えてきました。不便な点、ファイル共有の必要性、などを改善していくことによって、かなり快適なWindows 7とUbuntuのデュアルブート環境は可能となりますので、今回は
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
