[B! Web制作][web] massavaのブックマーク

Webフロントエンドパフォーマンスチューニング80選 - Qiita

こんにちは、ぬこすけです。近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇％アップ、CVR〇％アップ...」などの事例は枚挙にいとまがないでしょう。パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。この記事ではパフォーマンス最適化のハウツーを紹介します。パフォーマンス改善の施策が思い浮かばない時やフロン

massava 2022/02/15

リンク

ランディングページ制作に役立つマニュアルと改善法(toCtoB)｜相原ゆうきfree web hope

こんにちは！株式会社free web hopeの相原です。今回は当社でのランディングページの創り方をベースしにて、ランディングページ制作をする時に役立つフレームワークを公開します。当社の社内マニュアルにもなっているものです。お陰様で中々の高評価を頂いており、書いた甲斐がありましたtt これ読んだらめちゃめちゃやる気出た！！何から始めたら良いのかわからず何も知らないままやろうとしていたからね、そりゃあ心も折れるはずだ👶 ランディングページ制作に役立つマニュアルと改善法(toCtoB)｜相原ゆうきfree web hope @fwh_aihara #note https://t.co/u5ACEAfePU — せりょ🌷＠Travel×Shopify✈︎ (@seritulip) October 14, 2020 事業戦略から、LPへの落とし込み、tipsまで、半端ない。めちゃくちゃ

massava 2020/09/13

リンク

ブラウザレンダリングを理解するため簡単にまとめてみた - Qiita

初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。こんな本を読み始めました Webフロントエンドハイパフォーマンスチューニング　-久保田光則 (著) webパフォーマンスについて...要はサイトの速度改善について学べる本です。冒頭に「ウェブパフォーマンスとは何か」が書かれてます。ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソースを節約させることであり、その節約した分ユーザを豊かにしているわけです。ウェブページ遷移時の初期ロード時のパフォーマンスだけでなくウェブページ内でのインタラクション(ユーザが起こした操作に対しての応答)の描画のパフォーマンスが重要になってきます。読み込み

massava 2017/09/24

リンク

Zeplin

Introducing our new Summer breeze release. Try now for free ->

massava 2017/09/02

リンク

ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist

Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。 2017年、最近のWebのテクノロジーや制作事情をふまえたものとなっており、ひと昔前とはいろいろ変化しています。イラスト: Girls Design Materials 「Web Launch Checklist」は2017年最近のWeb制作事情をふまえて、サイト公開時の確認事項をまとめたものです。確認項目は6つにカテゴリ分けされており、それぞれ最新の動向が取り入れられたものとなっています。 Web Launch Checklist Web Launch Checklist -GitHub そのまま利用してもよし、また編集して自分用のリストを作成することもできます。パフォーマンスで確認したい項目 SEOで

massava 2017/07/24

リンク

5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント

こんにちは。株式会社FREE WEB HOPEの代表取締役社長　相原祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？僕はいつも思っていました。「考え方やマインドセットはいいからやり方を教えほしい」ということを。そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る実践！WEBマーケティング大全（全116ページ！）」を執筆しました。実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。本記事では、その中から弊社の得意とする

massava 2016/03/16

リンク

PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。表示デバイスの多用化スマートフォンアプリの一般化タッチスクリーンの普及トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景