グラビカ学習帳～新宿のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

■Scirocco Cloud（シロッコクラウド）
http://www.scirocco-cloud.com/

クラウドベースによるandroid端末のテストサービスです。

・リモートでの実機確認（ブラウザだけで可能）
・android4.1までの100機種以上に対応（2013/10/22）
・最小で5時間￥4,000から


有料プランであれば全ての機種で検証できるので、
幅広く検証したい場合に便利そうです。

Twitterボタンなどで使われている「data-count="***"」や「data-lang="***"」などの属性。
なんだろうと気になっていたのですが、HTML5で追加されたカスタム属性だそうです。

HTML5では、タグに独自の属性を記述することができます。
例えば
<img src="***" data-url="***">
<a href="***" data-text="***">
のように、
「data-***=」の形式であれば自由につけられます。

JavaScriptなどで使う独自の値をタグに持たせたいときに、
HTMLの仕様内でできるのでとても便利！です。

こちらで詳しく書かれています。

■havelog
HTML5では、data-* の書式でカスタム属性 ( Custom Data Attribute )を定義できるらしい

複数のマーカーを設置したマップを作成できる、Googleマップの「マイマップ」機能。
先日作成してIE8で確認したところ、真っ白い画面が表示されるばかりで地図が見れませんでした。

http://news.mynavi.jp/news/2012/09/18/010/index.html

上の記事によると、少し前になりますがGoogle AppsのIE8対応が終了したそうで、
そのためにマイマップが見れなくなっていたようです。

ちなみに旧バージョンのマイマップであればIE8でも見れます。
結局新旧を出し分けて対応しました。

先日メモリを増設したところ、Photoshop CS6でタイトルのような現象が起きました。
下のSSはファイルを開いたところで、開くこと自体はできているのですが
何も表示されません。


まっしろ。

調べてもそれらしい情報が出てこなかったためサポートに問い合わせてみました。

するとメモリ増設の件はひとまず置いておいて、挙動からグラボ関係が怪しいということで
グラフィックプロセッサーの使用をOFFにしてくださいとの案内。



↑のチェックを外したところ、見事に解決しました！

結局、メモリの増設がきっかけではあったものの、
グラフィックドライバのバージョンが古いことが原因だったようです。

ドライバを更新することでグラフィックプロセッサーも問題なく使用できるようになりました。

Google Chromeのデフォルト機能である「デベロッパーツール」ですが、
ソースを見る以外にも役立つ機能が結構搭載されていることを知り、
ちょっとずつ使っていっています。

そのうちの1つにユーザーエージェントの変更があります。



1.デベロッパーツールの右下の設定アイコンを押します。

2. Settings画面が開くので、「Overrides」内の「User Agent」にチェックを入れて環境を選びます。

これだけで変更することができます！

拡張機能を入れる必要もないのでお手軽に使えるのが良いですね。