ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて – コーヒーサーバは香炉である
2023年後半頃から、ブラウザの「戻る」ボタンを押すと、訪問したおぼえのないページが表示されることが増えた。そういうページは大抵、記事風の広告やサイト内の記事へのリンクが大量に並ぶという構成になっている。 こんなレイアウトになってることが多い。 この手法はブラウザバック広告とかブラウザバックレコメンド (あるいはレコメンデーション) とか呼ばれており、国内外の複数のWeb広告会社がこれを提供しているようだ。 たとえば、こちらはGMOアドマーケティングの “TAXEL” が提供しているブラウザバックレコメンド。 【新たな収益・回遊源が誕生！】ブラウザバックレコメンド サイトから離れてしまうユーザーに対し、広告やレコメンド記事を表示させることで、収益化や内部回遊に繋げることを目的としているフォーマットになります。 ……というのがセールスポイントらしいのだが、サイトから離れる人は、サイトから離れ
若者の“Webサイト離れ”が進む――知っておきたいSEO最新動向と対策ポイント5つ | 【レポート】Web担当者Forumミーティング 2019 Autumn
IT業界の動きは目まぐるしい。2010年代だけをみてもスマホ、ソーシャル、VR、AI、5G、量子コンピュータなど、注目トレンドが次々と生まれている。その一方、ECをはじめとしたインターネットビジネスの中心は1990年代から「Webサイト」が担い続けてきた。だが、「それもいずれ変わっていくだろう」とハートコアの神野純孝氏は話す。 CMSベンダーであり、SEOにも明るい神野氏が「Web担当者Forum ミーティング 2019 秋」に登壇。今後Webサイトはどうなるのか、最新のSEO事情について語った。 将来的に、Webサイトは廃れるのか？Webサイトは、インターネットビジネスの起点となる要素だけに、IT業界のトレンドの影響を大きく受ける。直近では「5G」「AI」「量子コンピュータ」などに注目が集まっているが、これらの実用化・普及が進めば、ECサイトの在り方も当然変わるというわけだ。 サンフラン
将棋が指せる WEB サービスを個人で開発しました - SHOGIX
みなさんこんにちは、はじめまして、菊池です。 先日、関数型言語と Google のクラウドサービスを使って作った【SHOGIX 無料で将棋の対局ができる WEB サービス 】を公開しました。完全に個人の趣味プロジェクトです。 WEB ブラウザがあれば将棋の対局ができるので、よかったら友達と将棋を指す時とかに使ってみてください！ 今回は SHOGIX を構成する技術について、その概要を紹介してみようと思います。 今後の SHOGIX には、棋力が同じぐらいのユーザー同士でマッチング対局できる機能や、将棋が強くなれる機能を少しづつ追加していく予定です。お楽しみに！ shogix.jp SHOGIX の構成 SHOGIX は Google の各種クラウドサービスを使って、サーバーレスで構成しています。インフラの運用は全てクラウドサービス側にお任せでスケールアウトもしてくれるので、ロジックの開発に
PRPL パターンを使用して即時読み込みを適用する | Articles | web.dev
PRPL パターンを使用して即時読み込みを適用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 PRPL は、ウェブページを読み込んでインタラクティブに高速化するために使用されるパターンの頭字語です。 遅れて検出されたリソースをプリロードします。 最初のルートをできるだけ早くレンダリングします。 残りのアセットを事前にキャッシュに保存します。 他のルートや重要性の低いアセットを遅延読み込みします。 このガイドでは、これらの各手法を連携させながら、個別に使用してパフォーマンスを向上させる方法について説明します。 Lighthouse を使用してページを監査する Lighthouse を実行して、PRPL の手法に沿った改善の機会を特定します。 Ctrl+Shift+J キー（Mac の場合は Command+Option+J キー）を押して DevToo
よこ並びのCSS。
スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかもしれないけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、商品一覧など、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。そんな「よこ並びにするためのCSS」も、やり方はさまざま。お馴染みのやつから、新参者まで、順番に見ていくことにします:)。 よこ並び？ そう、よこ並び。 例えばボタンを横一列に並べたり。商品の情報なんかだと、横に3つずつ並べて改行して、多段に並べる場合もありますね。偏（ひとえ）に「よこ並び」と言えど、CSSにはそのやり方がたくさんあるんです:o。 導入 この記事で紹介するよこ並びの方法は以下の通り。 CSSの歴史的な背景から、最初はfloatプロパティを使った方法を紹介します。 float（フロート） 要素を左右へ寄せるためのプロパティ。 後続する文章（テキスト）などのインラ
WebサイトやWebアプリをOS Xのネイティブアプリ化出来る「WebShell」がリリース。
WebサイトやWebアプリをOS Xのネイティブアプリ化出来る「WebShell」がリリースされています。詳細は以下から。 WebShellは20歳の中国人開発者Randy Luさんが開発したSwift製アプリ（プロジェクト）で、Fluidの様にWebサイトやアプリをOS Xのネイティブアプリ化することが可能です。 Randy@randyloop I made WebShell, a seed project, which let you bundle web apps to OS X native app without coding. https://t.co/R1IqIscskc 2015/12/21 01:16:19 WebShell is an OS X WebView shell, which help you easily bundle the Web Apps to nat
プログラミング・レスで5分でサックリWebスクレイピング「kimonolabs」 - プログラマでありたい
「Rubyによるクローラー開発技法」で付録か何かで書こうか悩んだ末に書かなかったのが、kimonolabsの話です。kimonolabsは、クローラー／スクレイピングをオンラインで実行できるWebサービス（SaaS）です。クローラー本を書いておいて何ですが、９割の人は自分でクローラーを作らずに、この手のサービスを利用すれば事足りると思います。（書かなかった理由は、Ruby縛りサービスの継続性とスケジュールの問題です。主に最後） kimonolabsとは？ kimonolabsは、先述のとおりWebスクレイピングをしてくれるSaaSです。会員登録してChromeの拡張をいれれば、すぐに使えるようになります。一般的に、Webスクレイピングする場合は、次のような手順が必要です。 対象ページのダウンロード ダウンロードしたページから、特定の箇所を抜き出す 抜き出したデータの保存 対象ページのダウン
デザインに自信がつく、タイポグラフィの基本
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。［2014-04-19］ ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。Read less
増井雄一郎の「wri.pe」を事例に学ぶ、自作サービスの作り方〜サービスデザイン編｜オンライン動画授業・講座のSchoo（スクー）
本授業では、私が昨年のゴールデンウイークに作った、シンプルなメモ帳WEBアプリ「wri.pe」をどうやって作っていったのかを解説します。 第1回目の今回は、サービスを作る動機・設計・デザインについてお話しします。1年ほど、個人としてWebサービスを作っていなかったので、個人的に欲しいと思っていたアプリを、新しい事を試しつつ作る事にしました。 今回の授業ではメモ帳アプリを1週間で完成させることを目標に、アプリの企画を立てる方法、時間の割り振りの仕方から、ページのデザインを考えるところまでを解説します。 普段、プログラマとして仕事をしていると、企画やデザイナーの人と組んで分担して作業しますが、個人サービスでは全てを一人で行う必要があります。これらを一人で行うために全体をどうデザインするか、についてお話しするので、みなさんのWEBサービス企画の参考になればと思います。
Gruntを使ってプロジェクトを自動化する、Myタスクメモ | tipsBear
Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基本的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 – OZPAの表4 今更だけどやるgrunt入門編・インストールから基本的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい
2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
「モアイ」は終了しました
モーニング・アフタヌーン・イブニング合同Webコミックサイト「モアイ」は終了しました。 「コミックDAYS」「モーニング公式サイト」「アフタヌーン公式サイト」をご利用ください。
ポータブルなWebアプリケーション - naoyaのはてなダイアリー
140文字で書ききれなかったのでブログに殴り書き。 Heroku のアプリケーションを人に渡す 昨日、「naoyaさんが作ってるiOSアプリのバックエンドサーバーに相乗りさせてもらえないか」という話をいただいた。自分でも同じようなAndroidアプリを作っているけど、サーバーサイドは作ってないからということらしい。 対して「githubにコードあるからgit cloneしてheroku pushすれば動くし、自分で heroku にデプロイしてよ」と応えた。相乗りしてもらってもよかったのだけど、こちらでコードを書き換えたりメンテしたときに先方のアプリが停止することを考えると同じコードベースでサーバーは自分で立ててもらう方が何かと良い。 対象になったソフトウェアは Heroku で動かしていたので、Heroku Ready な形、つまり、必要な外部パッケージの一覧やサーバーの起動手順なんかは
日本のいま、そして未来を、世界に正しく伝える｜株式会社ニューズ・ツー・ユーホールディングス
Accurately conveying Japan, present and future, to the world. Mission Providing trustworthy information that deepens understanding of, and generates interest in, Japan. 世界中で、日本に興味を持つ人を増やし、日本についての理解を深めるために、私たちは、信頼できる情報を提供します。 Vision Contributing to a better world through the promotion of mutual understanding between Japan and various international communities. 日本と世界の相互理解を推進することで、よりよい世界の実現に貢献します。
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
【今更】あれだけ流行ったテキストサイトが何故廃れたのか考えてみる【考察】 | オモコロ
その昔、インターネットにはテキストサイトというものが存在した…。今更だけど、何故テキストサイトが廃れたのか考えてみよう！ 本日のオモコロ特集は「テキストサイト」についてであります。 普段の記事と完全に毛色が違うので飛ばしても良いかも知れません。 「テキストサイトについて書きたいなぁ」という気持ちは以前から持っていて、 ずっとタイミングを見計らっていたのですが、 「テキストサイト」という言葉自体を知らない人も増えてきているでしょうし、 オモコロが産まれるきっかけにもなっている出来事なので、 僕の青春の備忘録という意味も含めてそろそろ書いておきたいと思います。 ちなみにめちゃくちゃ長文です。 【第一章】テキストサイトの歴史 １：テキストサイトの誕生（１９９０年代後半～） とは言っても、「テキストサイトって何ぞや？」みたいな人もたくさん居ると思いますので、そういった人々の為に「テキストサイト」に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Normalize.css: Make browsers render all elements more consistently.
なめらかなシステムのアイデアと設計概要 / namerakad-idea-design
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
