タグ

2011年2月24日のブックマーク (29件)

  • 依存関係解消の非同期ロードと欠落の可能性&UI部品の遅延ロードについて | TwitScratch

    LAB.js の依存性を解決して非同期読み込みって、uupaa.js の ver 0.5 とかその辺で実装してた機能なんだけど、「これでは解決できない問題がある」って捨てた機能ですね。たしか、サーバAがだめならサーバBからDOWNLOADを試すとかそんな機能も付けてたはず

  • Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog

    はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「機能」と呼びます。 百聞は一見にしかずです。機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ

    Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
  • iPhoneやAndroid向けのJavaScriptフレームワーク・Wink Toolkitが割と良かったので日本語サンプル作った - かちびと.net

    iPhoneAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので(完全ではないけど)日語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜

  • 2011年02月24日 「さくらのVPS」上位プラン追加のお知らせ |さくらインターネット

    2011年2月24日 お客様各位 さくらインターネット株式会社 平素よりさくらインターネットに格別のご愛顧を賜り、誠にありがとうござ います。 弊社では、「さくらのVPS」に4種類の上位プランを追加し、2011年3月9日(水) より提供を開始いたします。 これまで「さくらのVPS」は、メモリ512MB、ディスク容量20GBの1プランのみ の展開でしたが、上位プランを4プラン追加し、合計5プランのサービスライン アップとなります。お客様の「もっとメモリを使いたい」「ディスク容量が大 きいプランがほしい」といったご要望にお応えするため、新たにハイスペック なプランの追加を行います。 さくらインターネットでは、今後もよりよいサービスをお客様に提供できる よう精一杯努めてまいります。引き続き変わらぬご愛顧を賜りますようお願い 申し上げます。 <記>          

    aki77
    aki77 2011/02/24
  • Converting rewrite rules

    People who during their shared hosting life used to configure everything using only Apache’s .htaccess files, usually translate the following rules: RewriteCond %{HTTP_HOST} example.org RewriteRule (.*) http://www.example.org$1 to something like this: server { listen 80; server_name www.example.org example.org; if ($http_host = example.org) { rewrite (.*) http://www.example.org$1; } ... } This is

  • TechCrunch | Startup and Technology News

    Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. In…

    TechCrunch | Startup and Technology News
  • Amazon画像は謎のカスタマイズができる件 - はぁはぁブログ

    Amazonはぁはぁ。 あの、わたしのあたまがわるすぎて、はじめにこれを読んだときは 「え、どゆこと?」ってまったく意味がわからなかったんですけど amazonドメイン内にamazonさん画像を置くテクニックをあみ出した。 画像URLに特殊な文字列を追加することでamazonさんを作成する。[NS] amazonさんの作り方2011 - amazon画像で遊ぼう - じっくり読んでみたらわかったんです。 つまりこれは 『Amazonの商品画像はURLをいじるだけで カスタマイズできてWebに即公開される』ということみたい。 忙しい人のために三行で説明すると 『Amazon画像のURLに文字列をつける →画像を回転させたり文字をつけられる →URLを打ちこむだけでWeb上に画像が生成される』 え、どゆこと?(CV:はまちちゃん) やってみました なんとなく意味はわかったものの、なんだかまだよ

  • さくらVPS上位プラン追加! 田中社長に狙いを聞いた - @IT

    2011/02/24 さくらインターネットは2月24日、「さくらのVPS」の上位プランを3月9日から提供すると発表した。2010年9月から提供してきた従来のサービスも含めて、新メニューは以下の通り。 順調な滑り出だしの理由は、「手元にサーバがあるかのように使えるVPSが、実は(日国内には)なかったということなんじゃないかと思います」と分析している。さくらのVPSは、当初からWebブラウザだけでシリアルコンソールが使える独自の機能を実装していて、リモートであることを感じさせない使い勝手を実現している。OSの再インストールなども、“自宅サーバ”に近い感覚で自由にできる。 さくらインターネットは、当初から技術志向の強いユーザーをターゲットとしていて、技術面、価格面で優位だった海外VPSを積極的に利用している層の取り込みを意識していた。この狙いは一定の成果を上げているようだ。 「申し込み画面の

  • yasnippet や emacs lisp の小ネタなど - 技術日記@kiwanami

    yasnippet は定型コードなどを素早く展開することが出来る汎用テンプレートフレームワークです。 yasnippet - Project Hosting on Google Code 普通の使い方 yasnippetのドキュメントは家のページに良くまとまっています。elisp書ける人は全部読むとかなりsnippet力が上がると思いますので、ぜひ読んでみたらいいと思います。 http://yasnippet-doc-jp.googlecode.com/svn/trunk/doc-jp/index.html (2011/09/15 追記) あと、以下のページでもみんなテンション高くなってます。(もう3年くらい前の祭りですが。。。) yasnippetがすごい!!!!1112345! - Kentaro Kuribayashi's blog yasnippet.elをインストールしてみた

    yasnippet や emacs lisp の小ネタなど - 技術日記@kiwanami
  • 【インフォシーク】Infoseek : 楽天が運営するポータルサイト

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

  • Pull Out Content Panel with jQuery | Codrops

    In this tutorial we will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded […] In this tutorial we will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll t

    Pull Out Content Panel with jQuery | Codrops
    aki77
    aki77 2011/02/24
    パネル表示
  • 「ホームページを作る人のネタ帳」さんのリデザインをしました

    2013年3月23日 Webサイト制作, Webデザイン Webデザインには大きく分けて2種類あります。新規作成と、既存のサイトのリデザインです。今回「ホームページを作る人のネタ帳」さんのリデザインをお手伝いさせて頂きました!リデザインにあたり、改善点やリデザインの流れをケーススタディーとして公開してみようと思います。 ↑私が10年以上利用している会計ソフト! 打ち合わせ リデザインにあたり、まずは入念な打ち合わせをします。Yamadaさんからの要望は、 とにかく読みやすく、スッキリと 差し色にピンクを使いたい jQueryを使った何か仕掛けが欲しい の三点。文章主体であるこちらのブログでは読みやすさが命。スッキリとしたデザインを第一にしてほしいとのこと。また、「ユーザーに数秒でもいいので楽しんでもらいたい」という思いから、何か仕掛けを、と依頼されました。Yamadaさんらしい遊び心ですね

    「ホームページを作る人のネタ帳」さんのリデザインをしました
  • Redirecting

    Redirecting... Click here if you are not redirected.

    aki77
    aki77 2011/02/24
    『特定の要素までスクロールしたらある関数を実行する、という処理ができるjQueryプラグイン』
  • Parsing XML with namespaces using jQuery $().find

    I'm trying to get the contents of a XML document element, but the element has a colon in it's name. This line works for every element but the ones with a colon in the name: $(this).find("geo:lat").text(); I assume that the colon needs escaping. How do I fix this?

    Parsing XML with namespaces using jQuery $().find
    aki77
    aki77 2011/02/24
    $(this).find("geo\\:lat").text(); namespace
  • Zend Framework: Documentation

    Zend_Json には、XML 形式のデータを JSON 形式に変換するための便利なメソッドがあります。 この機能は IBM developerWorks の記事 に触発されて追加したものです。 Zend_Json には、静的関数 Zend_Json::fromXml() が搭載されています。この関数は、XML を受け取って JSON を作成します。 入力パラメータには、任意の XML 文字列を渡すことができます。 また、オプションのパラメータで論理値を渡し、 変換処理中に XML の属性を無視するかどうかを指定することができます。 このパラメータを省略した場合のデフォルトの挙動は、 XML の属性を無視します。この関数の使用法は、以下のようになります。 // fromXml 関数の入力には、XML を含む文字列を渡します $jsonContents = Zend_Json::fromX

    aki77
    aki77 2011/02/24
    Zend_Json::fromXml()
  • 要素が document につながっているかを高速に調べる方法 - IT戦記

    とある要素が document につながっているかどうかを調べたい! とりあえず、ほとんどすべてのブラウザで出来る方法としては、 parentNode で確認することができますね。 function isElementInDocument(node) { do { if (node === document) { return true; } } while (node = node.parentNode) return false; } でも 前の例だとちょっと遅いので contains や、 compareDocumentPosition を使うといいです! コードにすると以下のような感じ function isElementInDocument(node) { if (document === node) { return true } else if (document.compa

    要素が document につながっているかを高速に調べる方法 - IT戦記
    aki77
    aki77 2011/02/24
    jQuery.contains で使われている方法
  • jQuery内部のエラー処理について | バシャログ。

    週末にソーシャル・ネットワークを観てきました。全編にわたって早口で物語が展開し、前提知識なしで観たので、途中まで起きていることがつかめませんでした。あらすじは調べてから行かれることをオススメします。個人的にところどころに挟んでくる技術トーク(Emacs使いなところや、講義シーンで出るコンピュータの歴史など)が筋とは関係ない見所です。 今日もjQuery内部の話をちょっとします。最近、jQuery1.2.xを使っているWebページでjQueryのバージョンを最新にしたら動かなくなることがありました。 調査してみたところ、セレクタの記述が間違っていたが、動作していたこと、(憶測になりますが)1.3でセレクタエンジンSizzleが導入され、挙動が変化したこと、jQueryのエラー処理に変更があったことで不具合が起きてしまったようです。 1.4.1からのエラー処理 jQuery1.4.1から j

    jQuery内部のエラー処理について | バシャログ。
    aki77
    aki77 2011/02/24
    例外
  • Google AJAX Feed API入門

    他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント

  • Google Feed API - Google Code

    How do I start? Sign up for a API key Read the developer documentation Play with the API in the Code Playground The Google Feed API with Push is a JavaScript library that allows you to embed Google Feeds with feed updates pushed automatically to the user's browser. The Google Feed API with Push works best with feeds enabled for PubSubHubbub. To work with PubSubHubbub, the feed URL needs to declare

  • Stoyan Stefanov「CSS/JSを先読しつつJSは実行させないでおく」 - 以下斜め読んだ内容

    phpid.com2010.4.21のエントリ Preload CSS/JavaScript without execution / Stoyan's phpied.com プリロード系テクニックの最新版? JSの高速ローディングをさらに細かくコントロールする、という趣旨 jsをロードしたい、キャッシュに保存したい。でも実行は遅延させて好きなタイミングで実行したい。これを実装 辿りついたテクニックはシンプル IE向けにはImageオブジェクト生成、それ以外はobject要素生成 実行させたいときにオンザフライでscript要素を生成しDOMツリー追加 以下斜め読んだ内容 プリロードテクニックは色々あり前に調べた script/link要素生成、iframe生成、XMLHttpRequest 前調べたやり方は、iframeのロードや、プリロードされたcss/jsのパース/実行など、コストあり

    Stoyan Stefanov「CSS/JSを先読しつつJSは実行させないでおく」 - 以下斜め読んだ内容
    aki77
    aki77 2011/02/24
    『JSはプリロードしたいけど実行は後にしたいというのがちょっとハードル上がってる, 結論としては、IE向けにはImageオブジェクト生成、それ以外はobject要素生成というシンプルなもの』
  • iPhoneをユーザーエージェントにしてGoogleのモバイルクローラーがアクセスしていた証拠

    モバイル向けサイトを運用しているときの、Googleに対するコンテンツの提供方法のベストプラクティスを昨日のエントリで紹介しました。 公式ブログの説明では、Googleは現状ではスマートフォンをデスクトップマシンと同じように扱い、スマートフォンをGooglebot-Mobileのユーザーエージェントで使用することはないとのことでした。 しかし、サーバーログにiPhoneを名乗るUAが記録されていることをGoogleの公式ヘルプフォーラムで伝えたところ、テストとして実行していた可能性があるとGoogle社員のJohn Mueller(ジョン・ミューラー)氏から回答が返ってきました。 この件について、読者のjavaさんがGooglebot-MobileがiPhoneをUAに使っている完全なログをコメントで書き込んでくれました(ありがとうございます)。 66.249.71.136 – - [09

    iPhoneをユーザーエージェントにしてGoogleのモバイルクローラーがアクセスしていた証拠
  • WordPressのcapital_P_dangit()とは何か - komagataのブログ

    ちょっと頭の片隅においておくといいかもしれないWordPress関連の2つの論争 « Waviaei WordPress3.0がリリースされましたが、このバージョンからcapital_P_dangit()という関数がコアの中に付け加えられました。このコードが何をするかと言うと、記事のタイトル(the_title)、記事の文(the_content)、そしてコメントの文(comment_text)に、間違ったスペルのWordPressが書かれていると、それを自動的に正しいスペルに修正する、というものです。(厳密にいうと、DBには間違ったまま保存され、記事として動的に出力される時に正しいスペルで表示するようfilterがかかります。) Oh my god! oh my god... 特定の単語のスペルミスを直すためだけの関数がコアに入るとは・・・。 もし僕がやるならWordPressのビジ

  • IIJ GIOインフラストラクチャーP2 - IIJ

    パブリックとプライベートを 自由に組み合わせ IIJ GIOインフラストラクチャーP2 (以下、IIJ GIO P2)では、 サーバもストレージも自在に組み合わせが可能。 システムの特性や用途に合わせて、 豊富なラインアップから選択できます。

    IIJ GIOインフラストラクチャーP2 - IIJ
  • 「解決済み」を検索ワードに含めると、トラブルシューティングに役立つ情報がゲットしやすいようです | ライフハッカー・ジャパン

    バグやエラーの修正など、アナタがいま直面しているソフトウェアにまつわるトラブルは、他の誰かにとってもトラブルのはず。往々にして、このようなトラブルは既に解決され、その方法がインターネット上に出回っていることも少なくありません。しかし、検索してもなかなか目当ての情報がゲットできない...。そのようなときは、「解決済み(SOLVED)」を検索ワードに加えてみましょう。 米Lifehacker読者のprotikiさんが、トラブルや問題の解決策を検索する際、「解決済み(SOLVED)」をキーワードに含める、というシンプルな検索ハックを紹介しています。 電子掲示板のスレッドやブログ投稿では、解決した課題やトラブルについて、題名に「解決済み(SOLVED)」というワードを追加しているケースが多いので、これも、検索ワードのひとつに加えて検索すれば、望みの「答え」が見つかる可能性が高くなるというわけです。

    「解決済み」を検索ワードに含めると、トラブルシューティングに役立つ情報がゲットしやすいようです | ライフハッカー・ジャパン
  • Emacsのwidgetについて思ったこと - 技術日記@kiwanami

    id-manager.el にて Emacs の widget を使ってみました。その感想などです。 widgetとは widgetはEmacs上でダイアログのようなUIを作るライブラリです。CustomizeなどのUIがこれで出来ています。 最近のEmacs(少なくともEmacs23)には標準で入っています。 widgetの例(Infoのサンプル) どこが良いか 複数の入力項目をユーザーに要求するような場合、widgetを使うことで非常に分かりやすいUIになることが多いです。 grepのUIで具体的に比べてみます。lgrepとezgrepという、Emacsからgrepするプログラムがあります。 参考 lgrep Emacsの検索機能を使いこなす(菅原泰樹) — ありえるえりあ ezgrep http://www.geocities.jp/km_pp1/ezgrep/html/ezgrep

    Emacsのwidgetについて思ったこと - 技術日記@kiwanami
    aki77
    aki77 2011/02/24
  • パスワード管理ツール id-manager.el 更新 - 技術日記@kiwanami

    id-manager.elを更新しました。あと、ちゃんと紹介記事を書いてなかったのでまじめに書きました。 以前の記事:2009/09/14 id-manager.el 何か 世の中にあふれるIDとパスワードを管理するものです。 例によって類似品がたくさんあります。有名なものを列挙すると以下のような感じでしょうか。 パスワード管理ソフト ID Manager フリー。Windows上の定番? パスワード管理、デジタルウォレット、パスワード生成 | ロボフォーム 商用。メーカー製PCにプリインストールされていることがある GNOME Keyring GNOMEの標準鍵管理ツール 家:Projects/GnomeKeyring - GNOME Wiki! 参考:gnome-keyring を利用してコマンドライン上のパスワードを置換する - daily dayflower その他 最強のパスワ

    パスワード管理ツール id-manager.el 更新 - 技術日記@kiwanami
    aki77
    aki77 2011/02/24
  • [日記] PHPer.jpの言い訳 - 高原芳浩のKeep-Alive

    昨日、誰も見ていない@phper_jpのアカウントのつもりで間違えて自分の@tumfアカウントでtweetしてしまったお陰で急遽未熟児状態のPHPer.jpというサイトをリリースすることになりました。何卒よろしくお願いします。色々至らぬところがありますが、ご容赦下さい。以下言い訳。 デザインが・・・とかもともとウェブサイト作る気はなく、ブログに書いてコマンドラインだけですまそうと思っていましたので後手後手になった結果です。PHPer.jpのデザインについてPHPのサイトなのになんでRubyなの?開発は私一人だったため取りあえず最大効率出せる言語で書きました。 運営者だれ?そこら辺もまだ明確に決まっていません、そもそもビジネス化スキームが出来ていないためこれから周囲の人と相談して決めたいと思います。 HerokuそっくりCLIとか仕組みとかは真似させてもらいました。そもそも私自身Heroku

    aki77
    aki77 2011/02/24
  • udr.me - このウェブサイトは販売用です! - Udr リソースおよび情報

    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.

    aki77
    aki77 2011/02/24
  • history.pushStateでページ遷移するjQueryプラグイン書いた - Webtech Walker

    history.pushStateでのページ遷移をやりやすくするためにjQueryのプラグインとしてjquery.smarthistory.jsというのを書いてみました。 jquery.smarthistory.js history.pushStateをサポートしてるブラウザではhistory.pushStateを使って、サポートしてないブラウザでは何もしません(普通に遷移する)。今だとchrome、safari、iOS、Firefox4で動くと思います。 こんな感じで使います。 $('a').smarthistory({ defaultData: $('html').html(), target: function() { return $(this).attr('href') }, before: function() { // ajax前の処理 }, change: function

    history.pushStateでページ遷移するjQueryプラグイン書いた - Webtech Walker