タグ

devに関するginpeiのブックマーク (340)

  • HTML+JavaScriptでiPhone/iPad/Androidネイティブアプリを開発できる「Titanium 1.0」 | パソコン | マイコミジャーナル

    米カリフォルニア州マウンテンビューに拠点を構えるAppceleratorは、同社開発プラットフォームの「Titanium 1.0」をリリースしたと発表した。Titaniumはクロスプラットフォーム環境で、HTMLJavaScriptなどのWeb標準記述言語を使ってスマートフォンやPC向けのネイティブアプリケーション開発が可能。WindowsMac OS X、Linux向けのアプリケーションのほか、iPhoneAndroid、さらにiPad向けネイティブアプリが開発できる。 Titaniumの特徴は前述のように、HTML/CSS、そしてスクリプト言語としてJavaScript/PHP/Pythonなどを利用でき、既存のテクニックや知識をそのまま流用できる点が特徴となっている。開発可能なアプリケーションはWindowsMac OS X、LinuxといったPCプラットフォームのほか、スマ

    ginpei
    ginpei 2010/09/30
    Win/Macや携帯端末のアプリを開発できる。PHPやPythonも使えるそう。ただしiPhoneアプリの開発にはAppleのSDKが必要。
  • VIM (GVIM) で Zen-Coding する方法とサンプルいくつか - ginpeiのブログ

    Zen-Codingってご存知ですか? ご存知なければ今すぐググるべき。 google:zen-coding 一言で言うと、ショートカット駆使してHTMLを高速に入力する方法、ツールです。 そのZen-Codingのプラグインを、私が愛用しているGVIMに導入する方法と、その後に素晴らしさがよくわかる例をご紹介します。 まずはダウンロード 配布ページからプラグインのファイルzencoding.vimをダウンロードしてきてください。内容はただのテキストファイルです。 http://www.vim.org/scripts/script.php?script_id=2981 ページの一番下です。 zendocing.vimの設置 ダウンロードしてきたファイルを以下の場所に設置してください。 <gvim.exeのあるディレクトリ>/runtime/plugin GVIMを再起動 既に起動中であれば

    VIM (GVIM) で Zen-Coding する方法とサンプルいくつか - ginpeiのブログ
    ginpei
    ginpei 2010/09/05
    噂のZen-Codingをvimに導入する方法と使用例 → html:4s>(head>title{Zen-Coding})+body>h1{Zen-Coding}+p#comment$.comment{まじパネェっす。}*5+p>a[href=http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html]{Aptanaに導入するならこちら!}
  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
    ginpei
    ginpei 2010/06/11
    ジェネレーションギャップだなあ。どうやったらこういうところまで気を配れるようになるだろうか。
  • Opera Unite サービスの作り方 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Opera 10 ベータ版に搭載された画期的な新機能、 Opera Unite はもう試されたでしょうか。 JavaScript で組んだ Web アプリケーションをブラウザ内蔵の Web サーバーで動作させ、それに独自ドメイン(operaunite.com のサブドメイン)を割り当ててインターネットに公開するという、まったく新しい Web アプリケーションの形を

    ginpei
    ginpei 2010/02/03
    Opera 10 βで、簡易WWWサーバー機能+ウェブアプリフレームワークが付いたらしい。面白そう?
  • ブラウザを選ばずWebテストを自動化するSelenium

    Selenium RCで自動テストを実行するには 作成したテストスィートやテストケースをSelenium IDEで読み込めば、作成したテストを実行できます。しかし、Selenium IDEは、Firefoxのプラグインなので、この方法ではFirefox上でしかテストできません。そこで、Firefox以外のWebブラウザでテストするには、Selenium RCを利用します。 またSelenium RCを利用すると、人手を介さずにテストを実行し、テストの実行結果をファイルに出力できるため、継続的インテグレーション(CI)でも利用できます。 それでは、Selenium RCを利用して、Selenium IDEで作成したテストを実行してみましょう。 Selenium RCのインストール Selenium RCはJavaアプリケーションとして動作するので、あらかじめJRE(Javaの実行環境。バージ

    ブラウザを選ばずWebテストを自動化するSelenium
  • Shibu's Diary: 「ソースコードをきれいに書く唯一の方法」は4つある

    渋日記@shibu.jp 渋川よしきの日記です。ソフトウェア開発とか、ライフハックを中心に記事を書いていきます。 taken by Manuel_Marin なんとなく書いたら、アクセス数が10000件超えたソースコードをきれいに書くための方法の記事。r-westさんの「きれいなソースコードを書くために必要な、たったひとつの単純な事」と、uwiさんの「誰がためのきれいさ?」と、フォローのトラックバックまで頂きました。僕のも含めてそれぞれスタンスが違いますが、どれが正しいとか、どれが一番いいかというのはないと思っています。人によってどっちがいいかは別れるはずです。人によっていちばん苦労がなくて、モチベーションがあがる方法がそれぞれの人にとっての正解である、というのが僕の考えです。 モチベーションマネージメントというのがよく言われるけど、「モチベーションを上げろ」と言われて上がる人なんていませ

  • オブジェクト指向プログラムでgetter/setterメソッドを使わなければならない10の理由

    オブジェクト指向プログラムで getter/setterメソッドを使わなければならない 10の理由 福盛 秀雄 fukumori at m.ieice.org JavaC++などのオブジェクト指向言語でプログラムを書いているときに、単純なメンバ変数を参照したり操作するために anObject.getX() [以後これをgetterメソッドと呼ぶ] とか anotherObject.setY(y) [以後これをsetterメソッドと呼ぶ] と書くのはなぜだろうと思ったことはないだろうか? int型の変数ひとつを操作するのになぜわざわざメソッドを定義するのだろう? 単純に代入を使えばいいじゃないか? この文章はそんなあなた(かつての僕も含む)が、getter/setterメソッドを使うべきである理由についてまとめたものである。 ということで早速論へ。 1. クラス内部のデータ表現を変えた場

    ginpei
    ginpei 2009/07/15
    「妥当性検証ができる」「I/O部分で処理を拾える」の二点が特に重要かなーと思ってる。
  • はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記

    はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr

    はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
    ginpei
    ginpei 2009/06/22
    はてブのスクリプトを勝手に2倍に高速化、すげー。デバッグ手法が参考になる。あとCocProxyてすごい。
  • システム開発/命名法 - BugbearR's Wiki

    ginpei
    ginpei 2009/06/22
    変数や関数の命名規則について。
  • システム開発に欠かせない契約の基礎知識まとめ - GoTheDistance

    先日識者の方に色々教わったのでメモっておきます。知ってそうで知らない、元々よくわからない、そういう方に向けてまとめてみました。 僕がSIにいた頃は大抵「基契約」と「個別覚書」ってのがありました。納期とかお金とかそういうのは個別覚書に書かれたりしていました。 開発の契約体系 「仕様策定〜開発まで」と「保守運用」で別契約にすることが多い。 「仕様策定フェーズ」で1つの契約にして、別に新しく契約を締結しなおせるほうが望ましい。リスクが低減できる。 仕様策定までは準委任、開発は請負、保守運用は準委任という契約が多い。 ちなみに準委任は「事務作業の代行」という意味合い。委任は「法的効力がある作業」の代行。サムライビジネスは後者が多い。 別に運用が事務作業とイコールじゃないけど、成果を問わないタイプの契約の場合は役務提供という位置づけになる。 かといって契約で「僕らのコンサル案を僕らが実施し成果が出

    システム開発に欠かせない契約の基礎知識まとめ - GoTheDistance
  • Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法

    Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ

  • 第3回 Command Line APIとその活用、各タブからのデバッグ方法 | gihyo.jp

    さて、前回はConsole APIの解説とそれを利用してのデバッグについて簡単な解説を行いました。 今回は、Firebugに実装されているもう1つのAPIである、Command Line APIや、各タブの機能を利用してのデバッグ方法について解説をしていきたいと思います。 Command Line API Command Line APIはFirebugのConsoleタブから利用することができます。ただし、グローバルですでに利用されている名前については利用できません。例えばPrototypeやjQueryが利用されているページのConsoleでは$()関数はそれらのライブラリのものが実行されます。 利用できるAPIは以下の通りです。 $(id) IDを渡すと、そのID属性のHTML要素を返します。 $$(selector) CSSセレクタを渡すと、該当するHTMLの要素を配列で返します。

    第3回 Command Line APIとその活用、各タブからのデバッグ方法 | gihyo.jp
    ginpei
    ginpei 2009/05/19
    Firebugの便利機能いろいろ。ずいぶんあるもんだなあ。今まで知らなかったのがもったいない。
  • Firebug の monitorEvents unmonitorEvents がバグってる件とそのバグ修正方法 - IT戦記

    以下のエントリーを見て FirebugのmonitorEventsが動かない - Enjoy*Study で、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とは Firebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあがってきた全てのイベントをモニタリングできる >>> monitorEvents(document.body, 'click') と打ち込むと document.body にあがってきたクリックイベントをモニタリングできる >>> monitorEvents($('target')) もちろん document.body 以外もできる そんな機能 たしかに、現在の Firebug 1系 ではこれがバグっててまったく機能してない! なんで今まで気がつかなかったんだ

    Firebug の monitorEvents unmonitorEvents がバグってる件とそのバグ修正方法 - IT戦記
    ginpei
    ginpei 2009/05/19
    こんな便利機能があったのかあ!手元の1.3.3では動かない。ここに書いてある通りにすれば動くかな。
  • 7go.biz - このウェブサイトは販売用です! - 翻訳 一括 エンジン 無料 マニュアル 姓名判断 ダイエット 診断 リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ginpei
    ginpei 2009/05/19
    Firebugのconsoleオブジェクトのメソッド一覧。こいつは便利だ!
  • Main Page - Drip IE Leak Detector

    IE Memory Leaks OutOfHanwell.com took the initiative to host Drip (a memory leak detector for Internet Explorer) after it was no longer available through Joel Webber's blog and has made some revisions to the tool under its BSD license. If you wish to contribute or if you have specific thoughts or suggestions regarding the Drip tool, please visit the SourceForge project page. Download The latest

  • [JS]MicrosoftからJavaScriptのメモリリーク検出ツール

    MicrosoftのヨーロッパチームからJavaScriptのメモリリークを検出するツール「JavaScript Memory Leak Detector」のベータ版がリリースしました。 JavaScript Memory Leak Detector JavaScript Memory Leak Detectorは、Windows+IE専用のツールで、ダウンロード・インストールは以下の手順になります。 下記の「download link」からファイルをダウンロード。 Installation ファイルを解凍して、「JSLeaksDetector.msi」をダブルクリックして、インストール。 インストール時は、IEは終了しておく。 インストールが完了したら、IEを起動。 IE7の設定方法 [表示] - [エクスプローラ バー」 -[js memory leak detector]をチェック。

  • #05 ブラウザのバッドノウハウ コンテンツ編 | gihyo.jp

    ソフトウェアなどを使いこなすために、ストレスを感じながらもしぶしぶ覚えなければならないようなノウハウ、「⁠バッドノウハウ」がテーマの連載、第5回の今回はブラウザのBKを、コンテンツの扱いに関連するものに絞って取り上げたいと思います。 IEのContent sniffing 通常、ブラウザはHTTPのレスポンスのContent-Typeヘッダに応じて、コンテンツをどのように処理するか決めますが、Internet Explorer 7(IE7)はこのヘッダを無視するときがあります[1]⁠。 たとえば、リスト1のようなファイルをtest.txtという名前でWebサーバに置いて、IE7からアクセスすると、サーバからContent-Type:text/plain(ただのテキストファイル)として送られてきているにもかかわらず、HTMLとして解釈されてしまいます(図1⁠)⁠。 リスト1 test.tx

    #05 ブラウザのバッドノウハウ コンテンツ編 | gihyo.jp
    ginpei
    ginpei 2009/04/23
    Content-Dispositionでコンテンツをダウンロードさせるとき、日本語ファイル名の指定の仕方について。結局UA見て処理を振り分けるしかないみたい。ヾ(゚Д゚#)シ ギャー
  • ブール値を返すメンバー関数の命名規則

    関数の名前の付け方は人それぞれですが、使う単語が同じなら、関数の名前はほぼ同じものになると思います。例えば、サイズをセットする関数の名前を、「set」と「size」という単語を使って考えると、ほぼ全員が「SetSize」と答えるでしょう。「SizeSet」「SizeToSet」「SizeSetted」「SettingSize」といった名前を考える人は、ほとんどいないと思います。 ところが、真か偽かのブール値を返す関数の名前は、混乱することが多いようです。 ここでは、Java言語で採用されている命名規則と、その解釈の仕方を紹介します。 関数名が混乱する例 ブール値を返す関数では、「Is○○」という名前を良く見かけます。例えば、中身が空っぽかどうか、の判定をする関数には、IsEmptyという名前が良く使われます。MFCのCStringクラスや、JavaのListインターフェースなどにも、IsE

    ginpei
    ginpei 2009/04/22
    「存在するか」を返す関数は、"This function returns true if it exists the data."だから、「exists」という名前にしておくとわかりやすい、という話。腑に落ちた感じ。
  • Google App Engine - Google Code

    スタート ガイド App Engine アカウントにログインします。 App Engine SDK をダウンロードします。 スタート ガイドを参照します。 アプリケーション ギャラリーのサンプル アプリケーションをご覧ください。

  • JsDoc Toolkit メモ

    JsDoc ToolkitJavaScriptソースに記述されたJavaDoc風なDOCコメントを収集しHTML化するツールである(perlで記述されているJsDocとは別物であることに注意;こちらはRhinoで記述され、必然的にJavaにもアクセスしている。Rhinoなのでこれ自体があらかたJavaScriptで記述されており、ソース自体の解読もより容易である)。 DOCコメント DOCコメントは「/**」で始まり「*/」で終わる;途中の行頭の「*」および空白系文字は無視される。DOCコメントは最初の行の説明文(省略可)と以降1つ又は複数続く、「@」で始まる「タグ」、とで構成され(各ブロックは次のタグまで又はDOCコメント末尾まで、途中の連続する空白系文字は空白1字にまとめられ、またHTMLタグの記述も可)、JsDoc Toolkitはこれらを回収分類しHTML化関数(テンプレートとも