https://ameblo.jp/web-sumi/ 主にwebデザイン、プログラミングに関する情報を書きます。 ja ChromeでもSafariでも化けまくり。

metaタグのcharsetは間違いなくUTF-8なのだが・・・。

原因は、PHPファイルのcharsetはUTF-8、ブラウザでの文字エンコードはShift-JISのためだった。

解消法は色々調べたが、ここに答えがあった！
http://tsuttayo.jpn.org/php/char_trn/

php.iniで以下を確認する。

■LinuxでスクリプトをUTF-8で保存し、UTF-8でブラウザへ出力ときの設定

1)output_buffering = Off
2)magic_quotes_gpc = Off
3)default_charset = UTF-8
4)mbstring.language = Japanese
5)mbstring.internal_encoding = UTF-8
6)mbstring.http_input = auto
7)mbstring.http_output = UTF-8
8)mbstring.encoding_translation = On
9)mbstring.detect_order = auto
10)mbstring.substitute_character = none

変更後はApacheを再起動し、再度NetBeansで実行すると問題なく表示された。

ちなみにホームページはShift-JISでなく、世界共通のユニコードで作る方がいいらしい。
JavaScript組み込みなどもUTF-8の方が都合が良いらしいですよ。 ]]> https://ameblo.jp/web-sumi/entry-11079845459.html Wed, 16 Nov 2011 00:56:52 +0900
http://www.adobe.com/jp/joc/adc/meetup/round03/

本日、ベルサール新宿で開催された「ADC MEETUP ROUND03」。

当セミナーでは、主にAdobeが開発している製品の最新情報やHTML5、Flashクリエーターによる技術レクチャーなどが行われた。

さらには「ADOBE CREATIVE SUITE 5.5 WEB PREMIUM」が当たる抽選会も行われ、期待に胸を膨らませたが見事に当たらなかった・・・。

それはさておき、最初の基調講演ではAdobeより以下の紹介があった。

・V-Drums Friend Jam

ドラマーの演奏が行われ、その音をPC側で拾い、テクニックなどを採点してくれる。
採点後には世界中でランキングされる。

・Adobe Creative Cloud

Adobeが提供しているサービス「Creative Service」、「Creative Apps」、「Creative Community」が全て利用できるらしい。個人用は\5,000/月でワークグループ用は\7,500/月。

・Adobe Edge

HTML5、CSS3によるアニメーションをコードを書かずにGUI的に作成できる。Adobe Flashを使っている人には馴染みやすいタイムライン形式で簡単に作ることができる。

・Adobe Muse

コーディングができない人でもDTPのノリでできるため、Webデザインが出来る人であればWebサイトを制作することができる。

・Flash Player11

新たに「Stage 3D」という機能が搭載され、ブラウザ上での3Dによる表現が大きく向上された。会場ではSQUARE ENIXで制作している3Dのゲームが紹介された。

・CSS Shaders

SVGなどのイメージを複雑に変形したり、多面的に動かしたりできる。動画の場合は再生しながら、変形したりできる。

・CSS Regions

DTPのノリでテキストの回り込みを行うことができる。

・CSS3 MOBILE PACK

タブレットやスマートフォンサイトの構築を支援するためのツール。CSS Propertiesという機能では画像の配色やグラデーションからCSSコードを生成することができる。


今回受けた印象としては、やはりHTML5によるWebサイト制作支援の強化とタブレットやスマートフォンなどWebを利用できるデバイスが多様化してきたことによるユーザーのニーズへの対応が進められていることだ。
Webの進化は止まらない。むしろ、Adobe社のような大企業でさえ、進化が速すぎて追いつくのが大変だと言うことをおっしゃっていた。

このような状況からWebサイトを制作するのにもPC、スマートフォン、タブレットなどに対応する必要がある場合はいかに時間をかけずに制作できるかが重要になってくるに違いない。
そのためにもAdobe製品のような制作・開発ツールの必要性はしっかりと認識しておかないといけない。
]]> https://ameblo.jp/web-sumi/entry-11077723877.html Sun, 13 Nov 2011 22:14:54 +0900