ざっくりメモメモ。


IMG_1679

こんにちは!

初のスタジオ録音で興奮したminamiです。

「ナップは最高だ〜」とみんなで叫んでいました。

 

先日、スマホのコーディングをしていて

いろいろと手こずったのでざっくりメモメモ。

 

まずは、metaの設定です。

■表示設定、拡大縮小はNO。

<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1, user-scalable=no">

 
■アドレスバーやツールバーの表示を無くすやつ。

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

 
■いつもの。

<meta name="robots" content="index,follow">
<meta name="keywords" content="knap" >
<meta name="description" content="knap" >

 
■OGP設定。

<meta property="og:title" content="knap">
<meta property="og:url" content="http://knap.jp/">
<meta property="og:site_name" content="knap" />
<meta property="og:image" content="img/share.png">
<meta property="og:description" content="knap">
<meta property="fb:app_id" content="000">

 
こんな感じで設定してみました。

あとは、AndroidとiPhoneの表示をjsで制御して完成。

チャンチャン。

 

その他、参考にさせていただいたサイトをご紹介します。

■Facebookのシェアボタン、Twitterのツイートボタンをカスタマイズ方法

http://itmemo.net-luck.com/facebook-share-twitter-tweet/

■webアプリの作り方

http://yuzuponzu.net/weblog/pg/html5-apps-firs/

■iPhoneの「ホーム画面追加」を促す

http://code.agnist.jp/iphone/294

■OS、ブラウザ判定をしてCSSハック

http://www.browncrown.net/blog/?p=2098

 

12月はてんてこ舞いな私。

乗り切れるのか!潰れてしまうのか!

 

弊社では、愉快な仲間を募集中。
http://knap.jp/recruit/

よろしくお願いしま~す。

 

Scroll to top