2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか? スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か
エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) (前半の各ベンダの話はpastak.icon個人の見解を含みます) 次ではない フロントエンドなんでも相談室 前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号 ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu
筆者:戸村光 シリコンバレー在住起業家・エンジェル投資家・Forbes, Business Insider, 週刊東洋経済, 経済界等の主要メディアにビジネスジャーナリストとして執筆活動をしている。noteではメディアでは話せない業界裏情報を提供する。参考:twitter・Wikipedia ・Business Insider・Forbes *このノートは一流から学ぶ即戦力サロンHUNTERCITYの人気授業をノート化したものです。プログラミング・マーケティング・セールス・PR戦略等即戦力スキルを取得したい方は今すぐ登録。http://huntercity.org/ *購入者特典 ・サイトをゼロから作るまでの開発工程動画 ・5分で作る20万円相当のウェブサイト動画(Boostrap利用) ・1日でサービス開発→リリースするハッカソン(先着50名) ・サイト開発(このノート)に関する質問(し
はじめに 個人開発ウソ穴の作り方を紹介します。 ウソ穴とは ウソ穴は、ライブ映像 or 動画とARを組み合わせて、壁に穴が空いた錯覚を作り出します。Webサイトなので、ユーザーはアプリのインストール無くウソ穴を使用できます。 時雨堂さんのSoraをつかったウソ穴の作り方を紹介 時雨堂さんのSoraは遅延がほとんどないストリーミング 時雨堂さんのSoraのおかげでウソ穴の"穴感"がよりリアルになる 時雨堂さんの技術力すげー デモ映像 向かって左がウソ穴、右がホントの穴です。 ホントの穴と、ウソ穴 (ライブ映像とARで作った穴) の比較テスト。3Dオブジェクトの形状を工夫して、本物っぽい穴に近づけてみた。 #ウソ穴 #AR #時雨堂 #sora 間違えて動かないオモチャ買ったので obniz で回した。 pic.twitter.com/VWpbWeDr0J — j4amountain (@zs
普通は役所のシステムって構築してから5年とか7年は塩漬けにして使うもので、一度やらかしてしまうと名誉挽回の機会なんて向こう数年は与えられないんだけど、こと本件に関しては高市総務大臣から「今すぐ私がマニュアルなしでも使えるように直しなさい」と叱責いただいて、しっかりと予算的なサポートも得られたことで、たったの数ヶ月で立て直すことができた。 この数ヶ月は外部のセキュリティやPKIの専門家の方から様々なサポートをいただいて何とか実現したんだけれども、役所のシステム開発としては非常識というか、極めて難易度が高い案件だった。「え?単にChromeやSafariをサポートするだけでしょ、難しい訳ないじゃん」と思う諸兄は、もうしばらくこの話に付き合って欲しい。 もともとマイナポータルは日本を代表するITベンダーと通信キャリアの3社が開発したんだけど、大臣からの叱責を受け「ちゃんとお金を払うから直してよ」
EDIT: DOjS はp5.jsサブセットを実行できる MuJS ベースのJavaScript環境だ。DOM-less。 https://github.com/SuperIlu/DOjS EDIT: SerenityOSを忘れてた: http://serenityos.org/happy/1st/ 自作OSに自前ブラウザというかなりヤバいプロジェクト。ブラウザ部分は最近Qtなクロスプラットフォーム版が出来た https://awesomekling.github.io/Ladybird-a-new-cross-platform-browser-project/ 。 EDIT: Geckoとか ServoとかMosaic系列は省いてしまった。まぁみんな知ってるよね多分。そもそも粗挽きというよりはかなりmature productだし。。 2020 Web Milestones という記事で
本サイトでは、全国59地域について明治期以降の新旧の地形図を切り替えながら表示できます。収録した旧版地形図は、4,847枚にのぼります。「今昔」の読み方は「こんじゃく」です。 みたい地域が入っていない、という時は、「ひなたGIS」を使えば 昭和戦前期の1/5万地形図を全国見られます。 使用上の注意 使用データ ネタマップ タイルマップサービスについて Windows版デスクトップ「時系列地形図閲覧ソフト『今昔マップ3』」 この地図の作成に当たっては、国土地理院長の使用/複製承認を得ています。(承認番号 平25情使、第365号;平25情使、第700号;平27情使、第142号;平27情使、第881号;平27情複、第1088号;平28情使、第1094号;平28情複、第1366号;平29情複、第566号、第1092号、第1436号;平30情複第197号、第234号、第432号、第620号、第859
技術もユーザーの期待値も日進月歩する Web において最高のエクスペリエンスを提供するためのガイダンスを提供するサイト web.dev にて web vitals が 2020/5 に開設されました。本稿はその紹介になります。 [2020/5/12追記] Google から日本語要約Web Vitals の概要: サイトの健全性を示す重要指標が公開されましたので、こちらも合わせてご覧ください。 TL;DR web vitals とは複雑化した Web サイトの UX 指標を3つに再整理し、定量化したものとその測定ツール (JS ライブラリと chrome extension)のこと web-vitals-extension をインストールしてみては(まだ alpha ですが...) web-vitals(npm) のドキュメントをチェックしてみては (同上) Web Vitals とは O
Intro Origin は Web におけるセキュリティモデルの一つとして、コンテンツ間の Communication に関する境界を定義し、リソースを保護してきた。 しかし、 Spectre の発覚以降、 Communication に関する制限だけではなく Isolation によるメモリレベルでのアクセス制御が必要となった。 そこで現在作業されているのが、 CORB, CORP, COEP, COOP といった仕様群であり、これは Web におけるセキュリティモデルの更新作業と見ることができる。 概要と現状について解説する。 DEMO & Resources 量が多いため、動作する DEMO と関連リソースは、ページ下部にまとめてある。 CORS による Cross Origin Communication の制限 CORS は、平たく言えば、リソース提供元(サーバ)が、クライアン
今後Safariで起きること Safariとは、Appleで開発されているWebブラウザであり、パソコンであるMacの他にiPhoneやiPad、Apple TV、Apple Watchなどの端末に標準で搭載されています。 このSafariにおいて、2020年9月1日以降に発行された「有効期間が399日以上」のSSLサーバー証明書(以下、SSL証明書)が信頼されないことになります。 具体的なエラー画面の仕様などは明らかにされていませんが、Appleの発表に「This might cause network and app failures and prevent websites from loading.」と書かれていることから、失効したSSL証明書を利用しているサイトにアクセスした時のように、全画面でエラーが表示されてサイトへはアクセスできなくなってしまうことが考えられます。 購入済み
A playbook for ethical engineering on the web. In the 25 years since JavaScript was first added to Netscape Navigator, the language has evolved from a cute little toy to an integral part of the Internet. JavaScript frameworks such as React and Angular have transformed the web, bringing us fully-fledged client side applications with functionality that could only be imagined just a decade ago. In th
tl;drNext.jsはv9.3.0以降Initial Loadingの扱いが変わったクライアント側ではApolloを利用することができるが、Authorization Headerを設定するなら一工夫必要SSR時にはfetchによるシンプルなAPIリクエストをすると良い昨今のWebフロントエンド昨今のWeb開発において、React、TypeScriptとかのベース知識は当然として、やはりNext.js(あるいはNuxt.js)のような、SPA/SSR両方のニーズを汲み取りながら、dynamic routingを提供してくれたり、ビルド環境を高速に整備してくれるフレームワークが重宝されるようになってきていると感じます。 また、Reduxもアリですが、スキーマ駆動開発が推進できるGraphQL、特に尋常じゃなくステート管理が用意になるHooksとApolloクライアントの組み合わせは、フロ
Have you ever been on a team and you need to start a project from scratch? That's usually the case in many start-ups and other small companies. There are so many different programming languages, architectures, and other concerns that it can be difficult to figure out where to start. That's where design patterns come in. A design pattern is like a template for your project. It uses certain conventi
0.5 MongoDB injection 前回の記事でNode.js+MongoDBなら普通は脆弱性出ないから気にしなくていいですよね、等と書いたのですが、 僕自身が今までフツーに脆弱なコードを書いていました・・・。まずはその話から。 概要 Node.js+MongoDBでMongoDBのドライバを使った時、「SQL文」のように文字列でクエリを投げる事はありません。普通にJavaScriptの文法として、クエリを書く事ができます。 これはすなわち、エスケープ処理のようなものは必要なくなり、 たとえばある文字列で検索するようなクエリを投げるとき、外部からどんな変な文字列を受け取ろうとも、そのままその文字列で検索できる、ということです。 そう、文字列ならね……… 脆弱性のある状況 Node.jsはそれがそもそもWebサーバとして動くのですが、 普通は、最低でもExpressという薄いフレーム
Payment Request APIとは Googleの調査では、ユーザーはPCで購入する場合より2倍も多く、モバイルでの購入を取りやめており、そのほとんどの原因が入力フォームの使いづらさにあるそうです。 この問題を解決するために「ブラウザ自体に決済フォーム機能を付けちゃえば良いのでは?」と考えられたのがPayment Request APIです。 実際どんなものなのかはこちらの動画で確認できます。 https://www.youtube.com/watch?v=undqD82MBvA ここで表示されるUIはサイト開発者が作ったものではなくブラウザの機能として提供しているもので、これにより従来のフォームよりも手軽に正確な情報をユーザーから取得することが可能になります。 どう便利なのか Payment Request APIのもっとも大きなメリットは、Googleアカウント、Microso
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
私は広告業界で10年ほど広告制作の仕事をしていた。最初は総合代理店で、最後の半年はWEB広告代理店で。 そして昨年末をもって退職に至ったので、退職エントリではないが、なんとなくWEB広告の実情について 広告業界の人たちにも話したかったので文章にまとめることにした。 私は広告業を一つの「文化」だと思っている。 そう考えるのは広告業従事者の奢りだ、と言われがちだが 私はそれは、奢りではなく、むしろ戒めだと考えている。 なぜなら広告会社は、そういった矜持を自戒の念を込めて持っていないと、 簡単にゴミを製造する工場へと成り下がってしまうからである。 私は新卒でとある広告代理店に入社し、そこから10年ほど制作を担当することになった。 最大手というわけではないが、時々全国規模のTVCM制作も手がける、そこそこの代理店である。 そこは、今となっては「働き方改革」の標語ひとつで一蹴されてしまうような、徹夜
「この会社で10年やっていけるだろうか」「人のために、人が使うものを作る仕事をしたい」こんな疑問や希望を持った人たちを引き付ける、あるスクールが日本に相次いで設立された。入学金も授業料もいらないが「突き落とされたプールで1か月溺れず必死にもがく」と例えられる試験をパスする必要がある。 そのプールにみずから飛び込むのは、有名大学を出たエリートではなく、5児の母親や農家手伝いの若者、それに浪人生など。カプセルホテルに泊まり、あるいは娘が作ってくれた目玉焼きをほおばり、新たな世界を目指すのだ。夢はITエンジニア。熱い挑戦が繰り広げられている。(ネットワーク報道部記者 加藤陽平・国際部記者 松崎浩子) 滋賀県から上京している24歳の男性。1泊1800円のカプセルホテルがねぐらだ。 「マックに触ったのも初めて。大文字と小文字の切り替えも分からなくて。でも、受かったら何かが変えられるはず」 浪人中の1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く