「SEOに強いHTMLの書き方」についての個人的な見解
「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ（要キーワード） 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の
ブラウザレンダリングの仕組み
Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を 解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな
The Internet's Original Sin
Ron Carlson’s short story “What We Wanted To Do” takes the form of an apology from a villager who failed to protect his comrades from marauding Visigoths. It begins: What we wanted to do was spill boiling oil onto the heads of our enemies as they attempted to bang down the gates of our village. But as everyone now knows, we had some problems, primarily technical problems, that prevented us from do
巨大LINEグループの若き神・帝越コクに会って色々聞いてきた
こんにちは。ソーシャルネイティブ世代を研究するSNL研究班のイイヅカミチカです。 先日、SNL研究班にて「巨大LINEグループとはなんぞや」ということをリサーチし、記事（→大人が知らない中高生のLINEグループの使い方を調査したら、闇が深かった。）にしたところ、 kakeruについて 面白そうな会社だね — 帝越コク () 記事内で取り上げた「帝越（みかごし）グループ」の総裁・帝越コク氏に即効でエゴサ（※）された上、 ※エゴサ…エゴサーチ（自分の名前などで検索をかけること） 匿名クラブ公式ページに媒体掲載としてアップデートされるという完全に予想外の事態に至りました。 そこで、kakeruサイドからも組織との接触を図ってみたところ、なんと急遽、帝越コク氏と都内で面会できることに！気になっていたLINE巨大グループの全貌から、噂のあの事件の真相まで、いろいろ聞いてきちゃいました。 いざ、初対面
WEB界隈で働く人が重宝しそうな「WEBマーケティング」と「SEO」のチートシート6+2個まとめ。 - おしブロ from STONEWEB
WEB界隈でよく聞く言葉に「チートシート」というものがあるのですが、これは「cheat（チート） = 騙す、ズルする」という言葉から「ズルするシート」要するに「カンニングペーパー」のことを意味していて、これが転じてWEB界隈ではプログラミング言語やコマンドやショートカットなどを見やすく一覧にまとめてある表のことを指します。 ちなみにこの記事では少し趣向を変えて、WEB界隈で働く人が「これは便利かも」と重宝しそうな「マーケティング」と「SEO」に関するチートシートを集めてみました。 WEBマーケティング関連のチートシート3+2個 大きな意味での「WEBマーケティング」全般に重宝しそうなチートシートを集めてみました。 www.seojapan.com リスティング広告運用チートシート LPO改善チェックリスト チートシートではないけど「これはWEBマーケティングに重宝するかもなー」というチェッ
クッキーより怖いcanvas fingerprintingって何？迂回方法は？
クッキーより怖いcanvas fingerprintingって何？迂回方法は？2014.07.28 16:009,463 satomi 問題：ホワイトハウスとYouPornが共通でもってるもの、なーんだ？ こたえ：canvas fingerprinting ｢canvas fingerprinting（canvasの指紋採取）｣というのは、最近大手サイトで採用が広まってる新手のオンライン追跡ツールのことです。クッキーと違って、ユーザー側からは探知もブロックもできないという、とんでもない野郎です。 まさにユーザーの知らぬ間にウェブの閲覧行動がサイトに筒抜け、というマジックミラー状態。その現状をProPublicaが記事にしていますよ。 ｢canvas fingerprinting｣を最初に発見したのはプリンストン大学と英ルーヴェン大学の研究チームです。ここが発表した｢The Web Neve
THE FUTURE OF DIGITAL [SLIDE DECK]
Copy link Email Facebook WhatsApp X LinkedIn Bluesky Threads An icon in the shape of a lightning bolt. Impact Link We hosted our IGNITION: Future of Digital conference on November 27-28 in New York. To kick off the conference, our BI Intelligence team—Marcelo Ballvé, Alex Cocotas, and I—put together a deck on the current trends in digital media. We've posted the deck here. We hope you enjoy it. BI
![THE FUTURE OF DIGITAL [SLIDE DECK]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b093e76d748cdd690dbd3fb266fe4230de9f8d1a/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fi.insider.com%2F50b4f9746bb3f7830a000001%3Fwidth%3D1200%26format%3Djpeg)
iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Moongiftさんの記事 を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファ
Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất
Game Review, Đánh Giá Chi Tiết – Thủ Thuật Mới Nhất Tại Markethack.net, chúng tôi cam kết mang đến cho người chơi những bài đánh giá game chính xác, khách quan nhất. Dù bạn là người mới hay game thủ kỳ cựu, những thủ thuật mới nhất và lời khuyên hữu ích từ các chuyên gia của chúng tôi sẽ giúp bạn nâng cao kỹ năng chơi game. Đừng bỏ lỡ cơ hội khám phá kho tàng thông tin đa dạng về thế giới game tại
HTML5でアプリを開発するメリットとデメリット Zen Startup
HTML5はウェブ企業にとって非常に大きな効率化をもたらすが、HTML5でアプリを開発するデメリットも知っておく必要がある。 HTML5アプリ開発のメリット インターネット・ブラウザを通して様々なデバイスにサービスを提供できる これからHTML5が普及すれば開発コストが大きく節約される HTML5アプリはGoogleサーチエンジンなどのクローラーで検索される HTML5アプリはアプリ審査などを気にせず自由に配布することができる HTML5はウェブブラウザ経由で配布されるので、ネイティブアプリのように、グラフィックカードや他の部品に左右されることが少ない HTML5アプリ開発のデメリット HTML5を支持する人たちの背後には膨大な数のロジックが存在しているが、反対する側は、HTML5の成功が決まったわけではないと見ている。 HTML5で出来ないことは以下の通り。 写真/動画撮影 Blueto
分断された日本のインターネット - elm200 の日記(旧はてなダイアリー)
先日「ソーシャルゲームはなぜハマるのか」の書評を書いたが、実は言及できなかったポイントがある。 ソーシャルゲームはなぜハマるのか ゲーミフィケーションが変える顧客満足 作者: 深田浩嗣出版社/メーカー: SBクリエイティブ発売日: 2011/09/10メディア: 単行本購入: 20人 クリック: 565回この商品を含むブログ (43件) を見る携帯電話のソフトウェア開発に長年携わった著者は、インターネットユーザーを大雑把に「情報強者」と「大衆」の２種類に分ける。 他国では、インターネットはごく最近まで「情報強者」だけのものだった（スマートフォンの浸透により今まさに大衆層が使いはじめているところだ）。 一方で、日本では1999年ころからフィーチャーフォン（ガラケー）が独自にインターネット接続を始める。これはやや奇形的ではあったが、大衆のニーズに合致していた。一方で情報強者層は、ガラケーの制限
Facebookの次の覇者は、さらに多くの情報を収集、分析できる企業【gumi国光宏尚】 | TechWave（テックウェーブ）
僕はときどきネット上で、自分の中で確信にまで至っていない漠然とした思いを、わざと断定調に書くことがある。なぜそういうことをするのかというと、１つにはフィードバックをもらうことで自分の考えを更に先に進めたいから。もう１つは、僕の問題意識が世間的にも重要なアジェンダになっているのかどうかを知りたいからだ。 これを繰り返していると、だれがどのような認識を持っているのかだいたい分かってくる。時代の先を読もうとしている人、読めている人が見えてくるのでおもしろい。 あるとき自分の中でぼんやりと見えてきた未来のビジョンをTweetしたことがある。自分自身で書いていて「これじゃなんのことだかさっぱり分からないな」と思うようなTweetだった。さすがにこんなTweetにはだれも反応しないだろうと思っていたら、二人からリプライが来たのでびっくりした。同じような未来を見ている人がいることに驚いた。 一人がマイネ
ソーシャルの次の時代、「フリーミアム」が終わり「コンテンツがキング」になる【湯川】 | TechWave（テックウェーブ）
[読了時間：4分] ウェブがまたしてもパラダイムの転換期を迎えようとしている。パラダイムの転換期とは、これまで「常識」とされていた考え方が180度ひっくり返ることを意味する。そして今後、１，2年でひっくり返ることになるとわたしが考えるのは、ウェブ上のコンテンツはほとんどすべて「フリー」であり、コンテンツビジネスは「フリーミアム」が基本という「常識」だ。 「フリーミアム」とは、無料コンテンツで囲い込んだユーザーのほんの一部に対して有料コンテンツを販売するというビジネスモデルだ。このブログメディアTechWaveも、フリーミアムがビジネスモデル。ブログメディア上で収入を得ようとは思っておらず、読者のうちのほんの一部の方が参加してくれるセミナー、勉強会、ツアーで事業が成り立っている。今日のウェブ上のビジネスの多くは、このようにほとんどがフリーミアムを実践している。 このビジネスモデルが180度ひ
インターネット広告技術の仕組みを一枚の絵にまとめたインフォグラフィック - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOコンサルティングサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ さて久々のオリジナル・インフォグラフィックを。今回はマーケティングやそれに伴うテクノロジーの進化、そしてスマートフォンなどデバイスの多様化で世界中で革新が進んでいるインターネット広告の世界を一枚のインフォグラフィックにまとめてみました。様々なプレーヤーが入り乱れる複雑怪奇なインターネット広告業界の概要がこれで分かる？ — SEO Japan 広告主・パブリッシャー（掲載メディア）・オーディエンス（見込顧客）の基本構造をベースに技術的視点から掘り下げてみました。アトリビューションやDSP、イールド最適化など最先端のテクノロジーも含めています。米国でのプレーヤーを（日本の場合、該当す
位置ベースの未来コミュニケーション「Ditto」【湯川】 | TechWave（テックウェーブ）
[読了時間：4分] mixi日記が「過去に起こったこと」を伝えるツール、Twitterが「いま起きていること」を伝えるツールだとすれば、新しくローンチされた「Ditto（ディトー）」は「これからしたいこと」を伝えるコミュニケーションツールだ。 無料のiPhoneアプリとしてリリースされたばかりだが、「Eat out（外食）」「Coffee」「Shopping」などといった12個のアイコンの中から、これからしたいこと選んで意思を表明するツールだ。例えば「Coffee」を選ぶと、「Tsuruaki Y.（ここはユーザーの名前）wants to have coffee（鶴章はコーヒーを飲みたいと思っている）」というメッセージをFacebookやTwitterに流すことができる。その際に「select coffee shop」という文字のところをタップすれば、近隣のコーヒーショップがリストアップさ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
https://jp.techcrunch.com/2011/06/09/20110608turntable-addiction/
https://jp.techcrunch.com/2010/12/11/20101204social-networking-present/
Building Rich Mobile Apps with HTML5, CSS3 and JavaScript
https://jp.techcrunch.com/2011/03/04/20110303demo-wrap-up-7-new-social-startups-to-watch/