Webサイトで使われている技術を解析するツール「Wappalyzer」 - JavaScript勉強会
Webサイトをどうやって作っているか？を調べるツールがありました。 「Wappalyzer」というツールです。 www.wappalyzer.com Wappalyzerは、ChromeやFirefoxのプラグインとして提供されており、インストールすると使えます。 ブラウザーでWebサイトを閲覧したとき、Wappalyzerのアイコンをクリックすると、そのWebサイトで使われているソフトやサービスなどが表示されます。 （例）はてなブックマークを見たときは、以下のような内容が表示されました。 Webサーバーソフトは「Nginx」、キャッシュソフトには「Varnish」を使っていることなどが分かります。 これでいろんなWebサービスを調査してみれば、Webサイト制作の参考になりそうですね！ Wappalyzerの参考情報 forest.watch.impress.co.jp www.leon-
アクセス解析担当が必ずやってるGoogleAnalytics設定のまとめ【2018年版】 - Qiita
この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借
【100選】マーケティング・広告関連のメディアやブログ、サイト100選まとめを大公開！
本記事ではマーケティング・広告関連のメディアやブログなど情報収集サイト100選をご紹介します。 2020年現在、マーケティングや広告関連の情報発信をしているメディアやブログは年々増え続けています。オウンドメディア型のサイト、個人サイト、出版社が運営するメディアなど種類も様々です。 [browser-shot url=”https://marketimes.jp” width=”600″ height=”200″ href=”https://marketimes.jp” target=”_blank”] 国内、海外のデジタルマーケティングの最新トレンドや戦略情報を発信するメディア。SEMやソーシャルメディア、Eメールマーケティング、マーケティングテクノロジー、データを中心としたトピックを扱っている。 URL：https://marketimes.jp ferret（フェレット） [brows
ずっと社内で放置されていた…「調整さん」10年目の本気 | HRナビ by リクルート
2006年にリリースされ、今年で10年目を迎えた日程調整ツール「調整さん」。イベントの幹事はメンバーにURLを送るだけで、出欠確認や日程調整が行えるサービスだ。20代以上のネットユーザーなら一度は利用したことがあるのではないだろうか。無料で簡単に使えて、当たり前のようにインターネット上に存在していた調整さんだが、2015年に入ってから密かに、驚くべき成長を遂げていた。 調整さんのMAU（Month Active User、月間利用者数）は2014年の7月時点で50万人ほどだった。これが、2015年3月には100万人、9月には200万人にまで伸びているのだ。シンプルな機能しか持たない古株のWebサービスに、この1年で一体何が起きたのだろうか。調整さんの開発チームを率いるリクルートホールディングス・MTL（メディアテクノロジーラボ）の山本一誠さんにお話を伺った。 手付かずで5年以上放置されてい
初心者Webアプリケーション開発者がチェックすべき情報源2015 - ハニーポッターの部屋
毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年に引き続き、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載したけど，他に良い本があれば情報プリーズ。 この情報もあったほうが良いんじゃね？という情報も大歓迎。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html 安定の第7版２刷。Web開発の委託先仕様書の代わりにも使える。 セキュリティ実装 チェックリ
インターネット広告からのWeb獲得率をアップするランディングページ（LP）作成術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、こんにちは。 ソウルドアウト株式会社で、ランディングページ（LP）をはじめとするクリエイティブの戦略を日々練っています、モッチです。よろしくどうぞ！ 皆さま、ランディングページ（LP）って知っていますか？ とうの昔に知ってるよ、なにさ今さら！という方も、聞いたことはあるけれど……イマイチ分かってないのよね……という方も、LP？何それ美味しいの？という方も、しばしお時間くださいませ。 ランディングページとは、ユーザ数やCV数などのWeb獲得率アップを目指す企業の方にはぜひ導入していただきたいものなのです。 本日は、そのランディングページがいかに重要なものなのか、サクッと、できる限り分かりやすくご紹介いたします。 ▼目次 ランディングページ（LP）が必要なとき ランディングページ（LP）とは？ 獲得率アップにはランディングページ（LP） ランディングページ（LP）で成果を出すには
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
ウェブアプリケーションを開発しながら、手軽に脆弱性検査する方法
Software WebSecurity ウェブアプリケーションを開発しながら、手軽に脆弱性検査する方法※当サイトにはプロモーションが含まれています。 以前、OWASP ZAP に追加された attack mode の概要 というエントリを書きましたが、このATTACK modeを使った簡単なセキュリティ検査の手順をメモしておきます。この機能を使えば、ウェブアプリケーションの開発中にZAPが勝手に脆弱性スキャンしてくれます。 ※ この機能が追加される バージョン 2.4 はまだリリースされていないのですが、こちら から ZAP Weekly をダウンロードすれば試すことができます。 概要基本的には、ウェブアプリケーション開発時にウェブブラウザのプロキシとして ZAP を指定おくだけです。この時、ZAP 側で コンテキストというものを設定して、ATTACK mode にしておけば、アクセスし
【LPOはDLPO】「猫」で説明します。ABテスト・多変量テスト - DLPO株式会社
こんにちは! 今日は猫を使って、ABテストと多変量テストの違いをご説明できればと思います。 まずはA/Bテストです。二匹の猫がいて（猫Aと猫B)、どちらの猫が可愛いのか知りたいです。WEBを通じて1万人に一人ずつ一匹だけ猫を見せます。猫のパターンは二匹ですので、猫Aを見ている人は5,000人。猫Bを見ている人も5,000人。 今回の例で猫Aを見た人は66%が可愛いと答えています。猫Bは34%と人気度が少し低めでした。 猫Aの大きな勝利です！ ただし、このA/Bテストには二つの課題があります。 猫は二匹しか存在しないので 1) そもそもこの二匹以外に可愛い猫が存在するのでは?という疑問があります。 2) 上記の猫Aはどういった理由で勝っているか不明です。勝ったのは耳が水色だから？ベロが出ているから？目が黒いから？その猫が勝っている要因は闇の中です。 そこで「多変量テスト」の登場です。方法はほ
要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
Flashサイトの終わりの始まり。対応の遅れは顧客の離脱につながる。
ご存じの方はご存じで、ご存じで無い方はご存じで無い、Flashについての重要なニュースが先週にありました。 Android版Flash Playerは明日以降、新規導入が不可能に 2012年08月14日 まあ、ネット系に少しでも携わる仕事をしている方には常識のようなニュースではありますが、ネットサーフしてみますとまだまだFlashを多用しているのがたくさんあります。以前もこのエントリー(こんなサイトは作ってはいけない・・・Flash「馬鹿使い」編)でちょっと説明しましたが、いよいよこれが現実となりました。 FlashはそもそもHTML5が本格導入されればいらない技術で、それが分かってるのでスティーブ・ジョブズはiOSで対応しなかったわけです。顧客にもウケない、ウケルのは素人の担当者だけと言われる(勝手に言ってる)Flashサイトは、再度書くと以下の大きな欠点が二つあります。 １ SEO的に
ウェブサイトを自前で構築しなくてもコンテンツ発信できる時代に「ウェブ制作会社」の役割はどう変わるか - Zerobase Journal
「ありもの」のプラットフォーム（とくにソーシャルメディア）を活用してコンテンツの発信やコミュニケーションを行えるようになってきました。ウェブサイト構築の必要性が減る中で、「ウェブ制作」の主題は「ウェブサイト」から「コンテンツ」へ移るでしょう。 Webサイト制作の終わりと始まりという記事で長谷川さんは次のように書きました： Webサイトは必ずいるよね、という前提に囚われず、利用者が最も必要としているコンテンツを配信する手段を選ぶ時代になりました。そのときに Web プロフェッショナルとして提供できる価値は、Web を熟知していること、コンテンツと利用者を繋げることができるスキルだと思います。 同意です。そのときウェブサイト構築への投資が減り、コンテンツ制作とコミュニケーション活動への投資が増えるでしょう。 「ありもの」活用で小さく早く 自前のウェブサイトで何か新しい情報発信をしようとすると「
日本のウェブメディアは二度死ぬ - やまもといちろうBLOG（ブログ）
客に遅刻されて待っている間にどこまでエントリー書けるかなテスツ。 ということで、日本人が日本語で日本の読み手向けにやるメディアが大変苦境に陥っているという話。一時期は、海外のウェブメディアがマーケティング代行するような形で日本のサイトを新設、これが収益化に苦しんだので、身売り先を探して日本の大手メディアに買われるという事態が発生したり、株主が支えきれなくなって増資を乱発したり上場を強行したりしておりました。 あれから数年が経って、何が起きているのかというと質の低いブログメディアに読者の目玉を奪われて、煽り煽られというネット独特の世界で安かろう悪かろう競争が勃発。きちんとライターを雇って取材させて記事を作るよりも、適当に２ちゃんねるや業界人ブログやTwitterなどからログを引っ張ってきてコメントをちらちら載せて一丁上がりのメディアが、クリックさえ取れればそれでいいという安易な顧客としっかり
SEOの終わりとソーシャルとnanapiのコンテンツの未来 : けんすう日記
SEOはそろそろ終わる？ 最近、「SEOってもう終わるよね」と思っています。昔のブログを見たら、2005年にも同じこといってて恥ずかしかったわけですが、そろそろ本当に終わるんじゃないかと思ったので、もう一度まとめてみます。 あ、SEOの定義って何？という話にもなりがちなので、以下にも書いてみました。気になった方はどうぞです。 とても大雑把なSEOの言葉の定義と「SEOは終わる」議論のずれ - ロケスタ社長日記 @kensuu コンテンツビジネスの背景 まず、Webコンテンツビジネスの背景を説明してみます。 Webでコンテンツを提供している会社のビジネスモデルは、多くが広告料です。広告はいろいろな売り方がありますが、一番多いのが「ページビューの多さに応じて増えていく」というパターンです。ページビューとは、要は「そのページが見られている数」のことです。 広告には、クリック率や、効果（実際に紹介
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLとJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッグ＆ドロップで開発できるツール「Maqetta」がオープンソースとして開発されています。PCの画面だけではなく、iPadやiPhone、Androidなどの画面にも対応しています。 Maqettaはもともと米IBMが開発していたツールで、4月に非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈されました。 Maqetta自身もHTML5のWebアプリケーションとなって
東北の酒蔵を応援する「Save The 東北の酒」 - ネタフル
「Save The 東北の酒」へようこそ。 私たちは東北関東大震災で被災された酒蔵を応援します。 酒蔵の復興状況をはじめ、チャリティ利き酒会、チャリティ日本酒講座など さまざまな情報を発信していきます。 管理人は、きき酒師・エッセイスト・酒ジャーナリストの葉石かおりさんです。 「酒に携わるジャーナリストとして何かできることはないか？」という思いから「Save The 東北の酒」を立ち上げるに至ったそうです。 被災地の酒というページでは、東北の酒蔵の銘柄、被災状況などがまとめられています。 日本酒に関しては、自分で飲むことでしか応援ができないのですが、できるだけ日本酒を飲む時は東北のお酒を頼むようにしています。 被災地の日本酒が購入できる酒販店も紹介されています。
Bing の日替わり背景画像の集客効果がすごいかもしれない件 - てっく煮ブログ
Microsoft が運営する検索エンジン「Bing」は、トップページの背景画像が日替わりで変わる。例えば、2011年1月29日の背景画像はこんな画像になっていた。この動物はなんだろう、と思ってマウスを動かしてみると説明が登場。「なるほど、ウンピョウというのか。なになに、日本の動物園にもいるの？」と思ってクリックすると、ウンピョウ 動物園 - Bing へ移動する。検索結果を見ると、よこはま動物園や天王寺動物園、旭山動物園などにウンピョウがいることが分かった。クリックすれば答えにたどり着けるので、手軽に検索の楽しさを体験できるようになっている。画像ごとに隠された４つの説明画像には毎日４つの説明が隠されていて、それぞれに違ったリンク先が設定されている。ウンピョウの日はこんな感じだった。ウンピョウはインドから中国南部にわたって、生息しています 日本でウンピョウを見ることができる場所は？ → ウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
域名已过期,无法正常使用
TechCrunch
ilove.cat