メルカリShops のフロントエンド | メルカリエンジニアリング
こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載：「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は既存のメルカリアプリの中に独立した Web アプリケーションとして動いています。本記事では、どのようなライブラリを選定し、どのようにアーキテクチャを設計してきたかを解説します。 なぜ Web なのか？ アプリの上で動いているのであれば、WebView ではなくても良いと感じる人はいると思います。今回採用した 1 つの理由としては、リリースが柔軟な点が挙げられます。iOS/Android の両方に対して開発サイクルを早めることが可能であり、また機能追加やバグ修正が容易です。どのように WebView で動いているかについては、6 日目のメルカリ Shops のため
本サイトの AMP 提供の停止とここまでの振り返り | blog.jxck.io
Intro 前回の記事で、奇遇にも本サイトの AMP 対応を落とすことになった。しかし、そうでなくても AMP をどこかでやめることは考えていたため、きっかけの一つが SXG 対応になったのは、順当な流れだと筆者は感じている。 これは AMP がなぜ始まり、なぜトーンダウンしつつあるのか、そしてこれからどうなっていくのか、という流れをまとめるいい機会でもある。 その過程で生み出され、本サイトでも検証を続けてきた Performance Timing API, Core Web Vitals, Signed HTTP Exchange 、そして今構想されている Bento AMP などを踏まえ、一連の流れを覚えている範囲で記録としてまとめておく。 ソースは筆者の主観であり、眺めてきた体感を mozaic.fm の Monthly Web などで話してきたものがベースなので、信頼性や正確性は期
【実はnoteの他にもある】投げ銭・有料記事を作れる！有料ブログ＆デジタルコンテンツ販売サービス10選
【実はnoteの他にもある】投げ銭・有料記事を作れる！有料ブログ＆デジタルコンテンツ販売サービス10選 先日、『cakes（ケイクス）』というメディアで連載されている人生相談で、 幡野広志氏がDV被害者に対して二次加害をする、しかもそれを糸井重里氏がTwitterで「サイコー！」と面白がる という事件がありました。 嘘をつかない答えって、嘘に惑わされないことなんだね。相談の文を読んでるときと違和感が、そのまま回答だった。ところで「遊びっていっても深夜に夜釣りしているのか」がサイコー！ https://t.co/c54ZlXkrEs — 糸井 重里 (@itoi_shigesato) October 19, 2020 cakesは、メディアプラットフォーム「note」も運営している、note株式会社が運営しているメディアです。 当然ですが、一般読者はドン引き、cakesやnoteを退会したと
牧歌的 Cookie の終焉 | blog.jxck.io
Intro Cookie は、ブラウザに一度保存すれば、次からその値を自動的に送ってくるという、非常に都合の良い仕様から始まった。 State Less が基本だった Web にセッションの概念をもたらし、今ではこれが無ければ実現できないユースケースの方が多い。 冷静に考えればふざけてるとして思えないヘッダ名からもわかるように、当初はこのヘッダがこんなに重宝され、 Web のあり方を変えるかもしれないくらい重要な議論を巻き起こすことになるとは、最初の実装者も思ってなかっただろう。 そんな Cookie が今どう使われ、 3rd Party Cookie (3rdPC) の何が問題になっているのかを踏まえ、これからどうなっていくのかについて考える。 Cookie のユースケース Web にある API の中でも Cookie はいくつかの点で特異な挙動をする 一度保存すれば、次から自動で送る
本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦
ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image
なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか！」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として
リニューアルした日経電子版が高速すぎてヤバイ件｜こんぴゅ
日本経済新聞は国内を代表する経済誌だ。その電子版はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式もモバイルで2倍の表示速度を達成したと堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。 これはチェキらないとヤバイと感じ、友人のkitakさんとスピードの秘密を調査してみた。 Fastlyをコンテンツキャッシュに使う殆どのデータはFastlyを経由して取得されていた。Fastlyは最近注目を集めているCDN（世界中にエッジサーバーを配置し、高速にコンテンツを配信するサービス）で、非常に高機能でユニークなサービスだ。 一般に、CDNはいったん世界中にコンテンツをばらまくと、それを無
同じIPを使っている他のサイトの一覧を出してくれる『myIPneighbors』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
同じIPを使っている他のサイトの一覧を出してくれる『myIPneighbors』 June 6th, 2007 Posted in その他 Write comment ちょっと迷ったけどやっぱりご紹介。 共有サーバーを使ってホームページを立ち上げている人も多いだろう。その場合、一台のサーバーのリソースをほかの人と共有していることになる。 そうなると気になるのが「同じサーバーを共有している他の人は誰だろう？」ということだ。 それがまるわかりになってしまうのが「myIPneighbors」である。 このサイトではIPやドメイン名を入れると同じサーバーを共有しているサイトの一覧をずらずらと出してくれる。 これを見ながら奇妙な縁を感じてみたり、「最近遅いと思ったら人気サイトがあるじゃないか！」などといろいろ考えることができるのだ。 なんだかマンションの隣人を知るようでちょっと微妙だが、ツールとして
Forgot the Milk. - 超強力GTDツール、GoogleノートブックでGTDを実践する方法
Lifehacker にGTDに関する興味深いポストを見つけました。Google Notebookで GTD を実践する という記事です。 > http://lifehacker.com/software/geek-to-live/getting-things-done-with-google-notebook-256844.php Googleノートブックの特性をうまく利用した斬新なGTD実践方法が詳しく紹介されていました。とても勉強になったので紹介します。 なぜ Google ノートブック？ なぜGoogleノートブックかというと・・以下の理由があげられます。 ・拡張機能を利用することで、どこでも素早くウェブ上の情報をスクラップできる ・強力な検索機能がある ・共有機能を利用することで、家族や同僚達と共同利用できる ・スクラップ時に生成される自動リンク機能が便利 ・世界中どこのコンピュ
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
るびま
『るびま』は、Ruby に関する技術記事はもちろんのこと、Rubyist へのインタビューやエッセイ、その他をお届けするウェブ雑誌です。 Rubyist Magazine について 『Rubyist Magazine』、略して『るびま』は、日本 Ruby の会の有志による Rubyist の Rubyist による、Rubyist とそうでない人のためのウェブ雑誌です。 最新号 Rubyist Magazine 0058 号 バックナンバー Rubyist Magazine 0058 号 RubyKaigi 2018 直前特集号 Rubyist Magazine 0057 号 RubyKaigi 2017 直前特集号 Rubyist Magazine 0056 号 Rubyist Magazine 0055 号 Rubyist Magazine 0054 号 東京 Ruby 会議 11 直
【レポート】Wicket入門 - JavaとHTMLだけで作るWebアプリケーション | エンタープライズ | マイコミジャーナル
新着記事一覧 ディアイティ、暴露ウイルスなどの無料相談「Winnyトラブル相談室」を開設 [01:43 10/1] 【レポート】2009年最新モデルの自転車をピックアップ--LOUIS GARNEAU [01:36 10/1] 【レポート】2009年最新モデルの自転車をピックアップ--KONA [01:35 10/1] 日米同時配信! インターネットドラマ『TSC東京ガール』が放送 [01:00 10/1] 恒例のニコ動リニューアル会見中継、「ニコニコ動画(秋)」にパワーアップ! [23:56 9/30] PSP用の『モンスターハンターポータブル 2nd G』関連アイテムが発売 [23:56 9/30] 【コラム】シリコンバレー101 第288回 本質はソフトウエア＋サービス、v3.0でiPod市場に挑む「Zune」 [23:38 9/30] 日本AMD、「AMD HD! エ
PHP at Yahoo!を読む - Sooey
PHP at Yahoo!を読む イタリアで開催されたPHPDay 2007にてYahoo! EuropeのFederico Feroldi氏が行なった「PHP at Yahoo!」のプレゼン資料が、氏のブログで公開されました。 Yahoo!が社内でどのようにPHPを使用しているのかということはこれまでにもRasmus Lerdorf氏のプレゼンなどで明らかにされてきましたので、「PHPのビルド時にはモジュールはほとんど組み込まない」とか「ビジネスロジックをエクステンションとして実装する」といったことは皆さんご存知だと思います。今回も前半はそんな感じの内容ですが、途中で実装よりの具体的な話題になってきたと思ったら、Yahoo!が利用しているテンプレートエンジン r3がオープンソース化したと書かれていてビックリ。しかもsymfonyのビュー層にも組み込んで使っているとか。 他にもDrupal
Mash up Award 2nd 審査結果 - 株式会社リクルート FIT BIコラボレーション委員会
keep-aliveでHTTPコネクションを放置するベンチマーク(abパッチ) 川崎です。ab（Apacheのベンチマークツール）のパッチを書いてみました。 例... コメント (0) | トラックバック (0) 投稿者: 川崎 有亮 日時: 2008年09月24日 23:51 大崎で Mashup Caravan in OSAKI を開催しました 川崎です。 先週8月30日（金）に、Mashup Caravan in OSAK... コメント (0) | トラックバック (0) 投稿者: 川崎 有亮 日時: 2008年09月02日 00:44 社食でソフトクリームを作ってみる実験 （230円） 川崎です。 メディアテクノロジーラボでは、日々、さまざまな実験を行っていますが、... コメント (0) | トラックバック (0) 投稿者: 川崎 有亮 日時: 2008年09月01日 2
制限無く無料で商用利用可能な画像を検索するネットサービス「PicFindr」 - GIGAZINE
最近は商用利用が可能でなおかつクオリティの高い写真や画像がダウンロード可能なサイトも増えてきました。で、今回紹介する無料ネットサービス「PicFindr」は、そういった画像を一括してキーワード検索できるようにするものです。商用利用する際にロゴを入れたり事前許諾を行ったりコピーライト表示を行ったりする必要が全くない画像のみを選び出して表示してくれるので、かなり便利かつ作業時間の短縮が可能です。 詳細は以下の通り。 PicFindr: Free stock photo and image search http://www.picfindr.com/ 上記ページにアクセスしたら、中央下部にあるこのボタンをクリック 検索したい画像のキーワードを入力して「Search」をクリック こんな感じでずらずらと並びます。画像の上にマウスカーソルを移動させると自動的にサムネイル画像が拡大されます。 サムネイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
認証しないWeb認証 限定公開URLのセキュリティについて考える 公開版
gr.jp
WordPress Japan
php:framework:symfony [おやぢ組]
not found