こちらはAlgoliaのDevRelのChuck Meyer(@chuckm)が書いた DevBit Recap, Fall 2023 の翻訳です。
2023年秋のAlgolia DevBitの振り返りをしましょう。DevBitとは、年次のAlgoliaのイベントであるDevConに似ていますが、”少し(bit)”小規模にAlgoliaとSearch and Discoveryに関する90分間のライブストリームです。
今回の四半期のテーマはフロントエンド開発ということで、JavaScriptライブラリとモバイル開発のベストプラクティスに関するセッションが行われました。テーマを設けるのは今回が初めてでしたが、ピントを絞ったイベントにすることができたのではないかと思います。
以下に、各セッションの録画の埋め込みビデオとリンクを含むハイライトをご紹介します。YouTubeには、開発者、プロダクトチーム、フィールドエンジニア、パートナーによるセッションのプレイリストもあります。
Instant impact: Rapidly building intuitive search experiences
開発者イベントの幕開けを飾るのに、ライブコーディング以上の方法が存在するでしょうか?シニアプロダクトマネージャーのImogen Loveraは、React用のAlgoliaのInstantSearchとAutocompleteライブラリを使って、5分で検索フロントエンドを構築しました。彼女の秘密は、npx create instantsearch-app
!このコマンドを使えば、Webアプリケーションの検索用のフロントエンドのスキャフォルドを素早く構築することができます。
Migrate a React InstantSearch app from v6 to v7 Algolia
シニア・エンジニアのAymeric Giraudetが、React InstantSearchの最新バージョンのv7
を使って、v6
からの変更点や改善点を紹介してくれました。Algoliaのすべてのフロントエンドライブラリは共通のcoreに移行しています。また、Reactのhooksを採用し、カスタム検索ウィジェットを更新してフックを利用するためのシナリオをご提示しました。
Integrating Algolia into native apps with FlutterFlow
まだFlutterFlowに触れたことがないのであれば、試してみる価値はあるでしょう。Flutterはクロスプラットフォームのモバイル開発フレームワークとしてご納得いくものでしょう。FlutterFlowはその上に、モバイル検索を構築するためのビルド済みのウィジェットを含む、実にクリーンなインターフェイスを提供してくれています。John HigginsさんはFlutterflowのエデュケーション・トレーニングの責任者で、彼はプラットフォームおよびモバイル検索を素早く構築する方法をご紹介してくれました。
Mobile search done right: Common pitfalls and best practices
モバイルファーストをテーマにして、シニア・ソリューション・アーキテクトであり、フロントエンド開発のguruでもあるAlex Collinが、モバイル検索を構築するための10のベストプラクティスを紹介しました。特に、適切なフィルターの配置やエンドレススクロールの制限(エンドユーザーがどこにいるのか分からなくなってしまう)などについて興味深い内容になっていると思います。
Recommend Guides Hub: Craft your next discovery experience
Algoliaの新しいRecommend Guides Hubについて、フロントエンドエンジニアのMaria Lunguのセッションで今回のライブストリームを締めくくりました。こちらは、アプリケーションに様々なレコメンデーションUIパターンを組み込むためのレシピとなっております。元来、私たち開発者は怠け者なわけですが、そういった人々にとって既存のベストプラクティスの上に構築することは、ほとんどの場合良いことなのではないでしょうか?私たちのRecommend Guides Hubは、まさにそれが可能なようになっております。
ということで以上が2023年秋のDevBitの振り返りでした。是非、次回12月のAlgolia DevBitへのご参加をよろしくお願い致します!
コメント