all images copyright michael wolf
all images copyright michael wolf
前の記事 NASAのソーラーセイル衛星、帆の展開に成功(動画) 「ネット海賊」の実態調査 次の記事 英国製のクールなハンドセット『モシモシ04』 2011年1月28日 ITデザイン コメント: トラックバック (0) フィードITデザイン Michael S. Lasky 英Native Union社のハンドセット『Moshi Moshi 04』でまず気がつくのは、エーロ・サーリネン風の1960年代のスタイリングだ。ハニカム模様のアルミニウムと耐衝撃性プラスチックの塊が魅力的なので、機能は二の次に思えてくる。 しかしMoshi Moshi 04は、デザインだけでなく機能も印象的だ。電話をかける受話器、電話会議ができるスピーカーフォン、そして持ち運びできるステレオスピーカ−と、1台で3役を兼ねているのだ。 Moshi Moshiとは日本で電話をかける時に使う挨拶だ。Native Union社
チューブアンプを模倣したアンプシュレータアプリ、Guitar Ampをご紹介いたします。 SansAmpのように、歪み具合に応じて3種類のモードがあります。またキャビも3種類用意されています。 iTunesの紹介文に、リアルにチューブアンプを模倣したと3回ぐらい書いてあるだけあって、たしかに太い音がします。イコライザがBassとTrebleしかなく、音色を細かくカスタマイズすることはできませんが、不満は特に感じませんでした。見た目がコンパクトエフェクターっぽいのもなんだかそそられますね。 さっそく紹介に入ります。 iRig をチェック! IK Multimedia iRig IPIRIGPLGIN
ビデオカメラ用のコンバージョンレンズがそのまま使える! iPhoneを本格的なコンデジに変身させるジャケット2011.01.28 22:30 もともと写りはいいしね、iPhoneさんてば。 グリップあり、三脚穴あり、レンズ交換もできちゃうハードジャケット「Turtleback TurtleJacket for iPhone 4」がTurtlebackから販売されます。ストラップをつければ首からぶら下げることもできちゃいますよ。 注目は37mmのねじ込み式レンズマウント。つまり家庭向けビデオカメラ用のコンバージョンレンズがそのまま使えちゃいます。ヤフオクで買いあさらなきゃ! ジャケット本体の価格は勢いをつけないと買えないかもな1万6800円。でもiPhoneで本格的な写真&動画撮影をしたいのなら要チェックですよ。 Turtleback TurtleJacket for iPhone 4[FO
By clicking on subscribe, you agree to the Terms and Conditions. The information collected will be processed by CFG for the purposes of customer relationship management.Learn more. The information collected will be processed by CFG for the purposes of customer relationship management, in particular to provide you with offers about our products and services. The data are kept for no longer than is
簡単にできて面白いトランプゲームといったらブラックレディーというのが、たぶん、グローバルスタンダード。Windowsにも「ハーツ」という名前でおまけになっている。 ブラックレディーは国際的には有名だが、その割に日本ではあまり見かけないような気がする。以前、小中学生に聞いたら知らないと言っていた。ブラックレディー以外にハーツまたはハートという呼び名もあるし、名前が違っても同じゲームということもあるので、これこれというゲームなんだがと補足しても、知らないとのこと。じゃ、トランプで何やってんのと聞くと、大富豪らしい。僕らの世代で大貧民と言ってあれか。あれは、やれば面白いのだけど、フォローが気持ち悪いんだよな。ルールもローカル多すぎて。ちなみにiPhoneアプリの「大富豪しよっ!!」をみると各種のローカルルールがオプションで選べるので感動した(キャラに感動したわけではないよ)。 ブラックレディーと
Earlier today, I updated the CSS Tools: Reset CSS page to list the final version of Reset v2.0, as well as updated the reset.css file in that directory to be v2.0. (I wonder how many hotlinkers that will surprise.) In other words, it’s been shipped. Any subsequent changes will trigger version number changes. There is one small change I made between 2.0b2 and 2.0 final, which is the replacement
「お前のIPアドレスから住所を特定した」というような冗談めいたフレーズを本当に現実化してしまっているのがこのフリーソフト「IP Locator」です。 このソフトはMaxMindが提供するIPアドレスのデータベース「GeoLite City」を参照して、IPアドレスから国・都市・緯度・経度などを取得して住所を特定し、Googleマップを使って表示してくれるという機能を持っています。 というわけで、IP Locatorのインストール方法と実際に使ってみた様子は以下から。Download | TCPmonitor Freeware Utilities 上記ページの「IP Locator」をクリック。ページが移動しますが、自動でダウンロードが開始されます。 ダウンロードしたインストーラーを起動 日本語になっているのを確認して「OK」をクリック 「次へ」をクリック 「次へ」をクリック 「次へ」をク
BrissはGUIを使ってPDFの一部切り出しを行うソフトウェア。 BrissはJava製、Windows/Mac OSX/Linux用のオープンソース・ソフトウェア。PDFファイルは大抵のプラットフォームで閲覧でき、さらにデザインの崩れもない便利なファイルフォーマットだ。だが加工しづらいのが欠点だ。 切り出し部分を指定している所 ソフトウェアによっては注釈を入れたりメモをつける、ハイライトを行うと言った修正はできる。またページ単位での削除も可能だ。しかしBrissはそれらとは異なる加工が出来る。PDFファイルの特定部分を切り出して新しいPDFを作成するのだ。 Brissを立ち上げた後、PDFファイルを開く。開く際にはページ数を指定することが可能だ。特定のページだけを開けば、それだけ作業がしやすくなる。そして開いたら書き出したい箇所をマウスでドラッグして囲んでいく。一つのページから複数箇所
jquery-frontier-calendar - Project Hosting on Google Code Google Calendar風に使えるカレンダー実装jQueryプラグイン「jquery-frontier-calendar」がGoogle Codeにて公開されています。 広がるカレンダーをクリックで簡単に予定を追加し、次のように表示できます。ラインをクリックすれば予定が分かったり、ラインをドラッグ&ドロップして予定をずらせたりすることが可能。 背景画像を指定したりすることも出来ます。 他にも同様のライブラリはありますが、仕様によって使い分けるとよさそうですね。 関連エントリ これで自前でGoogleカレンダーを持てる!jQuery&PHPで実現されたプログラム GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calend
Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 2011年01月28日- WordPressにソーシャルブックマークボタンを楽々設置:WP Social Bookmarking Light | NINXIT-BLOG Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 インストールして有効にすればすぐさま、次のようなボタンを記事上や記事下に設置できるプラグインです。 管理画面から並びを変えたり、ボタンを追加したりすることが容易にでき、はてぶ・ツイッター・facebookだけ、という感じでチョイス可能。 普通に設置しようと思うと大変ですが、プラ
【How To】消えたデータを取り戻したい、しかも(ほぼ)無料で簡単に!2011.01.28 10:0013,689 福田ミホ うっかりDeleteボタンを押してしまったり、ハードディスクドライブのエラーが起きたり、パソコンを使っているとときどき、データ消失事件が発生します。今回は、そんな事件に対処する方法をご紹介します。 データ復旧ソフトは、アンチウイルスソフトほどメジャーな存在ではありません。アンチウイルスソフトはたいていパソコンにバンドルされていますが、データ復旧ソフトにはあまり関心が払われていないようです。マイクロソフトはアンチスパイウェアとしてWindows Defenderを提供していますが、面白いことにデータ復旧関連には手を出していません。Windowsの回復コンソールがあるにはありますが、あれはWindowsから問題のあるドライブを読み込めなければ役に立ちません。 そんなわ
前回の記事は読んでいただけましたか? トリビア共有なんかよりも、100倍面白いガセビア共有gasevist ガセビア共有サイトgasevistをリリース出来たのも、インフラが安くなったおかげです。 国内ではさくらサーバを初めとして、格安の仮想専用サーバがリリースされています。 そこで、今日は格安の仮想専用サーバについてまとめます。 さくらのVPS まずは国内から。 言わずと知れた、さくらインターネットが手がけるVPSです。 さくらのVPS 最低利用 950円 仮想化ソフトウェア KVM メモリ 512M 選択可能OS CentOS 5.5 (初期インストール) Ubuntu 10.04 FreeBSD 8.1 Debian 5.05 Fedora 13 参考リンク 【レビュー】月額980円、さくらのVPSは使えるか!? さくらVPSで一日6万PVを処理するためにしたこと やは
一口に「電子書籍」といっても、実はそのフォーマット(データ形式)によってさまざまな種類が存在する。そのため、気に入った電子書籍を読む前に、その本がどのフォーマットのものなのか把握して、サポートしている閲覧用ソフト(あるいはハードウェア)を手に入れなければならない。いわば、VHS対ベータ、Blu-ray対HD DVDのような規格争いが電子書籍においても繰り返されており、主流となりそうなフォーマットはどれか、ある程度気に留めておく必要があるのだ。 ユーザーとしては悩ましいところだが、閲覧用端末を数多く売りたいメーカーの思惑、不正コピーは避けたいがより多く流通させたい出版社の本音、場所や時間を気にせず紙同様に楽しみたい消費者の心情、その狭間で落とし所を見つけようという努力の結果が、フォーマットとしての電子書籍だといえる。 電子書籍フォーマットは、いくつかの基準により分類できる。その分類を把握した
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満(
「似たもの夫婦」といった言葉もあるように、性格や価値観、容姿などが似た人々がひかれあい、交際したり結婚したりする傾向があることは知られています。 テキサス大学オースティン校の心理学者たちは、初対面の被験者同士の会話や実際に交際中のカップルの間でのメールやメッセンジャー、チャットなどでの言葉の使い方のパターンを分析し、会話スタイルが似ている人々はお互いに好感を持ちやすく、言葉の使い方が似ているカップルほど交際が長続きすることを明らかにしました。 詳細は以下から。The Language of Young Love: The Ways Couples Talk Can Predict Relationship Success - Association for Psychological Science テキサス大学オースティン校の心理学者James Pennebaker教授らは、「funct
あなたは自分が「グズ」だと思いますか? 「グズ」じゃない方は、「自分に必要な情報ではない」と、この記事のタイトルを見ただけで続きを読むのをやめてしまうでしょう。 私は、現在発売中の『PRESIDENT (プレジデント) 2011年 2/14号』 をとても興味深く読んだ一人です(汗)。 今日は、 グズ時間習慣などについて特集された本誌全体から、グズな人の5つの理由として興味深いものをまとめてみました。 1.グズは足りない時間を捻出しようとする つまり私たちは時間の量ではなく、時間の質を奪われたときに「時間ドロボーに遭った」と感じるわけです。 (中略) 多くの人は忙しくなると、「足りない時間をどうやって捻出するか」といった時間の増減に意識を向けてしまいます。しかし、24時間という枠の中であれこれと考えても、24時間以上に時間が増えることはない。そうではなく、時間の質をいかに高めるかという視点を
日本進出に興味のある海外企業や外国人から質問されることがあるので、まとめてみたいと思います。 僕はウェブデザイナーじゃないので、プロの方から補足や突っ込みがいただければとても嬉しいです。 [更新 2011-02-01] コメント・ツイッター・はてブからの意見を反映させました。 ある程度まとまったら英語にしてAsiajinにも書こうかと思います。 日本向けにウェブサイトを作るときに特別しないといけないことはあるのか? 「メニューの文字をGoogle Translateで全部日本語に置き換えたけど、これでいいかな? 他にすることある?」 – 機械翻訳は使い物にならない 英語-フランス語、とか英語-スペイン語、のノリで機械翻訳を使っても、あなたが想像するレベルの日本語には決してならない # 英語に再機械翻訳してのチェックは必須だが、それでも日本語訳のおかしさが見えてこないケースもある – フォン
このサイトは Perl の公式ドキュメントを日本語翻訳したものを表示するサイトです。翻訳データは、perldocjp project からとってきたものです。 類似のものに perldoc.jp がありますが、それよりもみやすくなるようにがんばってみました。 ドキュメント一覧 概要(overview) perl - Perl の概要 perlrun - perl コマンドの実行とオプションについて チュートリアル perldebtut - デバッグのチュートリアル perlopentut - Perl でいろんなものを開くためのチュートリアル perlpacktut - pack と unpack のチュートリアル perlreftut - Mark によるリファレンスに関するとても短いチュートリアル perlretut - Perl の正規表現のチュートリアル perlt
Amazon EC2を使う前に知っておきたいこと色々。 仕事でEC2を使っているのですが、やって見る前に思い描いていたことと、実際にやってみると相違があったりしました。やる前に知っておくといいことをまとめてみました。 EC2を使う予定の方は参考まで。 それでは早速。 インスタンスの 32bit か 64 bit に注意する EC2では負荷が高くなったらハイスペックなインスタンスに変えればいいというのがありますが、32bitのOSイメージを64bitのインスタンスに入れることは出来ません。 最初はsmallインスタンス(最近ではmicro)から始まると思いますが、32bit でいうとハイスペックなもので High CPU のインスタンスまでになっています。それ以降は64bitなので、そこで環境を作り替えないといけなくなります。 とはいえ64bit環境はLargeからで安いとはいえないので、こ
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編(前編) 2.HTMLとCSSで画像を操る編(後編) スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか? ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait(縦)表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 (まぁ、拡大とは意味が違うので当然なのですが。。。) 具体的にどうい
先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。 https://github.com/snakajima/SNBinder SNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData(JSON)を結合して HTML を生成するテンプレートエンジン」である。 90年の半ばから急速に広まったインターネット。サーバー側でダイナミックに生成したHTMLページをブラウザーで閲覧するだけ、というシンプルでエレガントなアーキテクチャゆえの成功だ。しかし、ブラウザーの高機能化に伴い、JavaScriptを駆使して使いやすさを向上しようという試みが色々なウェブサイトで行われている。GMail、Google Docs、Facebookなどは良い例だ。 その方向性を究極にまで突き詰めると、サーバー側は(MVC
2011年1月現在でもいまだに桃屋の公式オンラインショッピングサイトでは「取扱い休止」となっている「桃屋の辛そうで辛くない少し辛いラー油」。この革新的な商品が登場してからは雨後の竹の子のようにさまざまな瓶詰めの具入りラー油が発売され、その後はファーストフード店やファミレスなどへも飛び火して飲食業界全体を巻き込んだ一大ブームとなりました。 一連の具入りラー油狂騒曲もジワジワと落ち着いた現在、具入りラー油は単なる一過性のブームを乗り越えて日本の食卓における定番メニューの1つに仲間入りしたという感があります。我々も今日まで具入りラー油を追いかけているうち、気がついたら編集部内に11種類もの多彩な具入りラー油が集まっていたので、ここで一気に全部を食べ比べてみることにしました。 全11種類の具入りラー油食べ比べの詳細は以下から。今回食べ比べた具入りラー油は全部で11種類。1つ1つ味が異なり、一口に「
プロモーション活用で注目を集めるFacebookのファンページ。簡単に作れるので、この機会にファンページを開設してみよう!(2011年2月5日にファンページの名称がFacebookページに変更になりました) ビバ Facebook! 世界最大のユーザー数を誇るSNS(ソーシャル・ネットワーク・サービス)の「Facebook」。 2010年夏には「ユーザー数が5億人を突破」というニュースが流れましたが、日本でもユーザー数を伸ばし、約180万人が利用しています。 また1月15日から日本でも、Facebook創業者の自伝映画「ソーシャル・ネットワーク」が公開となり、注目度はさらに高まっています。 Facebookのプロモーション活用術! まずは、Facebookを使ったプロモーション事例をいくつか紹介しましょう。 ■ FacebookのAPIを活用 外部サイトとFacebookの情報を結び付けて
ソフトウェア設計とは何か? (原文: What Is Software Design?) by Jack W. Reeves (c)C++ Journal - 1992 訳者まえがき この文書は,Jack W. Reeves 氏が1992年に C++ Journal に寄稿した記事の邦訳です。 本記事では,オブジェクト指向プログラミング言語の代表として C++ を挙げていますが,これは本記事が執筆された当時,一般的に利用可能なオブジェクト指向言語は C++ だけであったという事情があるためです。 今では C++ に加えて Java,Delphi,C# といったオブジェクト指向言語が利用可能となっていますが,そんな今でさえこの記事は古さを感じないものとなっており,ソフトウェア開発の本質,現状を鋭くえぐるものとなっています。 邦訳の公開を許諾していただいた Jack W. Reeves 氏に,
はじめに 本稿では、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するツール「jsonengine」について紹介します。 対象読者 Google App Engineに興味はあるが経験のない方。JavaScriptやActionScriptによるクライアント開発、またはiPhoneやAndroidによるスマートフォン開発の経験のある方。JavaやPythonの開発経験は不要です。 必要な環境 最低動作環境は次のとおりです。 Java SE 5 jsonengineって何? 「jsonengine」は、JavaやPythonによるサーバー側コーディングを一切必要とせずにGoogle App Engineによる開発を実現するオープンソースのツールです。このツールは、昨年開催された「Mashup Awards 6」において「
スマートフォンにてソーシャルゲームを作ろうとすると、HTML5を中心にブラウザで動作するもの、もしくはネイティブアプリでの提供ということになります。モバゲータウンやグリーはその両方をサポートしています。ネイティブアプリの作り方は既に文献も多数なのですが、HTML5となるとまだ十分とは言えません。この資料は必見です。 「HTML5@iPhoneゲーム開発」はディー・エヌ・エーのスマートフォン開発グループの岸弘倫氏が「DeNA Technology Seminar #3」での講演用に作成したものになります。同社では北米のMiniNation向けにiPhone『Pirate Nation』(海賊トレジャー)をHTML、CSS、JavaScriptで開発して提供していて、そのノウハウを凝縮したものです。 『Pirate Nation』は冒頭の括りで分けるとブラウザで動作するアプリということにな
Taranfx.com - Your Gateway to Technology, Redefined. ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されている。 そうした情報のひとつにTaranfxで公開されているHow to Crash Internet Explorer IE6, IE7, IE8, IE9がある。IE6、IE7、IE8、IE9をクラッシュさせたりフリーズさせることができるコードを紹介するという内容になっている。記事の目的はIEがクラッシュするコードを使ってほかのブラウザへユーザの目を向けさせようというもの。同様の取り組みはすで
2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね! ↑私が10年以上利用している会計ソフト! 追記:リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても!Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用+IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview(「Internet Explorer 9 Platform Preview」)」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、
YahooがGoogleの検索エンジンを採用したことで、SEOの観点からやるべき事が軽減されたと思いますが、それでもサイトを作ったらやるべき事がいくつもあります。 サイトの内容によってやるべき事も変わってきますが、最低限やっておいた方が良いことをまとめておきます。 基本的なこと 1.サイト名を考える サイトにユニーク性を出す為に必ずサイト名を考えます。企業サイトの場合には社名がサイト名という事になりますが、どんなサイトであってもそのサイトを紹介しやすいような短いサイト名があった方が良いでしょう。 2.ロゴやファビコンの作成 サイトのブランディングの一環としてロゴマークやファビコンがあった方が良いでしょう。 ⇒@icon変換 3.HTMLチェック 作成したサイトのHTML文法がおかしな事になっていないかチェックします。100点を取る必要はありません。重大なミスが無いかの確認です。 ⇒Anot
最近リリースされたものを中心に、デザイン、スタイルシート、ワイヤーフレーム、データベースなどに役立つオンラインサービス・ウェブアプリケーションを紹介します。
先日、以下の記事で初めて作ったAndroidアプリを紹介しました。 一週間で初めてのAndroidアプリを作ってみました その後、そのアプリをAndroidマーケットで公開してみました。 はてブ閲覧用Androidアプリ「HTBPocket」を公開しました この一連の作業で参考にした記事やサイトについて、「Androidアプリ開発関連情報まとめ」としてまとめてみました。 開発環境構築まず必要になるのが開発環境です。以下はMacの環境構築です。MacにAndroid SDKをインストール (Update 2010.05.25) そして以下がWindowsでの環境構築です。私はやったことないのでよく分かりませんが(^^;;世界を目指せ!Androidアプリ開発入門:第2回 Androidアプリ開発のための環境構築 公式の開発情報公式の開発者向けサイトです。Android Developers
2011年はサーバサイド JavaScript の年! サーバサイド JavaScript の本命は node.js! ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana
Site、Files、Databases、Reportsの4つのワークスペースを切り替えるシンプルなインターフェイス 米Microsoftは1月13日(現地時間)、Web開発ツール「WebMatrix」の提供を開始した。Webサイトの構築、管理、公開まで、あらゆる開発作業に必要な機能を兼ね備えたシンプルな無償ツールだ。Webサイトを気軽にすばやく開発できる効率的な環境であり、また入門者に適したツールでもある。 WebMatrixは、プログラミングフレームワーク、Webサーバー、データベースが1つの統合型エクスペリエンスにまとめられているのが大きな特長。Web開発の基本的な作業をこなすために複数のツールを使い分ける必要はなく、デスクトップ上で開発環境から実稼働環境へシームレスに移行できる。 手軽にWebサイト構築を進められるようにテンプレートと、DotNetNuke、Umbraco、Word
前の記事 「冬季鬱病に効く」、発光するイヤホン 「想像上の行為」も現実的影響:食べ物で実証 2011年1月13日 サイエンス・テクノロジー コメント: トラックバック (0) フィードサイエンス・テクノロジー Kate Shaw チョコレートの『M&M's』を食べるところを想像してみよう。自分の前にボールいっぱいのM&M'sがあり、そのひとつを口に入れて噛み、味わい、飲み込む。次のひとつも。その次も――『Science』に昨年12月10日付けで発表された論文によると、30個の想像上のM&M'sを食べたあとに実際のM&M'sを食べる場合、想像しない場合よりも、消費が少なくなるのだという。 カーネギー・メロン大学の研究チームは、被験者を3つのグループに分け、特定の行為をするところを計33回想像させた。第1のグループ(対照群)には、25セント硬貨を[コイン式の]洗濯機に投入する行為(M&M'sを
みなさまごきげんよう。フェルディナント・ヤマグチでございます。 いやはや大変な寒さでございますね。山からはチラホラと雪便りが……どころじゃなくて、連日連夜大雪のニュースが届いています。豪雪でお悩みの方には大変申し訳がないのですが、この盛大な降雪はスキーヤーの私にとって実にめでたいことです。今シーズンは春まで心おきなく楽しめそう。私はこの週末から白馬で遅めのシーズンインとなります。今年もバンバン滑りますよ。 クルマとジョギングに加えてスキーの記事を書くのはどうかなぁ……。え?そんなの書いても読者は喜ばない?日経ビジネスオンラインの読者諸兄は、ガチでスキーを楽しんでこられた世代だと思うのですがいかがでしょう。みなさま最近スキーには行っておられますか? さて、今回も先週に引き続き盛大に参りましょう。“スキーにも行けるスーパーカー”日産自動車「GT-R」の開発責任者、水野和敏氏の新春大放談第2弾で
Ecommerce Solutions | Avactis: Ecommerce PHP Shopping Cart Software PHPでリッチなショッピングサイトを構築できる「Avactis」。 スキンに対応していて見栄えを変えられる他、CSSによるテンプレートデザインが可能。 ショッピングカートや、PayPal等による決済機能、商品管理や注文統計が見れるリッチな管理画面、検索機能などショッピングカート構築に必要な機能は殆どそろっています。 ショッピングサイト画面。UIもamazon風ですっきり見やすい。 スキン切り替えでデザイン変更が容易にできます。 管理画面がとっても多機能です。 今後の発展にも期待したいですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 フリーで使えるPHP+MySQLで構築されたショッピングカートシステム「Ze
EclipseはオープンソースによるJavaベースの統合開発環境として知られていますが、そのEclipseで新プロジェクト「Orion」が発表されました。 Orion is not a set of Java plug-ins which run in the existing Java IDE. It is browser-based open tool integration platform which is entirely focused on developing for the web, in the web. Tools are written in JavaScript and run in the browser. Orionは、既存のJava IDEに対応したJavaプラグインのセットではありません。ブラウザベースのオープンなツールの統合プラットフォームであり、Web
WordPressのテーマファイルはたいていの場合、複数のファイルから構成されています。 ちょっと見には複雑に感じるかもしれませんが、ここで紹介するインフォグラフィックを見ると簡単に把握できると思います。 The anatomy of a WordPress theme [ad#ad-2] WordPressでは1ページを生成するために、複数のPHPを利用しています。一般的な構成は、共通箇所としてheader.php, footer.php, sidebar.phpが使用され、あとはページの種類ごとにコンテンツ箇所が異なります。 例えば下記のように、トップページはindex.php、記事ページはsingle.phpを使用します。 また、各箇所にThe Loopを使用してエレメントを表示するのも特徴的です。
WordPressで作成したサイトをより有益にするために、Googleなどの検索エンジンに最適化を行うSEOの15のテクニックを紹介します。 The 15 Best SEO Tips for WordPress in 2011 [ad#ad-2] 下記は、各ポイントを意訳したものです。 1. コンテンツを充実させる 2. コンテンツへのリンク 3. キーワードは適切に 4. タイトルにもキーワードを 5. Trackbacksを可能に 6. URL構造の最適化 7. 記事の画像の最適化 8. Google Sitemapの活用 9. 投稿スラッグの利用 10. 内部リンクの精査 11. validなコードで 12. キャッシュの利用 13. SEO用のプラグイン 14. 古い記事のリサイクル 15. 関連記事へのリンク 1. コンテンツを充実させる ごく当たり前のことですが、これは本当に本
ほとんどの人は健康で長生きしたいと考えているだろう。人々は健康のために、健康食品を購入したり、運動したり、検診を受けたり、食事に気をつけたりしているが、そうした行動にはコストがかかる。できることなら、なるべくコストの少ない方法で、効率よく健康・長生きという結果を得たいよね。そこで、コストパフォーマンスの良い方法を紹介するよ。それは、ウイルス性肝炎の検査を受けること。しかも、一生に一度でOK。そもそもウイルス性肝炎とは何か、なぜ検査が一生に一度でいいのかをこれから説明する。 国立がん研究センターがん対策情報センターがん情報サービス ■日本人のためのがん予防法 肝がんの原因の大半が慢性ウイルス性肝炎 慢性ウイルス性肝炎ってのは、B型慢性肝炎とC型慢性肝炎のこと。薬害肝炎訴訟とかで聞いたことぐらいあるだろう。日本の肝臓癌の原因の大半はこれ。大雑把に言うと、肝臓癌の原因の約75%がC型慢性肝炎で、
SI業界(日本)のJavaプログラマーにはオブジェクト指向より忍耐力が求められている? - 達人プログラマーを目指して http://d.hatena.ne.jp/ryoasai/20110109/1294581985 をうけて自分の考えを書いておきます。 二年前なら、自分もどうしたらSI業界をよく出来るか真剣に考えていたし、NTTデータの人達と実際に話し合いもしています。 NTTデータとの真昼の対決シリーズ http://d.hatena.ne.jp/higayasuo/20080612/1213241779 http://d.hatena.ne.jp/higayasuo/20080828/1219901392 でも、ソーシャル、クラウド、スマフォの時代になって、考えが変わりました。 今は、世の中の動きがかなり速くなっているので、その中で素早くチャンスを捕まえたものだけが生き残ります。受
今までに無料のアプリやMacのtipsを紹介してきました。今日はWebデザイン向けのアプリ60個を紹介します。 ✔すべてのMacユーザーに贈る 便利でしかも無料なMacのアプリ100個紹介 | Last Day. jp ✔これであなたもMacギークになれる 30個のハック集 | Last Day. jp ✔あまり知られていないMacの23の小ワザ集 | Last Day. jp クライアント&プロジェクト管理 ✔Billings – クライアントの明細書等をトラックできる優れもの。 ✔iCal OSXにインストールされているMac純正アプリ。 ✔OmniPlan – 多機能なプランニングソフトウェア。洗練されたUIにガントチャート等の機能もあり。 ✔iTaskX – Microsoft Projectと連携可能な高機能ツール Mac App Storeでも購入可能です。 ✔Daylite
Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
以下の記事で、GALAXY Sと過ごした7日間の日々について書きました。 iPhoneユーザがGALAXY Sと過ごした7日間をまとめてみました その中で思ったのは、 やっぱりAndroidのアプリ作ってみたいよなーということ。 ということで、初めてのAndroidアプリを作ってみたら約一週間くらいで形になったので、その過程をメモしてみます。 作ろうとするAndroidアプリのコンセプト 7日間のまとめでも書いたように、今のAndroidは、はてブ環境が充実してないと感じたので(個人的な感想ですが)、どうせならiPhoneアプリ「はてブポケット」を移植してみたらどうだろう?と思いました。ということで、コンセプトは以下。iPhoneアプリ「はてブポケットを移植してみる」 MacにAndroidアプリ開発環境を構築する 何はともあれ必要なのが開発環境です。以下の記事を参考にしてみました。Mac
オールシーズン気になる脂肪。ウォーキングをしたり、ジムへ通ったりと、意識して運動をしているのに、なかなか変化が見られないとお悩みの人も少なくないのでは?そんな人は脂肪が固くなっている可能性があります。 硬くなってしまった脂肪はどうする? まず脂肪はやわらかくないと燃えないため、脂肪の塊を分解して、やわらかくすることが大切。 脂肪は脂肪分解酵素のリパーゼによって分解されるため、この酵素の活動を活発することがポイントです。 リパーゼを活性化させるためには…. 脂肪温度を37度以上にしなければなりません。脂肪温度は、こすったり、ひねったりするマッサージで刺激することで高まります。 脂肪が溜まりやすいフェイスライン、お腹、お尻、太ももの4箇所を引き締めるマッサージのポイントをお教えします。 マッサージ前にお風呂に入って身体を温めておくとより効果的! またボディはマッサージクリームを使用するとさらに
遅くなりましたが、明けましておめでとうございます。 昨年は、このブログを通じて本当にたくさんの方と知り合い、色々と考えるきっかけを与えてもらえました。 またMITを卒業して、仕事にも復帰し、最近はようやく自分らしく仕事が出来るようになってきました。 有難うございます。 「書く」、そして発信するという行為は自分にとっては大切な時間。 留学中に自分のスタイルを確立し始めていたのに、昨年の後半は、ブログやTwitterがほとんど手につかずにいた。 これは仕事が忙しいというより、ある人生の決断が出来ずにずっと悩み続けていたからだった。 それは私にはとても大切な時間でしたが、記事を待って下さっていた方には申し訳なかったです。 12月に入ってようやく結論が出て、動き始めて、最近ようやく落ち着き始めたところ。 これからは前のように、ブログ記事も(土日中心に)頻繁に書いていこうと思う。 この決断について書
iPhoneに対応させるWPプラグインは 結構あります。例えばよく見かけるのは WPtouchです。しかし、ちゃんと探せば 更に高機能且つ、手軽なプラグインも あります。WPtap もその一つ。日本で 紹介している記事は皆無ですが、非常に 機能の充実したプラグインです。 僕も昨日知ったばかりで、iPhoneとiPadでしか確認をしていないので、タイトルで「多数デバイスに対応」と言い切ってしまうのは微妙な気がしたのですが、釣ってでも知ってほしいプラグインだったのでご了承頂ければと思います。じゃあ日曜に記事公開するなよって話ですがw iPhoneだけでなく、iPad、Android、BlackBerry、Nokia S60+などに対応しており、対応デバイスを追加することも出来ます。 [note]【2011・01・10 追記】 このブログに導入しました。iPhone等でアクセスすれば表示チェック
「新しくパソコンを買った。」「OSを再インストールした。」…次に何をしたらいいだろうか…。そんなとき、たいていの人は、まず必要なソフトウェアをいくつか適当にインストールして、自分なりの快適なPC環境を構築することから始めますが、いざ作業にかかるとどれから入れたらいいのか迷ったり、ダウンロード先ページを探し回ったりして、案外時間がかかってしまうものではないでしょうか。 あまり多くのソフトを必要ないものまで手当たり次第入れても、PCの立ち上がりを遅らせたり、クラッシュなどの不具合が起こりやすくなって、良いことはありませんが、できればPCの普段使用に必要最低限なアプリケーションくらいはあらかじめインストールしておきたいものです。 今回は、そんなときに、とりあえずこれくらいのツールは入れておけば基本的なPC作業は何でもできるだろうというWindows用フリーソフトを、ウェブブラウザ、メーラー、オフ
宮本和英 @kazmiyamoto 担当編集者が情熱を持って本を出す、それを出版営業→取次→書店→アルバイト書店員と受け継いで書店の棚に並ぶ。でもここの流れにおいて、その本を必死で売ろうという情熱が形になって現れない! 沢山の本の流通をこなすだけで手一杯になってしまう。そしてその本はどこかに埋没! そして返品。 2011-01-06 04:21:04 宮本和英 @kazmiyamoto 著者から出版社に対して出る不満は、宣伝してくれない! 営業が動いてくれない!店頭に本がない! これらの不満は解消できません。それは仕組みがダメになっているから。個々の出版社のやる気の問題だけではないのです。この本を売りたい、中身が素晴らしいということを伝えられないのです。 2011-01-06 04:27:18 宮本和英 @kazmiyamoto 出版流通の仕組みが個々の本の良さを伝えられないから、著者自身
撮影した廃墟画像をだらだらと貼っていく カテゴリ画像系 1:以下、名無しにかわりましてVIPがお送りします:2011/01/04(火) 00:11:20.06ID:lStNqi9p0 すべて自分が撮影したものです。 クオリティには期待しないでください。 雰囲気を味わってもらえれば幸いです。 「所在地教えて!」以外の質問があればできるだけ答えます。 2:以下、名無しにかわりましてVIPがお送りします:2011/01/04(火) 00:11:51.54ID:VkQW6SuH0 なんで所在地教えられないの?悪いことしたの? 5:以下、名無しにかわりましてVIPがお送りします:2011/01/04(火) 00:15:31.10ID:lStNqi9p0 >>2 あんまりひとが来て荒らされたくないので。 まぁ自分が言えた義理じゃないんですけどね。 3:以下、名無しにかわりましてVIPがお送りしま
最近のモダンなWebブラウザがサポートしている、セキュリティに関連しそうな X- なHTTPレスポンスヘッダをまとめてみました。それ以外にもあったら教えてください。 X-XSS-Protection 0:XSSフィルタを無効にする。 1:XSSフィルタを有効にする。 XSSフィルタを有効にすることでエンドユーザがXSSの被害にあう可能性が低減するが、まれに誤検知することで画面の表示が乱れることもある。IE8+、Safari、Chrome(多分) で有効。IEでは「X-XSS-Protection: 1; mode=block」という指定も可能。 2008/7/2 - IE8 Security Part IV: The XSS FilterBug 27312 – [XSSAuditor] Add support for header X-XSS-Protection X-Content-Ty
eBook Exchange.incがAmazonまたはBarns&Nobleで買った電子書籍の貸し借りをマッチングするサイトを公開した。eBook Exchange 仕組みを簡単に紹介する。例えばAmazonで買った電子書籍を「貸します」といってリストに登録する。借りたい人はリストから自分の読みたい本を選んで「借ります」と登録する。マッチングが成立すると貸し手にメールで連絡が行く。貸し手はAmazonのサイトで借り手に貸すための手続きをする。後はAmazonの仕組みで14日間借り手はその電子書籍を読むことができる。貸し手はその間はその電子書籍を読むことができない。14日間が終わると電子書籍は貸し手の元に戻る。本当にeBook Exchangeはマッチングをしているだけだ。 興味あるのはそのビジネスモデルだ。借り手は借りる前でも後でもいつでもContributionをすることが求められてい
「2011年はサーバサイドJavaScriptの年になる」 こう書いているのは、JavaScriptのテストフレームワークZombie.jsの作者Assaf Arkin氏。ブログLabnotesで、エントリ「2011 is year of the Server-Side JavaScript」を公開しています。 5年前のRubyや90年代のJavaに似ている Arkin氏は、JavaScriptが登場したときにNetscapeはサーバサイドJavaScriptも用意していたのを覚えている人はいないだろうな、との書き出しで過去を振り返っています。 not many people remember, Server-Side JavaScript for writing the back-end logic. I believe back then it was called LiveWire.
離れた場所にいるメンバー同士がリアルタイムに音楽セッションできるヤマハの技術「NETDUETTO β」が無料公開。今冬からニコ生でもセッションできるようになる。 ヤマハは1月6日、離れた場所にいるメンバー同士がリアルタイムに音楽セッションできる技術のβ版「NETDUETTO β」を公開した。現在はWindows版のみだが、アプリをインストールすれば無料ですぐに使うことができる。 離れた場所にいる4人までのメンバーが、同じ場所でセッションしているような感覚で演奏できる技術。PCにNETDUETTOアプリをインストール・起動し、同じセッション「ルーム」にログインすると、バンドメンバーとしてプレイできる。音質は、CD並みの44.1kHzから22.05kHz、11.025kHzと3つのサンプリング周波数から選べる。 従来の技術では遅延時間(レイテンシ)が大きすぎて使用に耐えなかったが、同社が楽器や
諸事情によりどうしても運転免許が必要になり、沖縄の自動車学校まで免許を取りにいった。自分の運動能力に自信がなかったため、合宿が始まるまでは「走る殺戮機械になりたくない……」「人殺しになる前に死にたい……」ということばかり考えていたけれど、実際、車を運転してみると講習そのものは極めてスムーズに進行し、人を殺すことも器物を損壊することもなかった。また、教習所の人々は優しく、青い海と白い砂浜があり、食事はおいしく、我慢できない問題点なんて一つもない素晴らしいところだった。 そんな奇跡のような場所で、私がみるみるうちに衰弱し、食事が食べられなくなり、現実逃避に訳のわからない空想ばかりして過ごすようになっていくまでの記録。 1 今日から教習所の合宿がスタート。受付を済ませ、事務の人に寮を案内してもらう。シャワー室に入ると、床に大きな穴が二つもあいており、割れたコンクリートがむき出しになっていて、いっ
■編集元:ニュー速VIP+板より「DIY娘「車の傷消しで数万払うとかwww」」 1 名も無き被検体774号+ :2010/11/25(木) 23:11:54.56 ID:b9U3oaLX0 名も無き被検体774号+ :2010/11/25(木) 23:16:00.28 ID:b9U3oaLX0 男「リモコンのこのボタンだけ効かないな~」 男「買い換えないと」 DIY娘「もったいない!!」 DIY娘「そんな時は分解してドータイトを・・・」 3 名も無き被検体774号+ :2010/11/25(木) 23:21:55.28 ID:b9U3oaLX0 男「厨二の時に貼ったステッカーが汚いな」 男「剥がしても汚いし><」 DIY娘「そんな時はZIPPOオイルで・・・」 4 名も無き被検体774号+ :2010/11/25(木) 23:35:27.43 ID:b9U3oaLX0
2011-01-06: IE8ということを追記 & ちょっと間違いを修正。あけましておめでとうございます。 年明け早々ですが、Internet Explorerの話題です。IEはご存じの通り、Content-Type だけでなくコンテンツの内容なども sniff することでファイルタイプを決定しているため、画像ファイルやテキストファイルをHTMLと判定してしまい、クロスサイトスクリプティングが発生することが昔からたびたび報告されていました*1。現在は幾分マシになったとはいえ、IEのファイルタイプの判定アルゴリズムは非常に難解であり、現在でも状況によってはWebサイト運営者のまったく意図していないかたちでのXSSが発生する可能性があったりします。そういうわけで、IEがコンテンツを sniff してHTML以外のものをHTML扱いしてしまうことを防ぐために、動的にコンテンツを生成している場合に
CSS3で何ができるの? という時にみておきたいサイト集 ベーシックなものから実践的なテクニックまで、サンプルやコードなど実装例が掲載されているサイトをご紹介。
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。 iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5を使っていつでも参照できる超簡単なアプリを作れるのではないか、そう思ってお正月休みに試してみることにしました。 単に路線図を表示するだけのアプリ iPod Touchを僕は利用しているのですが、いつでも参照できる地下鉄の路線図があるといいなと思っていました。iPod TouchはWifi機能しかないため、外出中はずっとオフラインでの利用なのです。 そこで、起動すると路線図の画像を表示するだけの超
最近では、エントリーフォーム最適化(EFO)という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く