imgix導入で画像最適化とサイトスピードを改善した話 - 一休.com Developers Blog
こんにちは。 一休.comの開発基盤を担当しています、akasakas です。 今回は、画像最適化配信サービスであるimgixを宿泊・ レストランサイトに導入して、 画像最適化・サイトスピード改善につなげたお話をしたいと思います。 ここでお話しする内容 サイトスピードという観点での一休が抱えていた課題(の一部) imgixの特徴とそこでできる解決策 imgix導入の効果 imgix導入をする上で大変だったこと これから画像最適化を考える人たちへ まとめと感想 おまけ(与太話) 諸注意 imgixを導入して、画像最適化という面でサイトスピード改善につながりましたが、 サイトスピードという観点で一休が抱えている課題はまだまだあります。 imgixを導入すれば、サイトスピードは万事解決！！！という話ではありませんので、悪しからず。 サイトスピードという観点での一休が抱えていた課題(の一部) 画像
「我々はモバイルバナー広告を掲載しない」：女性向けメディア「ポップシュガー」CEOに聞く | DIGIDAY［日本版］
女性向けライフスタイルメディア「ポップシュガー（PopSugar）」は、まもなく設立から10年を迎える。その10年間に、創設者のブライアン・シュガー氏はデジタルメディアの盛衰を見てきた。そんななか、シュガー氏が取り組んでよかったと回顧する初期の方策のひとつに、ディスプレイ広告に依存しないという方針がある。 米DIGIDAYの取材で、アパレルメーカーのJ.クルー元幹部であるシュガー氏は「eコマース出身の我々は、ディスプレイ広告に金をかけなかった」と語った。「我々はパフォーマンス・マーケティングに金をかけた。アフィリエイト・マーケティングがオンライン広告費の非常に大きな構成要素になると、私は確信していた」とシュガー氏。 代わりにポップシュガーが構築したのは、分散型のメディア事業だ。同社のビジネスモデルでは、ディスプレイ広告とネイティブプログラムが販売されるいっぽうで、アフィリエイト手数料やサブ
売上が大きく変わる！？手書き風チラシを作るためのフォント・イラストのフリー素材まとめ【商用可】 | 知らないと損をするネット印刷の話
ということで、こんにちは。 私、ネット印刷の西の王国キングプリンターズにて、「チラシの達人」と呼ばれている赤松と申します。 今回の記事は、「手書き風フォントやイラストのフリー素材まとめ」と称し、チラシデザインをするのに役立つ内容を紹介していきます。 さきほど説明したとおり、特に地方の小規模店舗においては、手書きチラシは効果的な集客方法です。 手書きチラシには、以下のようなメリットがあります。 アナログ感があり、人間味のある雰囲気を演出できる。手書きチラシは珍しいので、他のチラシよりも目立つ。人はデジタルよりもアナログの方が時間をかけて頑張って作ったように感じる。 そのため、内容を隅々まで読んでくれる可能性が高まる。とはいえ、センスや文字の上手さが問われる「手書き」は、人によってはPCで作るよりも難しいかもしれません。 そこで今回、以下の条件で、チラシデザインに使えるような「手書き風」のフォ
【スライド付き】Webサイト分析と改善の基礎（前編） | ナイルのマーケティング相談室
こんにちは、ナイル株式会社の伊佐敷と申します。 当社では、昨年から今年に掛けて、無料動画のオンライン学習サイト「Schoo（スクー）」にて「広告に頼らないWebマーケティングの考え方と方法」というテーマで全8回に渡って講義させていただきました。改めて、ご覧いただけた方々にお礼申し上げます。 今回は、Web分析や改善に携わることになった入門者～初級者の方向けに、7回目と8回目の講座「Webサイト分析と改善」についてスライドをご紹介します。 本記事は、7回目の「Webサイトの分析と改善の方法（前編）」について簡単に解説させていただきます。 前編と後編にわけて公開いたしますので、是非お役立てください。 ＼ナイルのサイト改善提案の紹介はこちらから！／ Index 0.はじめに 1.Webサイト改善の全体像 2.サイトコンセプトを考えよう 3.ユーザーシナリオを考えよう 4.KGI・KPI設定をしよ
アドテクガールにnanapiのマネタイズについて聞いてきました – fluct magazine
KDDIのSyn.構想に参画し、11月1日から「Supership株式会社」として新たなスタートを切る株式会社nanapi。常に時代の先端を行く世界観を発信し続けるnanapiには、これまでも多くの会社が注目してきました。今回は「アドテクガール」の愛称で親しまれている佐藤美咲さんにnanapiがこれまで行なってきたマネタイズについて聞いてきました。 まずは自己紹介をお願いします 私は2012年にマイクロアドに入社して、SSPの運用担当をしていました。2年ほどマイクロアドで働いたのち、海外に数ヶ月行き、その後、2014年9月にnanapiに入社しました。nanapiでは、アドテクの運用に加えてSEOを担当しています。 nanapiに入社された経緯と、入ってからの印象を教えてもらえますか？ 自分の仕事がお金に直結するということにすごい面白さを感じていました。ですから、就職活動時から広告事業に携
10歳のこどもから学んだユーザビリティ向上のポイント
2015年9月8日 ユーザビリティ 夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子（10歳）を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい！」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います！ ↑私が10年以上利用している会計ソフト！ 調べたいこと 認知度の高いWebサイトを、小学生がどのように利用するのかを観察し、こども向けのWebサイトに必要なもの、Webサイトを制作するうえで注意すべき点を調べます。 予想 難しい漢字は読めないので読みとばす イラストやキャラクターなど、可愛いものに興味を示す 明るい色彩のサイトに興味を示す まだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていく
競合サイトのCSSとJavaScriptを丸裸にする方法 - ASCII.jp
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第3回は、「Elements」パネル、「Sources」パネルでサイトを検証する方法を解説します。 他人のコードを効率よく調べたい！ ディレクターやデザイナーから、「このサイトみたいなデザインにしたいんだよね」と言われることってよくありますよね。また、海外のかっこいいサイトを見ていると、使われているインタラクションを真似したいと思うこともあります。 そこで、Chromeデベロッパーツールを使って、他のサイトのCSSやJavaScriptを効率的に調査する方法を解説します。 1.背景画像を100%表示しているCSSの実装方法を調べる 背景画像の比率を変えずに高さと幅をフィットさせるデザインのページを例に、Chromeデベロッパーツールの「Elements」パネルで実装を調べていきます。Elementsパネルは
サイト内回遊分析を、簡単・短時間にGoogleアナリティクスでできるセグメントを紹介（第50回） | Googleアナリティクス セグメント100選
ユーザーのサイト内回遊状況を把握して、回遊を促進するためのヒントを発見したい。ただし、複雑で手間も時間も掛かる方法ではなくサイトの回遊状況を適切に把握することは、意外と難しい。ユーザーフローなどの逐一のページ遷移分析は、細かすぎて問題点や特徴把握が難しいと、筆者は感じている。 コンテンツの閲覧特性は「ランディングページ」と「そこからの回遊のパターン」が重要になるのだが、［行動］＞［サイト コンテンツ］＞［ランディング ページ］レポートで1ページ1ページその特性を把握していたら、こちらも細かすぎてキリがないという問題を抱えている。 では、［行動］＞［サイト コンテンツ］＞［ディレクトリ］レポートではどうだろうか？ こちらも、ある程度大雑把にコンテンツ閲覧の傾向を見ることはできるが、残念ながらこのレポートはユーザーの関心の高いコンテンツを相対的に把握するくらいまでのことしかできない。 最近は「
気を付けたい！Webサイトにおける制作側と発注側の常識の違い
Web制作をしているとお客様と我々制作側の認識が異なり、ちょっとした揉め事になったりすることがあります。 当社でも時々ありますが、揉め事の発端は制作側では常識だと思っていたけれど、発注者が感じている常識は異なっていた、という常識のすれ違いがほとんどです。(言葉の使い方の食い違いなどもありますね。) そういうことは制作側からちょっと気にして確認しておけば良い話ではあります。 ですが、「そのくらいは常識でしょう」ということでよく確認せずに、最終的に揉め事に繋がってしまうのです。 制作の「この位のことは、、」という常識がいつだってそうではないのです。 そこで今回は、我々制作側が常識として事前確認をスルーしてしまいがちな、Web制作における制作側と発注側の常識の食い違いについて書いてみます。 そんな事確認するのは当然だろう、と思われる方はそっと本エントリーを閉じてください。 (そう思われても時々漏
【Webデザイン】WebDesignClipが新コンテンツをリリース!!
あの…今回は告知＆お知らせであります。。 クリエイティブの高いWebサイトのクリップ・リンク集のWebデザインクリップがこの度、スマートフォンとランディングページのクリップ・リンク集をリリースしました。今後もボチボチ更新して参りますので皆さん宜しくお願いします。m( _ _ )m
美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
バズったコンテンツで集客したユーザーが、どれぐらい定着してるのか確認するには？ （第43回） | Googleアナリティクス セグメント100選
ソーシャルメディアからバズったコンテンツに集客した新規ユーザーの定着率を確認して、その後のコンテンツ制作の方向性を決めるのに役立てたいサイトによってはブログやTwitter、Facebookなど各種ソーシャルメディアから多くのユーザーが来訪することだろう。しかし面白いタイトルやユニークなコンテンツなどで集客できたとしても、それはビジネスには何の役にも立たない、一時的なアクセス増をもたらしただけかもしれない。 たとえば以前にご紹介したこちらのサイトの例では、バズった記事から他のコンテンツへの回遊はまったくなく、実質的に直帰率が100％という惨憺たる結果だった。 バズったコンテンツに押し寄せた新規ユーザーは、単なる通りすがりなのか、見込み客なのか？（第40回）ほとんどのユーザーはせっかちだ。目的以外のコンテンツまで見てもらおうというのが甘いのかもしれない。しかし、そのときに回遊してくれないとし
ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX
Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば
独学に最適！初心者が短期間でプログラミングを学べるサービス11選 - paiza times
Photo by ITU Pictures こんにちは。谷口です。 プログラミング初心者の方々、プログラミングを学びたい方々は、普段どのような方法で学習をしていますか？ 最近は、Web上でコーディングができるサイトや、プログラミングを学習できる動画コンテンツなど、独学での勉強に役立つサービスが増えてきました。そこで今回は、初心者でも独学でプログラミングの基礎を楽しく学べるサービスを11件ご紹介いたします。 ■初心者でもプログラミングして実行できる！学習サイト ◆1.Codecademy http://www.codecademy.com/learn 学習可能言語：HTML/CSS、Ruby、Python、PHP、JavaScript、jQuery 対応言語：英語（一部日本語） 料金：無料 Codecademyは、実行環境を構築しなくても、書いたコードを実行できます。サインインすると実際にW
Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]
Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない！」 「プロは、どうしてるのかな…？」 こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。 こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。 又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER
![Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7e5e78173c1b358f770e033408afa8394bd779f/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj25_7.png)
Web制作のクライアントにヒアリングしたい項目と意識すべき重要なこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ ディレクターの まさしです。 ディレクターは、お客様の悩みや課題を解決へ導く、とても素敵な仕事ですよね！ お客様の課題が解決され、喜びが共有できたときが、ディレクターにとって一番嬉しい瞬間でしょう。（制作物が公開されたときよりも） さて、お客様の課題解決をしたい場合は、まずはヒアリングから始めますよね。 今日は、このヒアリングという部分において、一番重要だなと思っていることをお話しできればと思います。 何が一番重要かは、人によって違うかと思いますが、僕にとって一番だなと思う点をご紹介させていただきます。 ディレクターの皆さんと、その先にいるクライアントさんに少しでも良い気づきがあれば幸いです。 お客様が本当に依頼したいこと 僕がヒアリング時に一番重要だなと思っていることは、ビジネスモデルです。 まずWebサイトを作る際に、主に考えないといけない目線としては以下の2つがあげられ
ボタンの色やデザインでPCサイトの収益を高めるための基本ポイント：グロースハッカー養成講座＜1＞ | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Webサイトを効率よく運用するための「マニュアル」「帳票」「管理表」サンプルと事例集 | Web制作・運用現場のための「課題解決」の教科書 | Web担当者Forum
Page not Found | Monstarlab
