iPhone GPS Loggerはバックグラウンドにも対応した位置情報記録サンプルアプリ。 [/s2If] iPhone GPS LoggerはiPhone用のフリーウェア（ソースコードは公開されている）。iPhoneの魅力は幾つかあるが、その一つが位置情報（GPS）機能だろう。かつそれがアプリから利用できて、バックグラウンドでも使えるとなれば、色々なアプリでの利用が想定できるはずだ。 位置情報計測のやり方を見られる 例えばジョギングやサイクリングを記録するアプリや旅行記を作るアプリ、鬼ごっこをするようなゲームでも良い。では実際にどのように位置情報を記録していけば良いのだろうか。そのやり方はiPhone GPS Loggerを見れば分かりやすい。 iPhone GPS LoggerはiPhoneのGPS情報を記録するモックアプリだ。バックグラウンドでの動作にも対応している。あくまでもモッ

送信・開封・ダウンロードの履歴確認や通知機能 WebFileではファイルの送信や相手先でファイルがダウンロードされた時の日時が履歴として管理され、いつでもWeb上で閲覧できるようになっています。また、Webにアクセスしなくても、ファイル送信時のセキュリティ設定で、「開封確認」「ダウンロード確認」の通知を受け取る設定ができます。 ファイルが正常に届いて、メールが閲覧されたかを確認するのが「開封確認」で、ファイルを受け取ってもらえたかを知るのが「ダウンロード確認」です。 通知機能はON/OFF可能な簡単設定 ファイルの送信手続きが完了したことを通知するメールは、必ず送信者のお手元に届きます。 開封確認、ダウンロード確認の通知メールは、不要というお客様もいらっしゃいますので、送信時に簡単な設定でON/OFFすることができる操作画面になっています。 通知メールだけでなく、履歴でも確認可能 便利なの

ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.

パネルをクリックすると、次々にパネルがスライドして重なり順が変わるエフェクトを実装するjQueryのチュートリアルを紹介します。 Opera mobile window chooser, recreated with jQuery デモページ [ad#ad-2] このエフェクトはOpera Mobileの「window chooser」を模したものらしいです（持ってないから分からないです）。 HTMLはリスト要素で実装されており、非常にシンプルです。 HTML 最小限の要素にした例です。 最初に一番上にするパネルに「current」を与えます。 <ul id="container"> <li class="current">最初に表示するパネル</li> <li>パネル2</li> <li>パネル3</li> <li>パネル4</li> </ul> HTML デモでは、パネル内のコンテンツ

iPhoneなどのモバイルデバイスを対象とした、スタイルを初期化するCSSのフレームワークを紹介します。 CSS Mobile Reset キャプチャ：Demo 2（Demo 1もあります） [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS Mobile Resetの指針 CSS Mobile Resetのスタイルシート Media Queriesを併用 CSS Mobile Resetの指針 このフレームワークは下記を指針として、現在もプロジェクトとして進行中のものです。 軽量にすること。 必要なHTML要素のみリセットすること。 必要なHTML要素のみを用意すること。 より良いタイポグラフィを提供すること。 軽量にすること モバイルデバイスでのインターネット接続はスピードが遅く、そして高価です。そのため、CSSファイルをより軽量にし、速いダウンロードを提供することが良い

a要素に余白をpaddingで設定し、カラーを指定します。 a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] 繊細なアニメーションを与えるスタイルシート CSS3 Transitionsを使用して、ふわっと繊細なアニメーションを与えます。 デモページ（当方作成） 追加するのは、L4-7です。 ※デモページではpaddingなどの値を若干変更しています。 a.foo { padding: 5px 10px; background: #9c3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: al

PHP, Perl, Python, Ruby, Smalltalkの5つのスクリプト言語の違いを比較したチートシートを紹介します。 Scripting Languages PHP, Perl, Python, Ruby, Smalltalk - Hyperpolyglot [ad#ad-2] チートシートではそれぞれの言語で同じことをどのようにするのか違いを簡単にまとめてあり、さらに各項目は詳細な解説へリンクが張られています。

バンダイチャンネルが7月下旬から11月にかけて期間限定でiphone,ipad上で無料動画を配信していたことをご存じでしょうか？ 公開中にこの記事を書けば良かったのですがいつのまにやらこんなに日にちが経っていました…。このまま記事を下書きにしておくのももったいないので公開してみようと思います。 UI、デザイン、マークアップディレクションを担当 UI及びサイトデザイン、及びマークアップ関連のディレクションを担当させていただきました。実際のマークアップやAJAXの部分はチームまめこの優秀なマークアップエンジニャーさんによるものです。さすが! iPhone、iPadのような新しいデバイスでのデザインはPCと似ているようで非なる箇所が多く、本サイトをデザインするにあたり多く気付かされた事がありました。 iPhone版について インターフェイス 情報を優先順位にのっとってメリハリがPCのそれよりも

グーグルは11月19日、 オンライン・オフィススイート「Google Apps」の有償アカウントに対し、これまで提供していなかったサービスを含めて60以上のサービスを提供すると発表した。 Google Appsで利用できるようになったアプリケーション。その数は60以上に及ぶ 今回追加された主要なサービスは、RSSリーダー「Google Reader」、ブログサービス「Blogger」、広告サービス「AdWords」、電話サービス「Google Voice」など。Google Voiceは16日に発表されて話題になったばかりだが、現時点では米国のみの提供となっている。 Google Appsの各サービスは、管理者権限によってユーザーグループごとに割り当てることができる。利用するサービスを追加する際は、管理者向けコントロールパネルから作業を行えばよい。 同社によると、今回追加されるサービスはS

ソニーマーケティングは、モデル・女優として活躍する北川景子さんが、レンズ交換式一眼カメラ「NEX-3」をファッションアイテムとして提案するスペシャルサイト『α for tou. 一眼を着こなそう。』をオープンした。 『α for tou. 一眼を着こなそう。』トップ画面 NEXシリーズは、一眼カメラとしてのクオリティーはそのままに、ボディを極限まで小型軽量化したデジタル一眼カメラ。さらに、レンズや液晶、グリップなどの構成要素がスタイリッシュにデザインされている。 今回のスペシャルサイトは、女性に人気のピンクがNEX-3の新色として発売されることに合わせてオープン。"α"のキャンペーンキャラクターである北川景子さんが、NEX-3をファッションアイテムとして提案する。 NEX-3には、今回発売されたピンクの他に、ブラック、レッド、ホワイトも用意されており、スペシャルサイトでは、北川さんがそれら

Google Chrome runs web pages and applications with lightning speed. シェアの上でいまもっとも成長しているブラウザがChromeだ。ほかの主要ブラウザもユーザ数を伸ばしてはいるが、全体の割合でみるとChromeの成長が抜きん出ている。これまでエクステンションの存在からほかのブラウザに移れなかったユーザや開発者も、Chromeがエクステンションに対応してからメインのブラウザを変更するようになってきたようだ。 すでに数多くのChromeエクステンションが登場している。なかにはGoogleが公式に公開しているエクステンションもある。Googleが提供しているほかのサービスと連動するものだが、Googleが公式に提供していること、今後も開発の継続や機能の拡張が望めることなど注目すべきものといえる。Google adds its ow

Firefox web browser - Faster, more secure & customizable Firefox 4 beta 7が公開された。JavaScriptエンジンの大幅な高速化とH/Wアクセラレーションを利用したレンダリング性能の大幅向上といったメジャーリリースに匹敵する興味深いベータ版に仕上がっている。ユーザからは見えにくいためこうした機能改善に比べるマイナーに見えるが、今後のWebページやWebアプリケーション開発負荷を軽減することにつながる新機能としてHTML5フォームの機能が実装されたことをあげることができる。どういった機能が実現されたのかが次のブログにまとまっている。2つ目のブログには実施に試せるサンプルも掲載されているので、Firefox 3.6と4 beta 7の両方でアクセスしてみれば、その違いを体験できる。 HTML5 Forms Validat

ベイテックシステムズは11月17日、Google Appsを使った社内情報システムの導入支援サービス(サテライトオフィス・プロジェクト)において、GoogleApps Premier Editionを利用した企業向けに、Googleサイトを利用した企業ポータル/社内ポータルを無償でセットアップするサービスを開始すると発表した。 同サービスでは、Googleサイトを利用して企業ポータル/社内ポータルを作成する際に必要となるテンプレートを無償でセットアップする。 今回提供されるテンプレートは「企業ポータル/部門ポータルテンプレート」、「メンバースケジュールポータルテンプレート」、「会議室空き状況ポータルテンプレート」。企業ポータル/部門ポータルテンプレートを用いることで、社員へのお知らせ、よく使う申請書などのドキュメント雛形などを配置したページが簡単に作成できる。 社内ポータルのイメージ画面

経営統合を機に情報インフラも大幅改革 ユニヘアー 情報システム室 室長 廣瀬拓生氏 アデランスホールディングスが2009年6月から大規模な経営改革を実施したのは記憶に新しいだろう。2010年9月には男性と女性向けにオーダーメイドウィッグや育毛・増毛サービスを提供するアデランス、女性向けにレディメイドウィッグやポステ(つけ毛)などを提供するフォンテーヌという2つの子会社を合併し、社名をユニヘアーへと変更したのである。 この改革では経営統合だけでなく、メールや社内ポータルなどの情報インフラ関連も見直しが行われた。そこで大きな役割を果たしたのがGoogle Appsだ。 「アデランスホールディングスでは2009年7月より、経営者層限定でGoogle Apps を試験導入していました。これは経営環境が変わるに際し、スピーディな情報共有ができる組織作りを目指したためです」と語るのは、ユニヘアー 情報

米Amazon Web Services(AWS)は11月15日(現地時間)、「Amazon Elastic Compute Cloud(EC2)」のメニューに、新たなインスタンス「クラスターGPUインスタンス」を追加した。これにより、従量課金モデルの下、画像処理以外の分野にGPUを利用するGPGPUによる開発・運用を行うことが可能になる。 同インスタンスでは、NVIDIA製GPGPU「Tesla M2050」が2個、インテル製Xeon プロセッサー X5570が2個(合計33.5のEC2 Compute Units)、22GBのメモリ、1.69TBのストレージ、10GbpsのEthernetを提供する。1インスタンスの利用料金は1時間当たり2ドル10セント。 クラスターGPUインスタンスで提供される「Tesla M2050」 AWSアカウント1つにつき、デフォルトでは8個のクラスターGP

Oracle Solaris Operating System - Increase Business Efficiency, Lower Costs",Oracle Solaris Operating System" Oracleは15日(米国時間)、Oracle Solarisの最新評価版となるOracle Solaris 11 Experssを公開した。SPARC版とx86版が提供されている。開発者向けのリリースにあたり、また、次期SolarisとなるSolaris 11へ向けた評価版という側面ももっている。Solaris 11 Expressにおける主な特徴は次のとおり。 Oracle SOlaris 10 Containers仮想化技術の導入 ネットワーク仮想化機能およびリソース管理機能の導入 L3/L4ロードバランス機能の統合 InfiniBandサポートの改善 SMF (Se

MariaDB, a drop-in replacement for MySQL with enhanced features and patches. MariaDBの最新版となるMariaDB 5.2.3が公開された。MariaDBはMySQLの元開発者がMySQLをベースに改善を加えたデータベース。MariaDB 5.2系をリリースしてから3つ目のマイナーリリースとなるわけだが、この3つ目の期間において深刻な問題がひとつも上がってこなかったことから、Monty ProgramはMariaDB 5.2系が十分に安定したと判断。MariaDB 5.2.3を同系列初の安定版として公開した。 MariaDB 5.2.3の大きな特徴は、このバージョンに導入された新機能のほとんどがMariaDBやMySQLのコミュニティによってもたらされたものだと説明されている。MariaDBの開発母体企業であ

開発者プレビューが始まったREST APIですが、その使い方を一通り学習出来る「Getting Started with the Force.com REST API」というチュートリアルがWikiで公開されています。 このチュートリアルを日本語訳して公開しました。 Force.com REST API 入門 このチュートリアルでは、OAuth 2.0を使ってアプリケーションがForce.comにアクセスする認可を取り、REST APIを用いてForce.comに蓄積されたデータにアクセスする手順を説明しています。Javaで書かれたサンプルアプリケーションのため、TomcatなどのJavaのWebアプリケーションを実行する環境が必要ですが、Force.com上でのOAuth 2.0とREST APIの使い方がコンパクトにまとまっていますので、こちらを一通りウォークスルーすることにより、これ

Ask me anything   A collection of mobile wireframes scanned all throughout the web. Organized by Hannah Milan. If you want to contribute contact me via email or via twitter

思い出すのって、結構大変です。 たとえば、10人集まって飲み会をして、翌日誰が来てたっけな、って思い出そうとすると、もうダメです。絶対詰まります。 こういう「特定のリスト」を漏れなく思い出すと言うことは（少なくとも私には）とてつもなく難しいです。 この、思い出すという行為。アタマの訓練にはいいかもしれません。しかし、常日頃からアタマの訓練をしよう、などという殊勝な心がけは持っていません。私は。 だからリストを作ります。 どんなことでも、とりあえず思いついたらリストを作ります。 リストを作るのって結構メンドくさいんですが、2回使えばもうメンドくさいモトは取れます。 よく使うリストほど、気合いを入れて作っておくと、便利度が増します。 リスト具体例 たとえば、私はこんなリストを作っています。 普段の持ち物 旅行の持ち物 見たい映画とかDVD（レンタル屋で力を発揮） 読みたいマンガ（漫画喫茶で力を

YouTubeの「Jeff and Lauren Show」チャンネルで公開されている旅行時に便利なパッキングに関するTips紹介ビデオです。 テンポよく紹介されているのでぼーっとして見ると見逃してしまうTipsばかりなので一生懸命観てくださいね。 ボタンを使ってイヤリングをペアリングしたり、紙おむつでワインのボトルを包んだり、風船を半分に切ってキャップ付きアイテムを固定したり、スーツケース内で衣服を縦に詰めたり、ストローを使ってネックレスが絡まないようにしたりするものなどが紹介されています。女性向けのものが多いって感じかな。 確かに旅行の時に役立つかもなのですが、それ以外に家庭内で何かを保存しておくときに便利なのもありますのでご参考ください。

コンピューターの最終形かも？ 手のひらサイズ、キューブ型のPC登場2010.11.16 21:00 mayumine 写真のこれ、手のひらサイズでキューブ型のPCですよ！ このアルミ製のXi3は、コンピューターの一つの最終形かもしれません。なんと｢メモリ、ディスプレイ・電源、I/Oの3つのボードが入っていて、交換可能、ほぼ永久的ににアップグレードが可能｣なんだそうです。 形も色も素敵ですね。 Xi3は、プロセッサ メモリボードがAthlon 64 Dual Core、チップセットはAMD、2GBのDDR2メモリ。2つのI/Oボードは、それぞれインプット／アウトプットのポートを備えています。メーカーによれば｢このボードを交換していけば、お金とリソースを節約しながら、永久的にコンピューターをアップグレードできる｣とのこと。 なるほど、素晴らしい。他のコンピューターメーカーも同じようなアプローチ

jQuery 1.4.4 API Cheat Sheet [ad#ad-2] jQuery 1.4.4は1.4.3のバグフィックスをはじめ、いくつかの改良をおこなったものです。 新機能としては「.fadeToggle()」が追加されました。 参考：jQuery 1.4.4 のリリース情報（公式ブログ） チートシートでは、1.4からの新機能には「1.4」の明記があります。 「.fadeToggle()」もあります。 チートシートの各APIのリンクは、公式サイトの「jQuery API」のリファレンスに遷移します。 またチートシートは、PDF版・画像版（PNG）もダウンロードできます。

かっこいいスライドやフェードのアニメーションを取り入れたポートフォリオギャラリーを実装するjQueryのチュートリアルを紹介します。 Animated Portfolio Gallery with jQuery デモページ [ad#ad-2] 左側のサムネイルをクリックすると、前のコンテンツをフェードアウトし、次のコンテンツがオーバーレイで表示し、スライドのアニメーションで表示します。 デモページ（クリック時のキャプチャ） 元記事では、HTML, CSS, JavaScriptの全コードの解説をはじめ、全ファイルのダウンロードも用意されています。 スクリプトのオプションでは、フェードやアニメーションのスピード、アニメーションの種類などが調整できます。 [ad#ad-2] また、左側のサムネイルのスクロールに使用されているのは、「jquery thumbnail scroller」です。

たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシンプルでdiv要素を使うだけです。 HTML 3カラムの例です。カラムの数にあわせて、div要素を配置します。 <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back

Parallels上でWindowsを使っているのですが、英語キーボードに換装した際に、Parallels上のWindows側からは日本語キーボードとして認識され続けていました。 そのまま使い続けるのはさすがに不便だったので、Windows側で英語配列キーボードとして認識させる方法をメモ。 １．スタートメニューから「ファイル名を指定して実行」を選択（Winキー＋RでもOK） ２．立ち上がったウィンドウの入力欄に、「regedit」と入力。 ３．レジストリエディタが起動するので、下記２つの値をそれぞれ変更する /HKEY_LOCAL_MACHINE/SYSTEM/CurrentControlSet/Services/i8042prt/Parameters/LayerDriver JPN /HKEY_LOCAL_MACHINE/SYSTEM/CurrentControlSet/Con

7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが７つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜％として表示してくれます。 何を改善すればポイントを上げられるか？についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ

サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 A Business New Era あらゆるモノ・コトが変化している今 デジタルでビジネスは生まれ変わる ハイブリ

PGRFileManager - Manage your files easily PHPベースの使いやすそうなAjaxファイルマネージャ「PGRFileManager」。 ブラウザ上から認証して、ファイルの追加、移動、リネーム、削除、フォルダの作成といった一連のファイル操作が可能。 画像だったらちゃんとサムネイル化してくれる上に、CKEditorによってその場で編集することも出来ます HTMLなんかはその場で編集できます。 なかなか便利そうですね。 関連エントリ まるで何かのOSに搭載されているようなブラウザベースの高機能ファイルマネージャ「elFinder」 PHP+MySQLで作成されたAjaxベースのWeb2.0ファイルマネージャ:Relay PHPとAjaxを使ったWEBベースのファイル管理ツール「PHP Navigator」

「HTMLのscriptタグ内にデータを埋め込む際のエスケープ処理モジュール書いた」に引き続いて、XSSを避けつつ複数の値をJSONで渡す方法。 答えはmalaさんが書いてます テンプレートエンジンでJSONを生成する(多くの場合間違えるので、推奨しない) scriptタグの中でJSONを使わない 可能であればJSONライブラリのオプションで<>/いずれかをエスケープする。 生成されたJSON文字列の<>/いずれかを正規表現などを使って置換する。 JSONのvalueに当たる部分には「HTMLエスケープ済みの文字列を入れる」という規約を設けて事前にエスケープする。 の3番目以降。 ということで実装してみる。目標としてはXslateのfilterとして実装 [% hashref | json %] の様な形をとり、JSONのvalueにあたる部分はすべてHTML Escapeし、HTML中に

チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は

ソーシャルメディアキャンペーンのROIを計測するためには少しばかりの数学の知識が必要になる。がっかりする人もいるだろうが、ソーシャルメディアに必要なのは数学、指標、マネタイズである 問題はほとんどの企業がソーシャルキャンペーンの価値を効果的に計測できていない。ある調査に対し47％の企業がキャンペーンの価値を計測できていない、ソーシャルメディアへの投資に対して得たものを判断できていないと答えている もしあなたもそうであるならば、簡単な数学でROIを計測する方法があることを紹介したい ダイレクトマーケティング協会によると、ダイレクトレスポンスキャンペーンでは$１の投資に対し、一般的には$10以上のリターンがあるという。長くつづく経験により、DMやサーチアド、TVやその他のトランザクションからその数値は割り出せる しかし、ソーシャルメディアにおいてはその経験やデータがまだ十分ではない ただし、キ