サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

はてなブックマーク

総合 ●人気 ●新着 ● IT ● 最新ガジェット ● 自然科学 ● 経済・金融 ● おもしろ ● マンガ ● ゲーム ● はてなブログ︵総合︶一般 ●人気 ●新着 ● 社会ニュース ● 地域 ● 国際 ● 天気 ● グルメ ● 映画・音楽 ● スポーツ ● はてな匿名ダイアリー ●人気 ●新着 ● 新型コロナウイルス ● 働き方 ● 生き方 ● 地域 ● 医療・ヘルス ● 教育 ● はてな匿名ダイアリー政治と経済 ●人気 ●新着 ● 政治 ● 経済・金融 ● 企業 ● 仕事・就職 ● マーケット ● 国際 ● はてなブログ︵政治と経済︶暮らし ●人気 ●新着 ● カルチャー・ライフスタイル ● ファッション ● 運動・エクササイズ ● 結婚・子育て ● 住まい ● グルメ ● お金 ● はてなブログ︵暮らし︶ ● 掃除・整理整頓 ● 雑貨 ● 買ってよかったもの ● 旅行 ● アウトドア ● 趣味学び ●人気 ●新着 ● 人文科学 ● 社会科学 ● 自然科学 ● 語学 ● ビジネス・経営学 ● デザイン ● 法律 ● 本・書評 ● 将棋・囲碁 ● はてなブログ︵学び︶テクノロジー ●人気 ●新着 ● IT ● セキュリティ技術 ● はてなブログ︵テクノロジー︶ ● AI・機械学習 ● プログラミング ● エンジニアおもしろ ●人気 ●新着 ● まとめ ● ネタ ● おもしろ ● これはすごい ● かわいい ● 雑学 ● 癒やしエンタメ ●人気 ●新着 ● スポーツ ● 映画 ● 音楽 ● アイドル ● 芸能 ● お笑い ● サッカー ● 話題の動画アニメとゲーム ●人気 ●新着 ● マンガ ● Webマンガ ● ゲーム ● 任天堂 ● PlayStation ● アニメ ● バーチャルYouTuber ● オタクカルチャー ● ニコニコ動画

﹃TravelBook Tech Blog﹄

● 人気 ● 新着 ● すべて

Slackの次世代プラットフォームを試してみた – TravelBook Tech Blog

392 users

tech.travelbook.co.jp Slackの﹁次世代プラットフォーム﹂がこの記事を書いてる2週間ほど前、しれっとパブリックベータになりました。今回はこの公開したてのプラットフォームでアプリをつくってみたので、それを紹介しつつ、感想を書きます。全く新しいプラットフォーム﹁new Slack platform﹂と謳う新しいプラットフォームは現在の﹁Slack API﹂を使ったSlackアプリをつくるものとは別物です。パブリックベータになったばかりでかつ、Workspaceが有料プランではないと今のところデプロイできません。それもあってか公式以外に情報が皆無の状態で、手探りながら試してみました。結果わかったのはとにかく﹁今までとは全く違う﹂ということでした。特徴を紹介しましょう。 Slackのクラウドで動くまずこれが一番大きいです。アプリケーションをSlackのクラウドへデプロイすることになります。いわゆる ● テクノロジー ●2022/09/26 10:46 ●slack ●あとで読む ●deno ●serverless ●API ●アプリ ●プログラミング ●コマンド ●デプロイ ●SDK

Lighthouseの点数を50点以上改善したお話 – TravelBook Tech Blog

74users

tech.travelbook.co.jp トラベルブックのフロントエンドチームでは2020年の9月から、ページのパフォーマンス改善に取り組んでいます。今回は今までどのようにやってきたのかを紹介したいと思います。 Core Web Vitals 2020年5月、Core Web Vitals がSEOに影響されるというのがGoogleから発表され、集客的にもユーザー体験をページパフォーマンスが重要になりました。弊社はメディアサービスを運用しており、SEOはビジネス的に重要な指標としています。そのため、Core Web Vitals をパフォーマンス改善の指標としました。 Core Web Vitalsはより良いユーザー体験を提供するための指標となっていて、読み込み時間、インタラクティブ性、視覚的な安定性に焦点をあてた下記3つの指標をベースに計測します。 Largest Contentful Paint (最大視覚コンテンツの ● テクノロジー ●2022/05/27 15:06 ●cwv ●lighthouse ●seo ●javascript ●パフォーマンス ●performance ●html ●あとで読む ●WebP ●画像

Fastly User Meetup #4に登壇したこととレポート – TravelBook Tech Blog

7users

tech.travelbook.co.jp 先日03/29︵火︶に行われた﹁Fastly User Meetup #4﹂で僕といわくら君の2人がトークしてきました。発表者5人いる中でトラベルブックが2人です。司会の方曰く﹁トラベルブック大活躍﹂です。さて、今回のミートアップ、僕ら以外のトークも含めレポートしてみます。 Fastly User Meetup #4は3/29︵火︶19時から21時までオンラインで開催されました。﹁User Meetup﹂とあるように今回はFastlyオフィシャルのものではなく、ユーザーコミュニティによるミートアップです。元Fastly、現HashiCorpの @jrsyoさんさんが連絡役になってくれました。登壇するキッカケがありまして、トラベルブックを担当してくれてるFastlyの中の人から﹁登壇してしてもらえないか？﹂との嬉しい連絡を受けました。そこで、Fastly導入をメインで担当して ● テクノロジー ●2022/03/31 12:07 ●あとで読む

フィールドデータって知ってる？ – TravelBook Tech Blog

8users

tech.travelbook.co.jp トラベルブックでは﹁スピード改善﹂という名の下﹁Core Web Vitals﹂のスコアを上げる努力をしています。Core Web VitalsというとLighthouseのスコアがいかに﹁100に近いか？﹂が焦点になりやすいのですが、本来はユーザーの環境でいかに﹁速いか？﹂が重要です。これはフィールドデータと呼ばれています。そこで今回は、フィールドデータとはなにか、ラボデータとの比較、確認方法、スコアを上げる方法などを我々の理解の範囲で綴っていきます。 Lighthouseのスコアが全てではない Core Web Vitalsと聞くとあの﹁緑色の100﹂が浮かびます。我々は﹁緑色の100﹂を目指して、TTFBを短くし、ヒーロー画像をpreloadし、width/heightを指定してレイアウトシフトをなくします。これはGoogleのLighthouseというソフトウェアが算出したスコ ● テクノロジー ●2022/03/02 18:21 ●chrome ●seo ●analytics ●データ ●google ●blog

ほんの少しHTMLを変更して検証したい時 – TravelBook Tech Blog

236 users

tech.travelbook.co.jp 本番のサイトを眺めていて、﹁あーここのHTMLこうしたら、もっと速くなるのになー﹂って思う時ありますよね。僕はあります。でも、検証するだけのために、プロダクトのコードを直接いじるのは大げさ。そんな時に、wgetとmirrorというコマンドを使ってページをダウンロードして﹁ほんの少し﹂HTMLを変更しています。紹介します︵追記にLocal Overridesという﹁そのものズバリな﹂Chromeの機能も紹介してます︶。最近あった話です。特にCore Web Vitalsとか速度改善について。トラベルブックのとあるページのスコアが落ちていて、Chrome DevToolsで観察してみると、どうもYouTubeの埋め込が足を引っ張っている。表示領域外にも関わらずiframeの中身がロードされています。これは直したい︵本来なら本番へ上げる前に気づく仕組みを作りたいのですが、一旦置いて ● テクノロジー ●2022/02/18 16:59 ●html ●あとで読む ●chrome ●performance ●web制作 ●wget ●コマンド ●チューニング ●debug ●技術

Fastlyについて知らないかもしれない30のこと – TravelBook Tech Blog

249 users

tech.travelbook.co.jp いわくら君が書いてくれた通り、トラベルブックではFastlyを導入しました。Fastlyについて初めて分かったことがたくさんありました。列挙してみたら30個もあったので、一個ずつ紹介してみることにします。そもそもFastlyとはそもそもFastlyとはCDNのサービスです。現在では後述するCompute@Edgeを主力としたサーバーレス環境を推していますが、とにかくCDNです。今回は www.travelbook.co.jp ドメイン全てに対して適応し、全てのHTMLページをFastly経由にしました。もともとVarnishでページをキャッシュしていた部分をFastlyに置き換えることで冗長化・安定化、また、パフォーマンスアップを図ります。加えて、これまでキャッシュの対象外だったページも、この際TTL付きでキャッシュする、というのが今回やったことです。詳しくはいわくら君の書いた ● テクノロジー ●2022/02/09 11:27 ●cdn ●fastly ●あとで読む ●performance ●ネットワーク ●パフォーマンス ●webサービス

Fastlyを導入しました！ – TravelBook Tech Blog

6users

tech.travelbook.co.jp 2021年11月9日、トラベルブック( www.travelbook.co.jp )ドメインに対してFastlyを適用しました。トラベルブックでのFastlyの活用方法、設定、運用について記載します。 Fastlyとは？ CDN、画像の最適化、ビデオとストリーミング、クラウドセキュリティ、負荷分散などを提供してくれるサービスです。 Fastly公式今回の記事ではCDNについて語ります。 Fastlyを導入した経緯トラベルブックではバックエンドレスポンスの高速化、サーバー負荷を減らす目的で Varnish をEC2に入れて使用していました。トラベルブック内のページ(記事やLP)は頻繁に内容が変わらないのでキャッシュと相性が良く、日に日に対象ページが増えてきました。そしてふと思いました。 Varnishサーバーがダウンしたらサイトの大半がダウンするのでは？？はい、そうです。1つのE ● テクノロジー ●2022/02/07 13:42

TravelBook Tech Blog

3users

tech.travelbook.co.jp Slackの﹁次世代プラットフォーム﹂がこの記事を書いてる2週間ほど前、しれっとパブリックベータになりました。今回はこの公開したてのプラットフォームでアプリをつくってみたので、それを紹介しつつ、感想を書きます。 ● テクノロジー ●2022/01/23 11:25

CloudflareのEarly Hintsを試してみた – TravelBook Tech Blog

7users

tech.travelbook.co.jp ﹁Early Hints﹂はリソースを先読みするための新しい仕組みです。今回は Cloudflare の機能を使って、自分たちのサイトを題材に Early Hints を試してみた件について紹介します。 Early Hints とは？ Early Hints とはリソースを先読みするための仕組みです。 Server Push が否応なしにリソースを﹁プッシュ﹂するのに対し、 Early Hints はリソースの URL だけを伝えるので、ブラウザが賢くキャッシュ管理ができたりと効率がよいです。例えば Web ページだと、サーバーから HTML を受け取る前にアセットの画像や CSS を優先的にダウンロードするといった使い方です。 HTML を生成するのに時間がかかる場合などは特に有効でしょう。具体的には HTML がステータス﹁200﹂で返る前に、URL が書かれた﹁103﹂という ● テクノロジー ●2022/01/20 16:50 ●web

Fastly Compute@Edgeについて分かったこと – TravelBook Tech Blog

47users

tech.travelbook.co.jp トラベルブックでは CDN に Fastly を使っています。その Fastly が提供する Compute@Edge が一般でも使えるようになりました。今回は Compute@Edge とはなにか、といった概要と、実際に﹁Slack スラッシュコマンド echo ﹂を作ってみた件、それで分かったことを紹介してみたいと思います。 Compute@Edge とは？ Compute@Edge とは、Fastly の CDN エッジでスクリプトを実行できる環境のことを言います。去年の11月に一般ユーザーに開放されました。誰もが無料で Compute@Edge を試せるチャンス | Fastly Compute@Edge は一般的に﹁エッジコンピューティング﹂と呼ばれるもので、同様には以下があります。 Cloudflare Workers Vercel Edge Functions AW ● テクノロジー ●2022/01/14 15:41 ●cdn ●fastly ●あとで読む ●cloud ●dev

テックブログを作る – TravelBook Tech Blog

13users

tech.travelbook.co.jp トラベルブックでテックブログを始めることにしました。今回はどのようにテックブログを作ったのか。方針、技術スタック、実装、執筆フローについて書いてみます。テックブログを始めますトラベルブックでスーパーバイザーをやってる yusukebe です︵スーパーバイザーって聞き慣れないので﹁なんだそれ？﹂って思ったかもしれませんが、それについては今後本ブログで書いていければいいなと思います︶。さてあらためて、トラベルブックでテックブログを始めます。今回は、なぜテックブログを始めるのかという﹁Why﹂や﹁What﹂は置いておいて、どうやって作ったかという﹁How﹂の部分、つまりシステムの話を中心に書きます。このブログは見ての通り、たった今、始まったばかりなので、これがイケてるかどうかの判断はまだできません。でも、他社のものと比べてちょっとだけ変わった構成になっています。興味を持っていただけ ● テクノロジー ●2022/01/13 16:28 ●ブログ

このページはまだ
ブックマークされていません

このページを最初にブックマークしてみませんか？

﹃TravelBook Tech Blog﹄の新着エントリーを見る

キーボードショートカット一覧

j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ●総合 ●一般 ● ●政治と経済 ●暮らし ●学び ●テクノロジー ●エンタメ ●アニメとゲーム ●おもしろ ●アプリ・拡張機能 ●開発ブログ ●ヘルプ ●お問い合わせ ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●公式アカウント ●ホットエントリー ●はてなブログ ●はてなブログPro ●人力検索はてな ●はてなブログタグ ●はてなニュース ●ソレドコ