Yahoo! JAPANトップページの機能を正しくご利用いただくには、下記の環境が必要です。パソコンでご利用のお客様 Windows：Edge 最新版 / Chrome 最新版 / Firefox 最新版 macOS：Safari 15.0以上タブレットでご利用のお客様 iOS 15.0以降、または、Android5.0以降のOSに標準搭載されたブラウザー ※日本国内版として発売されている端末でご利用ください。
Yahoo! JAPAN
Yahoo! JAPANトップページの機能を正しくご利用いただくには、下記の環境が必要です。パソコンでご利用のお客様 Windows：Edge 最新版 / Chrome 最新版 / Firefox 最新版 macOS：Safari 15.0以上タブレットでご利用のお客様 iOS 15.0以降、または、Android5.0以降のOSに標準搭載されたブラウザー ※日本国内版として発売されている端末でご利用ください。
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
東大で学んだ卒論の書き方★論文の書き方
卒業論文の書き方を詳説
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
こんにちはこんにちは！！ 近頃は、はてなブックマーク人口もめっきり増えてきた感じがしませんか！ 2chまとめサイトのようなアクセス多いところがどんどん活用しはじめたり ベストセラー本で紹介されたりとかの影響なんでしょうか！ 数年前とくらべてアクティブなユーザーも増えて、 人気エントリーだと1000や2000といった4桁ブックマーク数もあたりまえになってきました！！ そんなこんなで、最近はてブをはじめた人も結構いるんじゃないかと思いますが…！ 最初のうちは、トップページとか、人気エントリーを眺めているだけでも充分楽しいですよね！ でも慣れてしまって、つい「記事に飢える」状態になっちゃったりすると 注目エントリーまでも追いかけるようになったり… それでもまだまだ飢えがおさまらなくって気がつけばハテブ依存症…！ …あるいは、単なる外部ブックマークとして使っているだけの人も多いのかも？ だけど、は
10の翻訳エンジンから一括翻訳 翻訳くらべ 英語版
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
SEOチェキ
基本チェック項目 title・meta description・meta keywords・h1タグ 発リンク数（内部リンク・外部リンク） 最終更新日時・ファイルサイズ・読込時間 Google・Yahoo!のインデックス数 利用ホスト ドメインの登録年月日 Facebookの「いいね！」の数 ソーシャルブックマーク登録数
おかげさまで、僕のブログもそこそこ人気になり、本も２冊出版されました。読者のみなさま大変ありがとうございます。 なぜ投資のプロはサルに負けるのか?― あるいは、お金持ちになれるたったひとつのクールなやり方 日本人がグローバル資本主義を生き抜くための経済学入門 もう代案はありません この２冊の本は実は金融・経済の教科書として、本質的でむずかしいことがとても掘り下げられて書かれています。だから内容的にはかなり高度で、金融・経済の専門的な仕事をする入り口に立つというところまで到達できるはずです。また、金融・経済の専門家が全体を俯瞰するための本にもなっています。 内容は包括的で、実はかなり深いのです。「読みやすく簡単だった」とか、意地悪な人からは「全部知っている内容で新しくなかった」などというレビューがたくさん書かれていますが、この２冊の内容を本当に理解できたら、それは金融・経済のまともな専門家と
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
LINE乗っ取られたのでその鮮やかなる手口を恥を忍んで公開しましょう - はてなブログを毎日書いていたら10Kg痩せました！
どうも、情弱です。 いやー、やられました。 先程見事にLINEを乗っ取られてしまいました。 今まではLINEで「今ひま？ちょっと手伝ってもらっていい？」というプリカをねだるメッセージが来る度に「情ｗｗｗ弱ｗｗｗ乙ｗｗｗ」と笑っていたのですが、今日からぼくもそちら側です、よろしくお願いいたします。 今回の件で、やはり一番怖いのは機械的なハッキングでなくて心の隙を突かれるソーシャル・エンジニアリングだなと実感しました。 騙されちゃったらもう説得力ありませんが、僕は昔からネットのエロサイトで鍛えた眼力があって、そうそうネットのフィッシングなどには引っかかったことが無いのですが、それでもちょっと気が緩めばネットでは死んでしまうというよい事例です。 めっちょ恥ずかしいですが、自分の恥が誰かを助けるかもということでここは一発状況を共有しておきましょう。 LINE詐欺はLINE以外のメッセージで来た 僕
【カップル閲覧禁止】独身OLのすべて | オモコロ
幸せな人は見ないでください
<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/374853132/comment/quality1" data-user-id="quality1" data-entry-url="https://b.hatena.ne.jp/entry/s/www.excelspeedup.com/ketsugoukaijyoshiteumeru/" data-original-href="https://www.excelspeedup.com/ketsugoukaijyoshiteumeru/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ
ところで皆さん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか？ これは、ラボの『わかっているようでわかってないFacebookの「いいね！」「シェア」を徹底解剖！』という記事の参照元の計測データです。アクセスを牽引しているのは、「はてなブックマーク」でも「twitter」でも「Google」でも無く、『Facebooｍk』です。
オシャレがなんなのか、完全に理解した
少し前まではオシャレとされていたものが、急にダサいと言われたり、ファッションは言うことがコロコロ変わってルールがわからない。 最近でいえば「黒スキニーはダサい」だ。 数年前は「くせのないデザインで、足が長く見える効果もある」なんて説明されていたのに、ワイドパンツ（太めのズボン）が流行りだしたら、急にダサいと言われるようになった。 正直、何が何だかわからない。 オシャレ入門マンガ『服を着るならこんなふうに』を読んで、「なるほど黒スキニーを買えばいいのか！」と、正解を知ったはずが、「今どき黒スキニーはない」なんて言われたら、頭を抱えるしかなかった。 理解できないものは、理解するしかない。 なので、30歳までろくに調べもしなかったファッションについて調べた。 やっぱりサイトや動画によって言っていることが違うので、やはり頭を抱えたが、続けているうちに、自分なりに理解が進んできた。「完全に理解した」
Sign up for Digg's morning newsletter The best stories of the day, in your inbox
無料ツール - SEO 検索エンジン最適化
このサイトで提供していたツール類は、2018年8月をもって公開を終了しました。この記事では、提供していた各ツールについて、より優れた代替ツールをご紹介します。今後は、この記事で紹介する優れたツールをお使いください。長らくご利用いただきありがとうございました。 代替となる優れた無料ツールについて現在では、このサイトで公開していたSEOツール群よりも圧倒的に優れたツールが大量に、無料で提供されています。SEOに取り組む中で、ツールをより優れたものに乗り換えていくのは適切です。ここでは、それらの無料ツールを、このサイトで提供していたツールの機能に沿った形でお知らせします。 リダイレクト検証ツールこのサイトで提供していたリダイレクト検証ツールは、あるURLへのアクセスがリダイレクトされる際、どのような技術が使われ、どのようなレスポンスが返り、どのようなURLを経由し、最終的にどのURLにたどり着く
The new Microsoft Edge is here and now available to download on all supported versions of Windows, macOS, iOS and Android.
新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマートフォン要素」の5つに分けて、広く浅くですがご紹介します。 IE対策 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> IEで閲覧している場合、Google Chrome Frameで表示します。 Google Chrome Frameがインストールされていない場合は、IEの利用可能な最新のレンダリングエンジンで表示します。 Google Chrome Frame（GCF）とは、IEでGoogle Chrome相当のレンダリングエンジンを利用可能にするIEのプラグインで
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
SEO診断ツール「Dipper」は、無料であなたのサイトのSEO診断を行うツールです。URLとキーワードを入力するだけで簡単に調べることができます。効率的なSEO対策にお役立てください。SEOツール「Dipper」は、無料であなたのサイトのSEO診断を行うツールです。 URLとキーワードを入力するだけで、簡単に調べることができます。 診断したい内容を入力してください
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
SEO好きですか？私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは１日で終わらせてもっと生産的な仕事に集中しましょう！ まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト（日本語）より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の４０字は大事。" name="description"> <meta content='キーワ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります（※）。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
まとめ.com
検索の手間を節約してくれる、ありがたいまとめサイトをまとめているサイトです。
プロとアマの小説の特徴を数値化して比較してみたらやっぱり差があったので、それを埋めるための型付き小説記述用言語 TypeNovel を公開した件について - anti scroll
ラノベのタイトルみたいな記事を書く、という夢が叶いました。 github.com 開発に至った動機 以前から、アマチュアの小説はプロに比べると、描写不足な傾向があるのかもしれない、と思っていました。 特に不足がちだと感じるのは「時間」に関する描写です。 季節がわからなかったり、昼か夜か、平日か休日かみたいなことが不明瞭な作品が多い気がします。 しかし印象だけで語ってもアレなので、実際に差があるのかどうかを計測してみました。 計算式は、 時間描写の文の数 * 時間描写分布のエントロピー / 文の数 です。 「時間描写分布のエントロピー」というのは「全体を通じて、どれだけ満遍なく時間表現が書かれているか」という数字だと思ってください。 例えば時間描写が冒頭部にしかなかったりすると数値が小さくなり、全編を通じて満遍なく描写されていると、数値が大きくなります。 あと時間描写というのは、一応「季節、
メタバースもうダメじゃね？：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
メタバース、いろいろ触ったけど、いまのところ、あかんのちゃうかな。ザッカーバーグも「ごめん。メタバースあかんかった。」と謝ってるし、amazonも馬鹿にしてるし、少なくとも、ポストスマホではないよな。 女が来ない メタバースは女が来ない。女が来ないコミュニティは現代では長持ちしない。コミュニティ的にも広告的にもつらい。少ない女性がサークルクラッシャーがアナタハンになるか、ネカマが量産されるだけだ。女性は3DのTPSでもFPSでも苦手な人が多い。ジェンダーフリー全盛の時代にこんなこと言われると、釘バットで殴られそうだが、性差による女性の空間認識能力の問題は大きい(wikiepdia)。この問題は、難しい。ぼくはオッサンだが、空間認識能力がかなり低く、FPSが苦手で、車の運転もかなり苦手だ。モンスターハンターですら混乱する。ぼくのように空間認識能力が低い人は一定以上いるし、比較的女性が多い。
本稿を書くきっかけとなったのはある飲み会だった。 私は仕事仲間の映像プロデューサーと、在京キー局の社員である20年来の友人と3人で飲んでいた。仕事柄3人ともドキュメンタリーが好きで、最近観たドキュメンタリー番組や映画の話で盛り上がった。最初は楽しく飲んでいたのだが、不穏な空気が流れだしたのは、東海テレビが制作した「さよならテレビ」の話題になってからだった。 「あの番組はありえない」「放送したことには大きな意味がある」 キー局の社員が、「あの番組はありえない」と批判を始めた。それもかなり強い口調で、全否定と言ってもいい論調だった。彼は話しだしたら番組を思い出して「また怒りが沸いてきた」とまで言い出した。私が「あの番組はすごい作品だった。放送したことには大きな意味がある」と反論すると、火に油を注いだようで、さらに強い言葉で言い返してきた。私も腹が立ち、冷静な議論ではなく、口ゲンカのような状態に
1時間前の自分を見ながら飲む「録画飲み会」がおもしろい
「録画飲み会」のやり方 簡単にやり方を説明すると ①前半はふつうに飲み会をし、録画しておく ②後半はその動画を見ながら飲む。これだけである 自粛と録画のしやすさも考え、今回はリモート飲み会の形式をとった。 参加者はこちら。郡司さんと鳴海さんは初対面だ。みんな「もう録画してる？」「まずは普通に飲むだけでいいの？」と探りさぐりである。 そして乾杯をした。録画しているが、特に緊張することもない。 本当にただの飲み会だった。「これ見返して面白いかな…？」と途中不安になる。 あっという間に1時間がたった。 後半戦「振り返り」開始 あとは前半の飲み会の様子をみながら、お酒を飲むだけだ。まずは画面共有で録画をうつした。 左が1時間前の私たち、右がそれを見ている現在の飲み会だ。カオスだったので、これ以降は現在と過去の枠をつけます。 まず２人で待っていると 日西さん（過去）が「こんにちわぁ↑↑」と前髪をなお
サイトを運営していると、サイト内のページの移動や削除、またはサイト自体の移転をすることがあります。その場合、リダイレクトという処理を用いて新たなページに転送を行いますが、正しい知識と手順を以って対応しなければ、検索順位の下降、ページランクやドメインエイジの喪失といったSEO的なペナルティを招いてしまいます。 そこで、そのようなペナルティを受けないために、ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。 リダイレクトの種類 リダイレクトには、HTMLやJavaScriptといったクライアントサイドプログラム、PHPやPerlといったサーバサイドプログラム、あるいは.htaccessの設定変更を行う等、様々な対応方法があります。そのうちのいくつかを、実際のサンプルソースとともに解説します。 metaタグによるリダイレクト hea
HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
<meta name="viewport" content="width=device-width,initial-scale=1"> と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返す
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ちょっと慣れてきた人の為のハテブの使い方 - ぼくはまちちゃん！(Hatena)
知識ゼロから圧倒的に政治・経済にくわしくなるための本４冊＋２ : 金融日記
国内Webサイト参考デザイン一覧集 | Maka-veli.com
『【エクセルVBA】一瞬で結合セルを解除して値を埋めるマクロ』へのコメント
hashtagsjp - Twitterのハッシュタグ検索・分析 -
Digg - What the Internet is talking about right now
Internet Explorer デベロッパー センター
【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
SEO診断ツール Dipper β（ディッパー）－Septeni－
YouTubeをiPod mp3 携帯に変換できるサイト - TubeFire
SEO嫌いにお送りするSEO策。これでもうSEOについてしばらく考えなくて良いぜ！！ - Qiita
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA
Googleが教えるSEOでやってはいけない30の事 - 海外のSEO対策・SEOツールをわかりやすく解説するブログ
業界騒然！ 東海地方限定番組「さよならテレビ」は何がすごいのか？ | 文春オンライン
新人コーダーに知っておいて欲しいリダイレクトの基本｜クロノドライブ
Facebook London に入社することになりました
もう逃げない。HTMLのviewportをちゃんと理解する