Apache GuacamoleでJISキーボードを認識させる方法

前回Apache Guacamoleをインストールして実際に便利に使っているんですが、キーボードレイアウト問題が不便でした。
この手のソフトウェアだとUSキーボード限定で変更できないものだとばかり思っていたんですがそんなこともなくちゃんと設定に入ってました:-p

設定方法

接続先の設定メニューのKyeborad Layoutから「Japanese(Qwerty)」を設定する

これで記号などを入力するときにJISキーボードのは位置で認識されます。ただし全角/半角はクライアント側に持っていかれてしまうのでリモート先にアサインすることはできません。こればっかりはマウス操作で日本語入力を有効にしてください

Zabbix（ザビックス）とは何か

仕事ではオープンソースとずいぶん遠い遠いところにいるので、最近話題に乗りきていません。
そんなわけで、最近（？）話題のZabbixについて簡単に調べてみました。

 

Zabbixオフィシャル日本語サイト :: エンタープライズクラスの分散監視オープンソースソリューション

Linux系サーバをホストサーバに各監視対象（Linux、Unix、Windows）に対してSMTPやHTTP通信、そしてエージェントを導入すればクライアントのCPU情報や詳細ログなどを収集し、Web画面上に表示できます。

RDBMSにログを蓄積でき、長期的に保存できるのもの特徴。

 

これまでも同様の統合監視ツールというものはNagiosや国産のHinemosなどがありましたが、クラウド時代のDevOpsというキーワードとマッチしているので評価されているのがZabbixのようです。

・多岐にわたる監視対象の設定（障害検知の早期化）
・監視エージェントなどの設定自動化（運用コストの削減）

確かに手作業でやっていたのではクラウドのパフォーマンスが出せないですよね。

 

もちろんこれらの情報は聞きかじったものなので、間違っていたらご指摘いただけると助かります;-p 

黒船hulu 日本サービス開始

以前より米国のスタジオが肝いりで運営しているhuluが米国以外初の日本上陸。
有名所というか、ちゃんとしたコンテンツを揃えてスタートインしました。

Hulu - ハリウッドの人気映画やテレビ番組がお手軽に見放題

コンテンツとして日本でも有名な米国ドラマの「24」や「LOST」、そして懐かしの「Xファイル」といった知名度の高い作品を取り扱っており、映画作品としても「スパイダーマン」や「パイレーツ・オブ・カリビアン」といったビッグタイトルも。
逆に言えば日本映画や日本のドラマなどの国産コンテンツは1作品もありません。


ちなみに、料金は月額1,400円（1ヶ月無料）で、米国のように広告入の無料プランなどはありません。このへんは日本のいろんな所といろんな問題があるんだろうなぁと。。。
逆に1ヶ月1,400円で見放題なので、海外ドラマ好きでも最近見れてないという人にはいいかもしれません。
もちろん全コンテンツ　吹き替えなんて野暮なことはしてません。字幕です。ただ、映画に入っているみたいに綺麗な字幕というわけではなくて、動画の上にFlashで日本語字幕を重ねているだけです。といっても機械翻訳ではなくてちゃんとした日本語字幕ですのでご安心を。

見たい作品ばかりで時間がいくらあっても足りません;p

mixiページ とやら。

mixiが新ロゴと新サービスを開始したそうです。
昨日。
『mixi』ロゴ変更に関するお知らせ

あとはFacebookのように自分の好きなこと、あるいは所属する組織やモノについてのまとめる？というかそんな感じのFacebookのパクリというかそんな感じの　mixiページ　というサービスを公開しました。
誰でも簡単に開設できるソーシャルページ「mixiページ」

ロゴマークはともかくとして、mixiページは国内では流行ると思います。間違いなく。なんせ国内では唯一真面目なソーシャルネットワーキングサービスとしてある程度は認知されており、Facebookが流行ってもとっつきにくいと思っていた人たちを取り込めれば国内ではFacebook追い出しの勝機はあるんじゃないでしょうか。
使い勝手についてですが、個人的なmixiアカウントが気がついたら喪失していたのでもはやログインすることもかなわいない状況です。Facebookのページすら作ったこともないので、作らないといけないという状況になるまでは様子見で;p

Googleの総合プロジェクト Google+

もはやこれだけ個人情報が軽んじられていると、逆にソーシャルというのが本来の意味として機能し始められた今日この頃。
そんなこんなでGoogleが総合ソーシャルサービスの ”Google+” をデビューさせました。

人と人との対面的なコミュニケーションの微妙なニュアンスを、型にはまらないインターネットの上で実現しよう…という試み。

TwitterやFacebookはどちらかというと使い方に依存する部分が多い気がしますが、Google+はコミュニケーションを円滑化するためのサービス群とでもいいましょうか。
…正直な話しまだ使っていないので何とも言えませんが。

兎にも角にも情報感度の問題でやっと地方でもFacebookという単語が違和感なく使われるようになってきたにもかかわらず、こうやって新しいツールが登場しても二の足を踏むというか。
詰まるところサービスの品質や革新性よりもソーシャルで人口を稼ぐことの難しさ。要するに新しいことに挑戦するユーザー以外の層が使いたくなるようなサービス展開を考えることが一番難しいのかと思います。

いっそGoogle+は Google Apps傘下にして、Chrome OSとセットで対エンタープライズ戦略のコミュニケーションツールとして普及させた方がよかったんじゃないかと、余計なことを思ってしまいました。

Via：Google+ プロジェクト

Adobe AirのLinux版がサポート終了

Adobe Flashの技術を用いてデスクトップアプリケーションが作れるAdobe Airってご存じですか?
有名どころだとTweetDeckのデスクトップクライアントがAdobe Air上で動作するFlashアプリケーションです。

Linux版のAdobe AIRはこれまで全ダウンロード数の0.5％未満にとどまっているため、今後LinuxベースのPCや機器向けのAdobe AIRについては、移植キットやパートナーによる実装の支援を活動の中心にしていくとしている。

link: 「Adobe AIR 2.7」公開、Flash Player 10.3の機能を統合 -INTERNET Watch

公開された当初はずいぶんと興奮したモノですが、その後の時代の流れがデスクトップ（PC）からWebブラウザにシフトしていったのが大きかったと思います。
なによりもHTML5の前でFlashというテクノロジーの印象がよくなかったのが致命的で、iPhoneが頑なにFlashを否定していたのも一役買ったんじゃないでしょうか。

おっと。
Adobe Airが終了したワケじゃないですね。
Linux版のサポートが終了したというだけでした;p

さくらのVPSでWindows7を動かしてみた。

という夢を見たと言えば何でも許されそうな気がするので;-p

さくらのVPS（VPS（仮想専用サーバ）のさくらインターネット）を試用してて何がすごいってシリアル接続やハードウェアVNCがサポートされていることにビックリした。

普通ならIPアドレスの設定などがミスったらSSH/RDP接続できなくなって復旧断念するしかありませんが、さくらのVPSならその状態からもOSに乗り込む手立てを用意してくださってます。
さらに、驚愕したのはカスタムOSインストールって本当に仮想上にOSをインストールするところからこちらが設定を行えます。VNCコンソール経由で設定が行えるのでパーティショニングや設定などこちらの思い通りに可能です。

さて、ここまで何でも出来るとなるとやりたくなりますよね。Windowsインストール。
作業そのものはあっけないほど簡単でした。

さくらのVPSでWindowsを動かす夢をみた:元現役高校生サーバー管理者の考察日誌 - CNET Japan

この手順の通りで何一つ問題ありません。
注意すべき点としてはさくらのVPSは試用期間中は転送速度（上下）が2MBに制限されているので、作ったOSイメージのアップロードにものすごい時間がかかります。それくらいかな。
サブネットマスクが255.255.254.0となっているので、デフォルトゲートウェイが1つ上のセグメントの場合もあるので設定情報の確認はきちんと。
あと、さくらのVPSが提供しているDNSを忘れた場合はGoogleの8.8.8.8を使いましょう。この部分を完全に忘れてて危うく最初からやり直すところでした。

使用感としては2MBの制限を受けているにかかわらずすごい快適。
もちろんWebブラウジングや画面書き換えが多いモノは根本的に無理ですが、それでも許容出来るくらい、これまで使ってきたサーバの中では一番快適。

上の画像の通りWindows7を利用しているのでメモリやHDDの残りは心許ないです。
でもきちんとデュアルコア認識されて、作業そのものは高速に処理されます。

勢い込んでVPS契約したけど、最近使ってないあなた!
Windows Server 2008 R2（Windows Server 2008 R2 SP1 のダウンロード）の評価版使って楽しんでみてはいかがでしょうか;-p

HTML5の公式ロゴ

1週間ほど前になりますが、WebのWebたる部分を決定するW3CがHTML5のロゴを発表しました。
完全に正式というわけではないようですが、ほぼこの形で決定するでしょう。

さて、スーパーマンでも出てきそうなこのロゴマークですが、これに込められているのは

広報を担当するIan Jacobs氏は、「仕様、テストスイート、開発者向けの便利なツールの構築に加えて、W3Cの技術に関する認知度の向上と、W3C規格の採用促進を図りたいと考えている」と述べた。

link: W3C、HTML5ロゴを発表--HTML5推進を目指す - CNET Japan

このWebサイトではこういったHTML5の要素を使用しています　という事を表明するBlogパーツ?も公開されています。

HTMLのローカルストレージ機能だったりCSS3だったり、ローカルデバイスアクセス機能だったり。
HTML5のロゴのとなりのアイコンはそれらの機能が利用出来ると言うことを表しています。特別HTMLの妥当性のチェックなどは必要なく自己申告なだけですので、「そういう集まり向けのサイト」とかなら、それなりに印象を与えることはできるかも。
HTMLの機能を表現するのって難しいので、自己アピールできると思うと…

使うかどうかは別にしても、Web屋としてはこのビックウェーブに乗って行かなきゃね;p

via W3C HTML5 Logo

OracleがWebオフィススイートを発表!

Sunを買収してSunが中心となって開発していたオープンソース資産も引き継いだOracleですが、統合も落ち着いてアプリもOracleブランドでのリリースです。

おそらくMicrosoft Officeの次くらいに無料で有名なOpen OfficeもOracleブランドで提供されます。
そしてOpen Officeスイートも3.3に到達し、それとは別にサプライズとしてOracle Cloud Office 1.0を発表しました。
これはGoogle DocsやMicrosoft Office Webに対抗するOracleが新規に設計したWeb Officeスイートになります。

Oracle Open Office | Applications | Oracle

Word/Excel/Powerpointに相当するText/Spreadsheet/Presentationの3種類。メジャーな部分はこれでカバーできそうです。
当然Oracleさんなので対エンタープライズのスイート製品になると思いますが、OracleがSaaSビジネスに参入してきたことは印象的。これはWeb経由にサービスを提供していくことがエンタープライズ向けのデファクトになっていくのかな?
ちなみに、インストールするタイプのOpen Officeに対してもOracleの有償サポートが始まりました。

…OpenOffice.orgでOOoって言われてましたが、これからはOracle OpenOffice.orgになってOOOoになるのかな;p

Ubuntu ServerにNode.jsを入れてみた

Node.jsという名前だけ聞いていたのでてっきりjQueryのようなクライアントサイドのライブラリーかと思ってましたが、JavaScriptでサーバーサイドのコードを記述できるというすごいやつ。

環境はRackspace CloudのUbuntu 10.04です。

apt-get update

apt-get upgrade

apt-get install git-core

apt-get install build-essential

apt-get install libssl-dev

git clone git://github.com/ry/node.git

cd node/

./configure

make

make install

GitでNode.jsをダウンロードして、makeしてインストールしてます。
ただ、これでやるとちょっとだけ駄目な部分がある。それが実際どう悪いのかいまいち分かってないんですけど;p

# ./configure

Checking for program g++ or c++ : /usr/bin/g++

Checking for program cpp : /usr/bin/cpp

Checking for program ar : /usr/bin/ar

Checking for program ranlib : /usr/bin/ranlib

Checking for g++ : ok

Checking for program gcc or cc : /usr/bin/gcc

Checking for gcc : ok

Checking for library dl : yes

Checking for openssl : not found

Checking for function SSL_library_init : yes

Checking for header openssl/crypto.h : yes

Checking for library rt : yes

Checking for fdatasync(2) with c++ : yes

'configure' finished successfully (2.825s)

あと、Rackspace Cloudのサーバだとmakeに買った時間は3分50秒。
Amazon EC2のmicro instanceでmakeをしたら17分55秒かかりました。まさか個々まで差が出るとは思ってなかったので少々この結果には驚きです。

インストールが完了させて、動かしてみる。
例えばsample.jsと言う名前で

var http = require('http');

http.createServer(function (req, res) {

res.writeHead(200, {'Content-Type': 'text/plain'});

res.end('Hello World\n');

}).listen(8124);

console.log('Server running');

を書き込んで、保存して、

# node sample.js

Server running

となれば実行。
あとはRackspaceのIPにポートを指定して、アクセスしてあげると “Hello World”と表示出来て成功。

公式サイト　node.js
API ドキュメント　node(1) -- evented I/O for V8 JavaScript

GMOが始めるPersonal Desktop as a Service

なにやらお名前.comなどの国内ネット産業では巨大なGMOさんがおもしろいサービスを開始していました。
これぞまさに昔から夢に見た Personal Desktop as a Service = PDaaS ではないですか!
コンピュータ資源をクラウドで提供を受けるIaaSやHaaSが一大産業になれるのなら、個人用デスクトップすらクラウドで提供してくださいと言うこの発想が一歩前進。

リモートデスクトップ専用サービス｜お名前.com Windowsデスクトップ 
このサービスは簡単に言うとGMOがデータセンターでWindows Serverを動かしているので、そこへのログイン（リモートデスクトップ経由）の権利を1ヶ月から1年の単位で販売します　というもの。

例えば、
・職場や外出先からアクセスして必要なファイルを開きたい、という方！
・自宅のパソコンでは時間が掛る作業を実行させたい、という方！
・FX自動売買用に快適かつ安定した環境を探している、という方！

GMOさん自身が　高負荷 常時機動 を前提にこのサービスを組んでいるようなので家のマシンじゃ物足りないというか、無駄に高スペックで電気代かけたくないとか　いろいろ理由はあるでしょうが、魅力的とまではいかなくても、それなりに応用は利きそう。

メモリー1GBに回線は共用100Mbps。
トラフィックの面では自宅にサーバを構えるよりかはいいのかもしれません。一応日本大手のネット業者のGMOなので下手に個人がやっているよりかは安心できるのではないでしょうか。さらに、転送料課金されないので安心です。


実はAmazon EC2やRackspace Cloud Serverでも同様のことは可能です。
Windows Serverのインスタンスを起動してそれらにRDPでアクセスをかけるところは同じ。ただ、やっぱり元々サーバ用のOSなので個人で使うWindowsXPや7などのOSとは結構雰囲気が違います。そのあたりをGMOさんが隠匿してくれているので、個人で“利用する”という分には圧倒的にこちらの方がお得です。
ただ、逆にサーバの機能は使えないようになっているのでVPSとして利用することはできません。

海外のクラウドサービスをクラウドデスクトップとして使おうとする際の一番の障害は通信のボトルネックですが、このサービスなら国内のデータセンターとつながることができるのでそれなりに快適かな。
ちょっと使ってみたいサービスです

クラウド系男子が Facebookを始めた話

どうも皆さん、お元気ですか?
Facebookを始めました。

始めましたというのは語弊があって、実際は2年以上前にアカウントを作成しておりURLだってすぐに取得してます。ただ、使ってこなかったというだけです。

Blogの話題ではちょくちょく出てきます。
というよりインターネットの話が出てくる以上 Google,Apple,Facebookは話題にならないワケがない存在です。
でも、使ってこなかったんですよね。

でも、使い始めたんですよ!
Facebook / masanori

やっぱり一番に「どうすればいいのか分からない」というのが壁になるんじゃないでしょうか。次の壁は「英語圏のサービス」というところ。
使い始めて1日ですが、使い方なんて全然分かりません。いいじゃない、楽しいなら。
あと、英語圏のサービスということで、結構戸惑う部分もあるかと思います。政治観や宗教というものを明記して当たり前みたいな感じが日本とは違います。
結構その辺も意識せずに適当やってれば何とかなります。必要になれば拡充すればいいワケで、始める当初から下手に気にする必要もないかな　と割り切ると気楽です。

さぁ、みんなLet's Try & Enjoy
そして、Daliceをフレンドに!　Facebook / masanori

どうしてAppleはFlashを排除したのかな？

タイトルが柔らかい物言いなのは、確信なんて全然無いから。
それでも、ずっと前から気になっていなのでそろそろまとめてみたくなった。

自分もMacを使うようになって一番ストレスが貯まるのはFlash Playerは周りな気がします。
Windowsのころは全然気にもしなかったことなのに、Mac版は異常なまでにCPU負荷が高く右クリックをしようものなら即座にSafari諸共落としてくださいます。
お陰様でFlash動画に現を抜かす生活から抜け出せたのではないかと、ある意味感謝しております；p
そんな有様なのでiPhoneに搭載されてもなんだかな…なんて思っちゃいます。

が、そんなミスディレクションに騙されてはダメ！
今回自分が言いたいFlashというのはWebブラウザの中で動くSWF実行環境のことではなく、開発環境のFlashのこと。
Adobeは次期（奇しくもiPadの国内販売と同じ日に発売）メジャーバージョンのFlash CS5の目玉機能として発表される予定だった、Flash CS5 で iPhone 向けネイティブアプリ作成に対応という衝撃的なもの。
みなさんご存知のように、Apple側が利用規約を変更して（まだ見ぬ）Flashを含むマルチプラットフォーム向けにネイティブアプリを書き出すことのできるクロスコンパイラの利用を禁止しました。


時代はHTML5だ！
なんて言っていますが、今現在Adobe Flashの存在も無視できないと思います。
それを本当に実現したのがAndroid2.2
PCと同じバージョンのFlash 10.1を採用しPCで見るのと全く同じものをそのままAndroid端末上で見る・触ることができます。
ただ、iPhoneが登場して3年以上経過してやっとこの程度というのはAdobe側の動きのにぶさはちょっと…


というように流されてはだめ。
気になっているのは開発環境のFlashをわざわざ排斥したこと。
Apple側の理由としては異例のJobs署名の公開書簡を発表しました。
Thoughts on Flash
内容をかいつまむと、
・iPhone等のモバイル用にどうせ作り直すならHTML5などの標準技術に移行するべき
・FlashはAdobeの独占技術だ
・Appleはオープンだ
・Flashはソフトウェアの働きが悪い
・サードパーティが間に入っていい試しがない
こんな感じ。

開発者としてはたまったもんじゃない気もしないでもないですが、Appleの言い分としては「すでにApp Storeには大量のアプリケーションがあり、Flashが必要ないということを証明している」という状況らしいのでAppleは強気でいられるみたいです。


…ちょっとまって。
Flashからネイティブで動くiPhoneアプリを書き出せるように、Adobeが苦労したにも拘わらず、どうしてAppleがそれを規制したのか。
Flashという閉鎖的な環境が悪い。Flashの動作負荷はモバイルの敵だ。　と言いつつも、iPhoneのネイティブアプリに書き出されたものでさえ禁止するのはなぜだろうか。

察するにAdobeの意向はFlashを使えばiPhone/Android/PC（Air）など縦横無尽のプラットフォームで利用できるネイティブアプリをひとつの開発環境（Flash CS5）で実現できるというもの。
慣れ親しんだFlashで上で、慣れ親しんだActionScriptで開発できる。なんと効率的なことでしょう。
ですが、Appleとしてはそこが気に入らなかった。
ボタン一つで吐き出される愛のないアプリケーションを認めるとプラットフォーム全体の品質低下につながると懸念。さらに、iPhone専用というコストをかける価値があるか見極める踏み絵にも。

なるのかな？


ところで、これを書いているときに衝撃的なニュースが。

Visual StudioでiPhone・iPadアプリ開発が可能に？

6月7日にApple社CEOのSteve Jobs氏の基調講演が予定されているが、そのうちの7分間程度がMicrosoft社のVisual Studioに関するデモに割り当てられているとのこと。Apple社は従来からMac OS X標準のXcode以外でのiPhoneアプリ開発を認めていないため、Visual Studioも標準開発環境の1つとして提携する可能性が高いとのこと。

そうなってくると何が正しい？

Windows Phone 7シリーズはまだ発表されていませんが、MSのことなので当然開発環境はVisual Studioを使ってくると思います。

ネイティブアプリを書き出せるならFlash CS5を排斥した理由は?

…でも、よくよく考えるとVisual StudioってWindowsしかないですよね。最新の2010でもMac版はアナウンスされていませんし…ネタとして捉えたほうがいいかもしれません。

とりとめもなくつらつら書きましたが、要するにこれからも面白いサプライズに期待できると!

Google I/O 1日目のメモ

Google の開発者イベントの Google I/O 2010
去年のサプライズは入場者全員にAndroid携帯をプレゼントというものでしたね。あとは、ビックウェーブになるかどうかのGoogle Wave発表
今年は発表内容がものすごい！

• WebM というHTML5用の動画フォーマットの発表
• Googleが以前買収したOn2のVP8というh.264フォーマットの対抗規格をオープンソース化。h.264はいずれ有料化が予定されているので、今回のwebmによって完全にライセンスフリーで自由に使える、h.264フォーマットに対抗できる規格の登場です
• http://www.webmproject.org/
• Google App Engine for Business 版の予告 & SQL サポート
• 8ドル/1ユーザーの固定料金でクラウドパワーを利用できるようになったり、SLAの保証やその他プラットフォームの強化。
  GAE/J環境のVMwareと連携してGAEを他のクラウドプラットフォームから・への移植性向上など
• Google Storage の開発者向けプレビュー
• 月/100GBの容量/300GBの転送量を無料で利用できるAmazon S3対抗ストレージサービス。噂されていた個人向けというのではなく、あくまでもApp Engineの補完的立ち位置
  現在は開発者向けのプレビュー段階ですが、いずれはApp Engineのようにプラットフォームを公開して欲しいです。
• http://code.google.com/intl/ja/apis/storage/
• Google Wave の一般公開開始
• Google Appsアカウント向けに公開だそうです
  グループや企業内コラボレーションツールとして”広まれば”革新的なことになりそうです
• Google Font APIの発表
• 地味ながらWeb表現力を大幅に盛り上げることのできるツールになるのではと期待
  これまでのフォントの表現は観覧側のPC環境に依存していましたが、ＪS + CSSによるGoogle側で用意したフォントを表現できるというAPIです
• http://code.google.com/intl/ja/apis/webfonts/

こんな感じでまだ1日目。

友達が居なくてもDropboxを10GBまで利用する

psychobox on Flickr - Photo Sharing!

なんとみなさん!
Dropboxが10GBまで無料で利用出来るようになっていたことをご存じですか!

オンライン上に10GBもの大容量ストレージを、デスクトップクライアントからのシームレスな同期、iPhone向けの各種アプリとの素晴らしい連携性を発揮する素敵なストレージを10GBも!
と言っても、無料で利用出来る2GBに他の利用者を新しく招待すると+250MBで最大8GBまでの　計10GBです。なので、新しい利用者を招待できなければ2GBから増えることはありません。

ちなみにこの250MBのボーナスは提供する側だけでなく、このリンクから登録した人も受けることが出来るので、新規に始める人はこのキャンペーンを利用した方が普通に登録するよりも250MB分お得です。

このキャンペーンを自演するのは面倒。
この利用者の判定はアカウントを作成した時点ではなく、その利用者がPC/Mac/Linuxなどの環境にアプリケーションをインストールしないといけません。
あと、少なくともIPアドレスくらいは見ていると思うのでソフトの入れ直しとかでは辞めた方が無難な気がします。

IPアドレスという壁がある以上結構難しいところですが、こんな時こそクラウドコンピューティング!
Amazon EC2とかRackspace CloudとかでWindows Serverが利用出来る環境なら比較的簡単です。そこにたどり着くまでが大変という話もありますが、そのくらいの壁はあって当然;p
ここまでくると、後はWindows Serverを起動してRDPでつないでブラウザから自分のキャンペーンコードのURLをブラウザに入れてDropboxのクライアントをインストールすれば終了です。
おめでとうございます。

後の処理はAmazon EC2にせよ、Rackspace Cloudにせよインスタンスを終了した時点で綺麗さっぱり無くなりますし起動の度にIPが変わる特徴もある意味有意義?に機能します。
この一連の作業は30分程度で終了します。そのほとんどがインスタンスの起動待ちの時間なので作業自体は超簡単。
この程度の時間しかからないのでインスタンスの利用料もたいした金額にはなりません。

…確かにこの方法で増えることを確認しました。
が、なんだかとても不毛な感じで胸一杯になります。
素直にBlogやTwitterなどで興味のある方を招待した方が全然楽で良いかと思います。
Dropbox自体が以前書いたZumoDrive をさっくり触ってみたのように容量を10GB単位で購入できるようになればとつくづく思います。

皆さん、Dropboxライフをレッツエンジョイ!

Ubuntu server に CMS "Geeklog" を入れてみた。

珍しくクラウド使わなかった。
ローカルのマシンにインストールしたUbuntu serverにGeeklogの導入です。
インストール時にLAMP構成を選んだと思いますがたぶん、素buntuだったと思うので頑張ってPHPとMySQLを入れた気もしないでもない。

 Geeklog Japanese - The secure CMS. オープンソースCMS[携帯対応]

Windows環境からのインストールはクライアントがあるので結構楽。プロキシはどこのを読んでるのか分からない。
Geeklog Japanese - The secure CMS. オープンソースCMS[携帯対応]

他のOSの場合は伝統的な方法でインストールして下さい。

 

WordPressなどのCMSツールをインストールしたことのある人は全然問題ないです。
普通にホスティング環境を利用していれば良いんですが、今回のように中途半端に用意した環境だとMySQLの文字コードで文字化けを起こしてしまったのが…
MySQLをUTF-8にあらかじめ設定しておいた方が良いです。はい。当たり前かもしれません。
MySQL 文字化けを防ぐ、文字コードの確認と設定 | 渋谷生活

 

このような巨大CMSは使ったことがないのである意味新鮮。
Xoopsとどのあたりがどう違うのか気になる所です。

電卓、始めました。

たぶん、20年くらい前ならこれで飯が食えたと思う。
しかし、時代は変わってしまったのです。

電卓ぽいものを作ってみました。
少なくともiPhoneでみられればいいやという考えなので普通のブラウザからみると、悲惨なことになります。

http://app.itfun.jp/html/calc.html

まだまだ、挙動が不安定です。

ちなみに、これはJquery で作るAdobe Air電卓 をぱくり参考にさせて頂きました。
逆に考えれば本当にWebアプリをそのものをAirパッケージに落とし込むことが出来るんですね。すごいです。

 

もうちょっと作らないとね。

iPhone 向けの時計を作ってみた

こんな感じの時計アプリです。
そしてよく見てみると時計が2つ重なってますね。
馬鹿なのとしか言いようがない･･･

TOKEI
http://app.itfun.jp/

例によってiPhone Webアプリなので、上記のサイトにアクセスしてもらって、ホームスクリーンに追加してもらうと上の画面のような感じになります。
ちなみに、画面をタップしてもらうと色が変わります。

この配色の情報はクッキーに保存しているのですが、いまいち挙動がおかしい。
PCのブラウザからアクセスする分には問題ないのですが、iPhoneのホームスクリーンに追加するとどうやらクッキーが更新されないみたい。
なかなか難しいです。

Internet Explorer 9 のプラットフォームプレビュー版公開

見てこの素晴らしいIE9の実力を。
意外と基本に忠実な感じの仕上がりだそうです。

Internet Explorer 9: Platform Demos

ちなみにMicrosoftのベンチマークテストの結果によると、IE8の8倍近く高速になっているとのこと。

Browser	Sunspider Result Average (ms)
IE8	3825.53
Opera 10.10	2491.93
IE9 PDC 2009 Demo	834.00
Firefox 3.6	699.80
Firefox 3.7 Alpha2 Pre-Release	610.20
IE9 Mix 2010 Platform Preview 1.9.7745.6019	598.80
Safari 4.0.5 (531.22.7)	407.93
Chrome 4.0.249.89	373.87
Chrome 5.0.342.2 (dev)	293.47
Opera 10.5	285.20

このWebKit SunSpider Javascript ベンチマークによるとFirefoxを上回る性能。

なお、今回のはあくまでも新型エンジンのプレビューなので外観はIE8を引き継いでいます。まだ、なんのボタンも付いていないエンジンのプレビュー版でした。
今後も大幅に変更されることがあるかと思いますが、とにかく手を出してみたい人はどうぞ。

追記ですが、今回のIE9からはWindows XPはサポート外になると言うことで、遂にWindows Vista以降からじゃないと利用できなくなります。
これが、大きなきっかけになってくれれば良いんですけど…!

別件ですが、Windows Phone 7シリーズの標準ブラウザはIE7ベースだそうです…モバイルはまだまだ時間がかかりそう。

WebClipアイコン(Apple touch icon)の覚え書き

昨日のやつ（あなた専用のiPhoneアプリを作るサービス、始めました。 | itFun.jp）の補足と言うか、ネットだと意外と間違った?情報が多かったので自分なりにWebClipアイコンに関してまとめてみたいと思います。

iPhone/iPod TouchにはWebサイトをSafariのブックマーク以外にネイティブアプリと同じようにアイコンをホームスクリーンに置くことが出来ます。

この方法はすごい簡単で、Web開発者の方は<head>の中に

<link rel="apple-touch-icon" href="apple-touch-icon.png">

を書き込むだけ!
これで、hrefに指定した画像がホームスクリーンに追加する際にアイコンとして表示されます。

 

んで、ここからネットの情報と違うところ。

（ダウト）ファイル名は必ずapple-touch-icon.pngで無ければならない

そんなことはありません。
さらに言えばルートディレクトリに置けなんて書いているところもありますが、ちゃんと画像へのリンクになっていれば問題ありません。

逆に言い換えれば必ず画像への直リンクになっている必要はあります。
最近のWebサービスみたいに画像へのリンクが.pngで終わっていないものはダメですし、base64でバイナリ化したものもダメでした。

 

（ダウト）必ず画像の大きさは57×57にしなければならない

これを信じた自分が馬鹿だった。
実際の所は正方形ならどのサイズでも問題なしです。今回のTweet2Appも73×73の画像をそのまま読み込むようになっています。
ただ、57×57のサイズで表示されることを考えると、個別に用意できるならそのサイズを基準に作成している方が無難ですね。勘違いして53×53のサイズで画像を作成しましたが、ちゃんと読み込まれましたので小さくでも大丈夫のようですが、拡大表示されるのでちょっとｷﾀﾅｲ…

 

（ダウト）エンボス効果をかけないアイコン名はapple-touch-icon-precomposed.pngじゃなければならない

iPhoneは自動でWebClipアイコンにエンボスやグラスの様なテカテカをかけてくれます。
今回のTweet2Appもそうですが、このエフェクトをかけて欲しくない場合もあります。

そういうときは

<link rel="apple-touch-icon-precomposed" href="hogehoge.png">

relの値をapple-touch-icon-precomposedに変更しましょう。
ネットを見ているとapple-touch-icon-precomposed.pngにファイル名をしないといけないみたいな感じですが、実際はrelの方で大丈夫です。

 

iPhoneと言えばObjectiv-Cでゴリゴリという情報ばっかりでWebアプリに関しては情報不足も良いところです。
備忘録でした。