BLOG

スマートフォンサイトのフリック

会社で保守をまかされているサイトのスマホサイトを制作することになりました。レスポンシブでスマホに対応させることは何度かありましたが、スマホ専用サイトを作成するのは、初めてです。 レスポンシブやIOSのインターフェイスデザインの経験でデザインする分には問題ありませんでしたが、フリックの実装にはまりました。いくつか公開されているjsを導入しましたが、フリックエリアを縦にこすりつけるようにフリックするとjsの動作が止まるという仕様のものが多くて困りました。実際にそのような操作をされることは稀なのでしょうが、不具合があると分っている物を納品するわけにはいかず、色々と試してみました。そして今回はflipsnap.jsを使わせていただくことにしました。

flipsnap.js

導入してみて僕の検証環境ではAndroidでもIOSでもバッチリ動いています。上記のようなバグもありません!ポートレートでもランドスケープでもスムーズです。導入方法もサイトに詳しく掲載されています。英語ですが・・・ソースをみれば何となくわかりました!僕もそのうち自前で書いてみたいです。

flipsnap.jsはこちらから

iPhone5c

Softbankの残債無料キャンペーンを利用して4Sを5Cに機種変更しました。 やっぱりiPhoneいいね!5cサイトで見るよりも実物かわいすぎました。機種が変わっても速攻復元できるし、機種変更のストレスなんてほぼほぼ無いです。ただ代を重ねてきて地味にバックアップの容量が大きかったので、復元後一度バックアップを消しました。ファイルの場所は以下の通り。

50G近くあった容量が25Gになりました。バックアップが複数になってたのかなぁ?謎です。

IOS7アップデート

IOSアップデートがきました。今までのデザインを一新したフラットデザイン!好き嫌いはあるでしょうが僕的には楽しみです。 で、早速アップデートしようとしたところiTunes11.0.5が必要との事・・・つか11.0.5なんですけど・・・・

ソフトウェアアップデートでも何も出てこなかったのでAppleのサイトにいったら

ありました!新しいバージョンのiTunes!

iTunesをMacでインストールするなんて何年ぶりだろう?ずっとApp Storeからのアップデートでしたから

無事アップデート開始!

できました!インターフェイスが今までと全然違うのでなんだか新しい携帯を購入したお得な気分になりました。 なんだかちょっとsafariの挙動がおかしいような気がしました。pass記憶しない?? まぁそのうちアップデートで改善されるでしょう!

Sponsored Links