ジャパンディスプレイさまはソニーモバイルディスプレイ、東芝モバイルディスプレイ、日立ディスプレイズの３社を産業革新機構のもと、2012年春に事業統合された会社です。中小型ディスプレイ市場では、チームジャパンと呼ばれています。統合後、初となるFPD展にお声がけ頂きました。

展示会の壁面グラフィックは約８年ぶりでしたが、楽しんでデザインできました。さすがに5m級のグラフィックをブースで見ると、迫力があります。

W5000 x H1500


W3500 x H1500

W2100 x H900

そして何より日本の技術は凄いです。薄くて奇麗で省電力、さらにタッチパネルを別途付ける必要も無いんです。

関係者のみなさま、ありがとうございました。

http://support.apple.com/kb/DL1070?viewlocale=ja_JP&locale=ja_JP

2012年3月12日にSafari 5.1.4アップデートがリリースされました。
このアップデートに伴い、JavaScriptで配列を扱う際には注意が必要になりそうです。
※JSLintでチェックしていれば、アラートで気がつきますが。

サンプル

[javascript toolbar=”false”]
var sampleArray = new Array(‘twitter’,’facebook’,’googleplus’),
i=0,
l=sampleArray.length;
for(;i‘+sampleArray[i]+’

‘);
}
[/javascript]

単純に配列を作成し、要素を書き出しているスクリプトです。

期待値

twitter
facebook
googleplus

Safari5.1.4での結果

twitter
twitter
twitter

回避策を含むサンプル

JSFIDDLE

一応コードを記載

[javascript toolbar=”false”]
var sampleArray01 = new Array(‘twitter’,’facebook’,’googleplus’),
sampleArray02 = [‘twitter’,’facebook’,’googleplus’],
i=0,
l=sampleArray01.length,
ii = 0,
ll = sampleArray02.length;
for(;i‘+sampleArray01[i]+’

‘);
}

document.write(‘

——————-

‘);

for(;ii‘+sampleArray02[ii]+’

‘);
}
[/javascript]

修正箇所

new Array()ではなく、[ ]で配列を記述。
JSLintではnew Array()を使って配列を記述するとエラーとして扱われますが、
過去にnew Array()を使用して制作したサイトでは期待通りに動かないということになります。
ん〜、困りますね。

itemscope

参考：Microdata

以下はitemscopeの記載例です。
[html toolbar=”false”]

[/html]

文書によれば、このMicrodataは機械（コンピュータ）がコンテンツを理解しやすくするためのラベルであると記載されています。きちんとマークアップされたHTML文書内であれば、別段記載する必要性を感じなかったのですが、よくよく文書を流し読みしてみるとvCard、vEventという項目があることに気がつきました。

これは勘の良い方はお気づきでしょうが、webコンテンツからイベントや個人データ（キャリア用途ですかね？）などを、それに特化したサービスと連携させるのが目的なのではないかと。

実用性は現時点では未知数ですが、たまたま発見したので備忘録っと。

[bash toolbar=”false”]
#!/bin/sh

# バックアップファイルを何日分残しておくか
life=90
# バックアップファイルを保存するディレクトリ
dirpath=’/home/sites/heteml/users/hogehoge_hogehoge_path’
# バックアップSQLファイル名
filename=`date +%Y%m%d`
# データベース情報
dbHost=’hogehoge.heteml.jp’
dbUser=’hoge_user_name’
dbPass=’hoge_password’
dbName=’hoge_database_name’

# mysqldump実行
mysqldump –opt –host=$dbHost –user=$dbUser –password=$dbPass $dbName > $dirpath/$filename.sql
# パーミッション変更
chmod 700 $dirpath/$filename.sql
# 古いバックアップファイルを削除
oldfile=`date –date “$life days ago” +%y%m%d`
rm -f $dirpath/$oldfile.sql
[/bash]

参考：mysqldump コマンド
参考：heteml の cron 設定

お役に立てれば幸いです。
＃ご使用の際は自己責任でお願いします。

OSX Lion Server をインストールして何故か Web サーバが「設定の読み込みエラーが起きました」というエラーメッセージが表示される状況に遭遇。Mampをインストールしている旧OSから使い続けていたので、その辺りの問題かもしれませんが、他のマシンでは正常動作だったのでログをもとにググってみました。

https://discussions.apple.com/thread/3189397

You could try to restore the default config file.
make sure server.app is closed then
cd /etc/apache2
sudo mv httpd.conf.default httpd.conf
sudo apachectl graceful

ターミナルを起動し、上記コマンドを入力して解決。
備忘録としてメモ

Webコンテンツの表示速度を早める為には、JavaScriptやCSSのMinify化は重要です。Minify化する方法はいくつかあると思いますが、有名な YUI Compressor は MAC OSX に簡単にインストールできます。写真はオンラインサービスのキャプチャですが、これをMACで使えるようにしましょう。

homebrew がインストール済みなら、ターミナルから以下のコマンド一発です。

[bash toolbar=”false”]
brew install yuicompressor
[/bash]

簡単ですよね。
なぜ、今までインストールしなかったのかと不思議なくらいです。

圧縮するのも簡単です。
以下はsample.jsをsample.min.jsとして圧縮する事例です。

[bash toolbar=”false”]
yuicompressor -o sample.min.js sample.js
[/bash]

-v オプション付けてみると、WARNINGという名のアドバイスが得られます。

[bash toolbar=”false”]
yuicompressor -o sample.min.js sample.js -v

[WARNING] Try to use a single ‘var’ statement per scope.
[WARNING] The symbol mode is declared but is apparently never used.
[/bash]

「var は１ヶ所にまとめて記載しなさい！」
「mode は、どこにも使われていなから削除しようよ」
という感じのありがたい指摘です。

さらに Aptana Studio 内でターミナルを使えるので、
コード書きながらvオプションでYUI Compressorを使えば
最適化コードを確認しながら開発できます。

無駄の無いJavaScriptの書き方も、自ずとマスターできるようにもなります。
一石二鳥です。

日本語化はPleiadesよりもサードパーティ版の日本語化言語パックを使うと簡単だったので備忘録

インストールしてある環境はMAC OSX 10.7.2 LION

1. 日本語化言語パックをダウンロード
2. Aptana Studio 3 インストールディレクトリ内のdropinsディレクトリにnlpackという名前の新規ディレクトリを作成
3. ダウンロードしたzipファイルをnlpackディレクトリにコピーして解凍
4. zipファイルは削除
5. Aptana Studio 3 を起動

これで完了。

ディレクトリ構成はこんな感じです

＃画像クリックで大きな画像が表示されます。

Viewport argument value “device-width;” for key “width” not recognized. Content ignored.

調べてみるとViewportで指定している「device-width;」が原因で、
content=””の区切り文字は
誤「;」セミコロン
正「,」カンマ

とのことでした。

今まで指定していたメタタグ
<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=1.0;user-scalable=0;">

修正後のメタタグ
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">

これでコンソール内のWarningは出力されなくなりました。

よく使うコマンド

brew install FORMULA… # パッケージのインストール、もしくはアップデート
brew uninstall FORMULA… # パッケージのアンインストール
brew search [foo] # パッケージの検索
brew list [FORMULA…] # 今インストールしているパッケージを一覧表示する
brew update # Homebrew本体のアップデート
brew outdated # インストール済みのパッケージの中で最新でないものを表示する