tag:blogger.com,1999:blog-12085307477559028372024-03-14T16:09:22.269+09:00kj日記‐スマホやモバイルなどデバイス対応技術メモスマートフォンやモバイル対応の実装方法やデバイスごとの注意点など投稿しています。JavaScript/CSS等の技術情報など個人的なメモも。Unknownnoreply@blogger.comBlogger14125tag:blogger.com,1999:blog-1208530747755902837.post-13993569096107653352011-11-14T09:06:00.000+09:002011-11-14T09:06:12.140+09:00レスポンシブWebデザインってリキッドとちがうの?リキッドレイアウトで組む事自体は一緒ですが、<br />
ブラウザのウィンドウサイズや、デバイスにあわせて<br />
レイアウトを最適化するというデザインの考え方です。<br />
<br />
詳しくはこちらのサイトなどで。<br />
<a href="http://kachibito.net/web-design/responsive-web-design-resource.html" target="blank">iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン</a><br />
<br />
<a href="http://designaholic.cc/2011/11/webweb26.html" target="blank">レスポンシブWEBデザインで作られたWEBサイト26選</a><br />
<br />
ただ、どこも海外のサイトばかりで日本企業とかのこういったサイトがほとんど載ってないんですよね。。<br />
そもそもやってないんでしょうけど。<br />
<br />
ちょっと探して見ましたが余り見つけられないですね。<br />
力不足。。<br />
<a href="http://www.nhk.or.jp/studiopark/" target="blank">NHKスタジオパーク</a><br />
<br />
<a href="http://blog.miraikan.jst.go.jp/" target="blank">BLOG 未来館のひと</a><br />
<br />
<a href="http://www.kayac.com/" target="blank">面白法人カヤック</a><br />
<br />
すごい技術だとは思いますが、<br />
画像最適化(画像変換)と更新作業(各デバイス別の検証など)をどうやって<br />
行うのかを決めるのにすごく手間が掛かりますね。<br />
<br />
やっぱりマルチデバイスの表示を考えながら作らなくてはいけないので、<br />
僕みたいなそこそこの知識ではまだまだ遠い世界に感じますねー。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-56781293362115712742011-11-10T00:26:00.003+09:002011-11-10T00:34:57.999+09:00スマホの盗難・紛失対策先日、スマホのセキュリティについて投稿しましたが、<br />
<br />
ウィルスよりも、スマホ自体を落としたりしたときのほうがインパクトが大きいですよね。<br />
<br />
フィーチャーフォンでも、紛失した場合にアドレス帳や写真などの<br />
データが抜き取られたりするリスクはありますが、<br />
<br />
スマホのほうがとくに取り扱う情報量が多く、内容もビジネス・プライベート両用途で、<br />
<br />
たとえば、会社の業務に使用しているwebシステム・webメールなどの企業の機密情報へのアクセスや<br />
個人のネットバンキングへのアクセスなどさまざまな情報を取り扱うケースが多いと思います。<br />
<br />
紛失時の対策にもアプリがありますので導入されるのもひとつの方法です。<br />
<br />
<a href="http://click.linksynergy.com/fs-bin/click?id=gmNACGSnnc8&offerid=148848.10000159&type=4&subid=0" target="blank">シマンテックストア</a><img border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=gmNACGSnnc8&bids=148848.10000159&type=4&subid=0" style="padding:0;"><br />
<br />
<a href="http://click.linksynergy.com/fs-bin/click?id=gmNACGSnnc8&offerid=64738.10000262&type=4&subid=0" target="blank">マカフィー・ストア</a><img border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=gmNACGSnnc8&bids=64738.10000262&type=4&subid=0" style="padding:0;"><br />
<br />
そのほか。<br />
<a href="https://market.android.com/search?q=%E7%9B%97%E9%9B%A3&so=1&c=apps" target="blank">Andorid向け</a> <a href="http://itlifehack.jp/archives/5468383.html" target="blank">参考</a><br />
<br />
<a href="http://ax.search.itunes.apple.com/WebObjects/MZSearch.woa/wa/search?entity=software&media=software&restrict=true&submit=seeAllLockups&term=%E7%9B%97%E9%9B%A3" target="blank">iPhone向け</a><br />
<br />
<br />
また、もうひとつ紛失時に問題なのは、microSD自体だとおもいます。<br />
可能な限りロックや暗号化したいですが、現状あまりお薦めできるものはないようです。<br />
<br />
一応アプリはあるようですが、、データが消えることがあるみたいです。<br />
<a href="http://sp.oshiete.goo.ne.jp/show_qa/6e24b970b2ee393e53d5f299a589c8e7/" target="blank">FilesCrypter</a><br />
<br />
<br />
<br />
対策のその前に、<br />
・IDやパスワードを端末に記録しておかない<br />
・端末にはパスワードロックがかかるようにする<br />
・定期的にパスワードを変更する<br />
など基本的なことができていないとあまり意味がないでしょう。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-57386337027081053092011-10-31T23:49:00.003+09:002011-11-04T00:40:17.500+09:00スマホのセキュリティとウィルス対策ソフトスマホもPC同様にセキュリティ対策が必要です!<br />
<br />
ガラケーだとウィルスはあまり聞かないですが、<br />
スマホだとアプリ経由でウィルスに感染することがあります。<br />
<br />
iPhone(Apple)はOSのソースコードが公開されていないので、<br />
どちらかといえば、Androidのほうが危険といえます。<br />
<br />
APPLEの「App Store」なら配信前にアプリのチェックが入るけれど、<br />
Android Marketだと、チェックは入っていないようです。。<br />
<br />
と、言うわけでAndroidではとくに注意が必要です。<br />
<br />
一応スマホ用のウィルスソフト紹介しておきます。<br />
<br />
<br />
<div style="padding:10px 20px;"><a href="http://click.linksynergy.com/fs-bin/click?id=gmNACGSnnc8&offerid=148848.10000159&type=4&subid=0" target="blank">シマンテックストア<br />
<img alt="シマンテックストア" border="0" src="http://www.symantecstore.jp/img/special/LinkShare/banner/NMS/468_60.jpg"></a><img border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=gmNACGSnnc8&bids=148848.10000159&type=4&subid=0" style="padding:0;"><br />
<br />
<a href="http://click.linksynergy.com/fs-bin/click?id=gmNACGSnnc8&offerid=234364.10000209&type=4&subid=0" target="blank">ウイルスバスター公式トレンドマイクロ・オンラインショップ<br />
<img alt="ウイルスバスター公式トレンドマイクロ・オンラインショップ" border="0" src="http://a500.g.akamai.net/7/500/484/00001/www.trendmicro.co.jp/product/vb2007/online/dl/images/12/VBMA_02_468_60.jpg"></a><img border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=gmNACGSnnc8&bids=234364.10000209&type=4&subid=0" style="padding:0;"><br />
<br />
<a href="http://click.linksynergy.com/fs-bin/click?id=gmNACGSnnc8&offerid=64738.10000262&type=4&subid=0" target="blank">マカフィー・ストア<br />
<img alt="マカフィー・ストア" border="0" src="http://www.storemcafee.jp/mcfs/catalog/images/affiliate/TopLinkF468_60_000004.gif"></a><img border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=gmNACGSnnc8&bids=64738.10000262&type=4&subid=0" style="padding:0;"><br />
<br />
<a href="http://googleads.g.doubleclick.net/aclk?sa=L&ai=B5iEyYrWyTsGlNILlkQXE4eCfCO6iy_ICtobryTiuiJnikgHAp4BIEAEYASCw9eAZKAQ4AFCJ65uK_P____8BYImDzoSYFLIBGmthd2FqaS1rYXdhamkuYmxvZ3Nwb3QuY29tugEKMzM2eDI4MF9hc8gBAdoBO2h0dHA6Ly9rYXdhamkta2F3YWppLmJsb2dzcG90LmNvbS8yMDExLzEwL2Jsb2ctcG9zdF8zMS5odG1s4AECqQJ7WRvGJohLPsACBcgC5tmwK6gDAbADkpWgBsgDH-gDuwLoAyD1AwgAEMA&num=1&sig=AOD64_3td5lt_w2DO4nshLRWXOgvrO92Rw&client=ca-pub-6611579811836555&adurl=http://au.track.decideinteractive.com/n/82506/147862/www.verisign.co.jp/1dun07x%3B11%3B4%3B%3B8%3B%3Bctuagh%3B%3B%3Bp66rf%3Bcak%3B1%3B/i/c%3F0%26p%3Dhttps%26pq%3D%252fsolution%252fbusiness%252fsmartphone%252ehtml%26247cr%3D15096024702%26247subproduct%3DCONTENT&nm=5&nx=84&ny=5" target="blank">ベリサイン</a><br />
</div><br />
<br />
あとちなみに、ガラケーでもかんたんログインなどで端末IDとかを使用しているので<br />
へたなサイトで登録した情報が抜き取られて被害にあう可能性ももちろんあります。<br />
<br />
なんにせよ危険なのは代わりないのですが。<br />
少なくとも、スマホやガラケーはとくに個人情報を多く持っている特性があるので、<br />
自分のことではなく他人に被害を及ぶことを考えると<br />
最低限の備えと不要なサイト・アプリは使用しないことは気をつけたいですね。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-14563945111415559002011-10-29T04:51:00.001+09:002011-11-01T12:28:04.653+09:00マイクロHDMI端子でスマホとテレビ(AQUOS)をつなぐ。マイクロHDMI端子をかいました。<br />
<br />
初日にいろいろ接続してみたんですが<br />
なぜか繋がらず、なにも映らず。。。<br />
<br />
スマホ端末が悪いのか、<br />
テレビが悪いのか、<br />
はたまた、HDMI端子が不良品だったのか。。<br />
<br />
まったくわからないまま。。<br />
<br />
でも今日繋いでみたらうまくいきました!<br />
うちはAQUOSなんですが、<br />
どうも設定を変えないといけないみたいです。<br />
※もともと設定変えてたのかも・・・。<br />
<br />
一応。<br />
接続しているテレビのHDMI端子の箇所の<br />
スキップ設定がされていたので解除。<br />
メニューからスキップ設定を探す。<br />
<br />
あとはメニューから機能変更?のカテゴリの設定を<br />
ちょこちょこ変えたり<br />
電源切って端子つけ直したり<br />
いろいろやったのでどの設定で解決したのかは<br />
不明。。。<br />
<br />
ニーズがあれば設定確認して調査してみます。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-85731093885286868762011-10-25T23:21:00.003+09:002011-11-01T12:29:44.036+09:00スマホサイトに載せる情報量各デバイス別の掲載する情報量についてですが、<br />
<br />
・PCサイトは全部載せ、<br />
<br />
・モバイルサイトは最低限の利用者への提供<br />
<br />
とかたまに聞くんですが、<br />
実際どうなんでしょう。<br />
<br />
個人的に思うのは、<br />
普段会社とかで見慣れたPCサイトをスマホでも見れるのにわざわざ<br />
どこに求めているページ・機能があるのかわからない。<br />
もしくは無い・・<br />
<br />
なんてスマホサイトならいらないと思うんですが。<br />
PCサイトで利用できるなら多少見難くても利用する人はするし。<br />
<br />
たとえばfacebook。<br />
週次?とかで改修されていってますが、<br />
ようやくスマホでも一通りの情報が見れるようになりましたね。<br />
<br />
前はtwitterみたいな機能しかなくて何だこれだれがやるんやろって思ってました。<br />
デスクトップサイトに行ってもまた次アクセスすると戻るし。<br />
<br />
というわけで、<br />
PCもスマホも全部載せを希望しますー!<br />
<br />
そもそもスマホは<br />
PCのように情報を取得できて<br />
モバイルのようにどこでもアクセスできるんだから、<br />
両方で取得できる情報は極力載せるべきですね。<br />
<br />
見ないと思ってもそこに実はニーズがあるかもしれませんよ。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-13411928267410895622011-10-25T02:20:00.000+09:002011-10-25T02:20:10.946+09:00ワンソースマルチユースサイトマルチデバイス マルチユースなサイト構築をめざしてサイトを作りたいものですが、<br />
<br />
なかなか対応させるのは面倒。<br />
構築時のリスクがあるので説得する気にもなりません。<br />
<br />
主なデバイスとして、PC・スマホ・フィーチャーフォン・タブレット(=PCで)でしょうか。<br />
これに今後、家庭用のTVだったり、ゲーム機からのアクセスも<br />
考慮しなくてはならなくなるかもしれません。<br />
<br />
いまの技術がそのままデバイスにも使えて、<br />
通信環境も変わらないなら問題ないですが、、<br />
そう考えると結果的にコストがかかるのかなーと。。<br />
<br />
無駄に技術力を披露して、構築するよりも<br />
CMSとかのプラグインを入れてテンプレ増やしてつくったほうがいいと思っています。<br />
だからってCMS入れましょうってのもハードルがよりたかいんですが。。<br />
<br />
じゃぁ、情シスの方も打ち合わせにつれてきてもらって。。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-35179660797412324422011-10-24T15:21:00.001+09:002011-10-24T15:21:24.370+09:00あとでよむ。すごい時間割<br />
http://www.sugojika.com/<br />
<br />
媒体、文字数問わず応用が効く! Webコピーライティング基本4カ条と事前準備<br />
(1/3):MarkeZine(マーケジン)<br />
http://markezine.jp/article/detail/14543<br />
<br />
図解で分かるアフィリエイトの仕組み<br />
http://ascii.jp/elem/000/000/632/632144/<br />
<br />
なぜマーケティングにゲームの力が必要か? 5分で分かるゲーミフィケーション<br />
http://wired.jp/2011/10/22/%E3%81%AA%E3%81%9C%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AB%E3%82%B2%E3%83%BC%E3%83%A0%E3%81%AE%E5%8A%9B%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%8B%EF%BC%9F/<br />
<br />
IMJ、企業が社内で実施するSEO<br />
http://web-tan.forum.impressrd.jp/n/2011/09/29/11231Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-662644716058087862011-10-19T09:46:00.001+09:002011-10-24T21:29:15.260+09:00見えない行列にならぶ行列にならぶのははとても嫌いです。<br />
<br />
今夏の台風での電車の入場規制とかホントえげつなかった。<br />
<br />
行列をマネジメントする方法がwebでも幾つかあるようなので紹介します。<br />
<br />
かなり前にWBSで紹介されていたと思うのですが、<br />
美容院での順番待ちする時間を有効に使えるサービス:E-park<br />
<a href="http://www.shampoo-blog.jp/2011/10/e--.html">美容室shampoo:E-park</a><br />
<br />
整理券にリマインド機能が付いているといったところでしょうか。<br />
店舗で仮受付すると、順番が来ると携帯にお知らせが来るといったサービス。<br />
順番が来るちょっと前にお知らせがくるので、<br />
受付後は近くで買い物やお茶などができて便利ですね。<br />
<br />
<br />
<br />
・Qreminder<br />
WEB上で行列に並ぶサービスだそうです。<br />
こちらは実際に使用してないのでわからないのですが、<br />
同じような考え方だと思います。<br />
いまどのくらいならんでますよー。あなたはあと○番目です!と言った感じ?<br />
<a href="http://www.100shiki.com/archives/2011/10/qminder.html/trackback">詳しくは百式さんのブログで</a><br />
<br />
<br />
行列とはちがいますが、通販でいうと売り切れ商品の出荷のリマインダーなど<br />
ITサービスとサプライチェーンを直結したBtoCサービスが今後ますます増えそうです。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-67568301358479072042011-10-18T09:16:00.001+09:002011-10-18T09:23:18.826+09:00スマホのタブデザインphpspot開発日誌で取り上げられていましたが、<br />
スマホだとタブ3つが限界かと思ってましたが、こうすればいいですね。<br />
<br />
<a href="http://phpspot.org/blog/archives/2011/10/okuijqueryinfin.html">phpspot開発日誌:タブが何個になってもOKなUIを作成できるjQueryプラグイン「Infinite Rounded Scrolling Tabs」</a><br />
<br />
<br />
また、IMJからスマホのユーザビリティに関するプレスリリースが出てます。<br />
<br />
<a href="http://www.imjmobile.co.jp/news/report_20111014-319.html">IMJモバイル:「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を発表<br />
~最も支持されるJavaScriptの表現方法とは~</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-30401040691600601822011-10-13T07:59:00.001+09:002011-10-24T21:28:46.948+09:00モバイルサイトモバイルって今後どうなるんだろう。<br />
<br />
今と変わらない。<br />
<br />
制作仕様でいうと<br />
まずdcmのガラケー仕様に合わせることを考えると<br />
まだ3年くらいは動けない?<br />
<br />
<br />
コンテンツでいうと、<br />
<br />
ガラケーは買いきりもあるが、<br />
月額定額自動引き落としが主流なので<br />
これを普通の買いたいものだけを買う仕様にできるか。<br />
<br />
spモード見たいにガラケーの流れを<br />
どこまで取り入れるのかも考えどころ。<br />
<br />
コンテンツプロバイダーがきちんと<br />
spモードの対応が必要か検討すべきですね。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-1834359852043937272011-10-12T12:44:00.003+09:002011-10-24T21:28:19.761+09:00モバイルサイトをJSで簡易スマホ対応これを使えばある程度スマホの表示に近づけられるようです。<br />
半角カナを全角カナへ変換するだけでも結構つかえるのでは?<br />
<br />
sparrow.js<br />
<a href="http://www.symmetric.co.jp/sparrow/" target="a">http://www.symmetric.co.jp/sparrow/</a><br />
<br />
<br />
<b>JSファイルを読み込むだけで利用できる効果</b><br />
<br />
Viewportを自動で挿入し、ケータイサイトがそのままスマートフォンで見れる<br />
スマートフォンだけに適応するCSSを定義<br />
半角カナを全角カナへ変換する<br />
ページ内リンクにスクロールアニメーションを挿入<br />
絵文字を絵文字画像に変換する<br />
STYLE属性中のfont-sizeプロパティの変換(文字サイズの調整)<br />
<br />
<b>HTML中の要素にclass属性を埋め込むことで実現できる機能</b><br />
<br />
指定した要素以下を削除<br />
指定した要素以下を別の文字列で置き換える<br />
STYLE属性を無効にし、クラス属性で指定したクラスセレクタを有効にする<br />
スマートフォンIF(リスト)に変更するUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-73818528998442692762011-10-12T12:38:00.000+09:002011-10-12T12:38:53.474+09:00スマホ化既にPC・モバイルサイトが揃っていて、<br />
なおかつモバイルサイトには、3キャリア変換が入っている場合の、<br />
<br />
スマートフォン対応を検討しています。<br />
<br />
現状、<br />
<br />
3キャリア変換ツールでスマホもできないの?<br />
<br />
└スマホも対応出来るが、システム部分でネックあり<br />
<br />
ならばPCサイトをスマホ化は?<br />
<br />
└システム部分の動作はある程度問題ないが、<br />
表示させる部分の調整や、データ通信量が多くなる。<br />
<br />
現状PCサイト→スマホのコンバートツールを検討中Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-52740228477798217832011-09-22T12:58:00.000+09:002011-09-22T12:58:43.226+09:00ブログテーマブログテーマの模索中です。<br />
<br />
①金融系全般<br />
②FX経過報告<br />
<br />
③日記<br />
④資格取得系<br />
<br />
⑥マーケティング勉強<br />
⑦イノベーター系の情報<br />
<br />
⑧webサイト収集系<br />
⑨RSS収集系<br />
<br />
とかどうかな。Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1208530747755902837.post-77964385336793851192011-09-22T12:24:00.001+09:002011-09-22T12:24:24.840+09:00実家に帰る明後日実家に帰ります。Unknownnoreply@blogger.com0