User Experience

Welcome to OpenSearch Tokyo User Group ! OpenSearch Tokyo User Groupの第一回 ミートアップイベントを開催します！ OpenSearch は検索やObservabilityのワークロードのためのOSSです。 本イベントでは、第一回イベントということで、OpenSearchプロジェクトの概要やOSSの今後のロードマップ、OpenSearchのユーザからの体験話などをご紹介します。 扱わないトピック : AWSなどのベンダーサービス固有の話 イベント概要 日時: 2026年2月5日 (木) 18:30 開場 19:00-21:00 セッション 21:00〜懇親会 (22:00完全退館） イベント会場 Amazon Web Service Japan オフィス : 東京都品川区上大崎3-1-1 目黒セントラルスクエア21F (room number 21.001) https://maps.app.goo.gl/c1Zr7ff9kndRe2fGA タイムテーブル 1\. OpenSearch プロジェクト最新情報 2.ユーザーセッション① : 弥生株式会社 Kazuma Imaizumiさん * タイトル : OpenSearch Warm Tier設計の実践 - UltraWarm経験から学ぶIndex/Shard最適化 * 概要 : OpenSearchでのUltraWarm導入経験をもとに、OSS環境でも活用できるWarm Tier設計の実践的ノウハウを共有します。ISM（Index State Management）、Index、Shardの基本概念から、シャードサイズ設計のベストプラクティスと実運用での最適化、UltraWarmとWarm Tierで共通する設計考慮事項まで、具体的な設定例とともに解説します。実運用データ（週1TB、1,000以上のシャード、1シャード約100GB）での経験をもとに、理想と現実のギャップを踏まえた時系列データの効率的な管理とコスト最適化を目指す技術者向けの内容です。 3.ユーザーセッション② : Serverless Operations, Inc. Sonu Kimさん * タイトル : 「うまく言えない」検索を叶える ― OpenSearchと生成AIで作る類似プロジェクト検索 * 概要 : 「前に似たような案件があったはずだけど、どう検索すればいいか分からない」といった、うまく言語化できない検索が必要な業務があります。本セッションでは、OpenSearch を活用して類似プロジェクトを検索できる仕組みを構築し、業務に合わせて「何をどの程度似ていると判断するか」を柔軟にチューニングできる検索体験を実現した取り組みについてお話します。 また、あいまいな検索条件でもユーザーが求める情報に辿り着けるよう、生成AIを用いてデータを前処理・構造化するアプローチや、検索精度を高めるための工夫についても合わせてお伝えします。 4.ユーザーセッション③ : 株式会社ラクス Nobuhiro Inaguma さん * タイトル : VectorDBとしてのOpenSearch\~5,000万件超のベクトル検索をコストを抑えて運用する技術選定\~ * 概要 : 全文検索・分析基盤として知られるOpenSearchは、実は大規模なベクトル検索にも活用できます。本セッションでは、5,000万件超のベクトルを対象に、ベクトルDB導入時に課題になりがちなメモリコストの増加を、Disk-based vector searchの活用で抑えた事例をご紹介します。 懇親会について セッション終了後、簡単な軽食とドリンクをご用意する予定です。 \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- OpenSearch Tokyo User Groupについて OpenSearch Project Tokyo ユーザーグループは、OpenSearch ユーザーを中心としたコミュニティです。オープンソース版の OpenSearch、各種マネージドサービス上で実行されている OpenSearch エンジンをご利用の方は是非ご参加ください。ユースケースは検索に限定されません。分析、可視化など、OpenSearch がカバーするあらゆるトピックについて情報・意見交換していきましょう。 Welcome to the OpenSearch Tokyo User Group! We are hosting the first meetup event of the OpenSearch Tokyo User Group! OpenSearch is an open-source software for search and observability workloads. At this inaugural event, we will be introducing the overview of the OpenSearch project, the roadmap for the open-source software, as well as experiences shared by OpenSearch users. Topics we will not cover: Specific topics related top services provided by vendors like AWS. Event Details Date & Time: Thu,Feb,5 2026 \- 6:30 PM Doors open \- 7:00 PM \- 9:00 PM Sessions \- 9:00 PM \- 10:00 PM Networking \(complete departure by 10 PM\) Venue Amazon Web Services Japan Office: Meguro Central Square, \*-\*-\*, Kamiosaki, Shinagawa-ku, Tokyo 21F (room number 21.001) https://maps.app.goo.gl/c1Zr7ff9kndRe2fGA Agenda TBD Networking After the sessions, we will provide light refreshments and drinks. \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- About the OpenSearch Tokyo User Group The OpenSearch Project Tokyo User Group is a community centered around OpenSearch users. If you are using the open-source version of OpenSearch or the OpenSearch engine running on managed services, please join us. The use cases are not limited to just search - we will also discuss topics around analytics, visualization, and any other areas that OpenSearch covers.

Ukulele Club is a fun group for all ages and skill levels! There is no teacher, but we all help teach each other. Think of songs you would like to learn, and we can learn them together. If you don't have an ukulele, we have extra ukuleles When: *almost* Every Saturday, 10am-11:30am Admission: food/drink order

Join members of the local UX and Digital Design community for a casual monthly breakfast. There _might_ be a little snow, but there _will_ be effectively infinite serve-yourself coffee, so it evens out if you ask me. Just a reminder, while the other locations are great too, we’re at the Lane Ave one this time.

I love my job and one of the main things I do is help customers get going with any of the data technologies at Microsoft. Right now there are a lot of my customers asking about Microsoft Fabric. It's hard to weave across all the shiny new options across the Fabric landscape, let alone figure out where it fits into your organization. In this session we'll focus on answering one question - how can I get data into Fabric? We'll talk through the "it depends" options and see some of the options in live demos.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Join us for an interactive Bombay Gin Cocktail Class at TownHall — a fun, social experience designed to bring people together over great drinks, great food, and great conversation. During the class, you’ll learn how to craft several different Bombay Gin cocktails, guided by a master mixologist in a relaxed, high-energy setting. This isn’t a lecture — it’s hands-on, engaging, and built to spark connection, laughter, and good vibes. Whether you come solo or with friends, this experience makes it easy to meet people, enjoy expertly crafted cocktails, and unwind mid-week. ✨ What’s Included (A Ton 😁) • Multiple Bombay Gin cocktails • Interactive cocktail instruction • Food & appetizers sponsored by TownHall • A lively, social atmosphere 🍸 Sponsored by Bombay Gin 🍽 Food & appetizers sponsored by TownHall Must be 21+ to attend $20 fee per person 

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Hello everyone! For our first dinner together, we’re keeping things low-key and casual. Take a look at the menu and let us know what you think we want this to be easy, relaxed, and enjoyable for everyone. Quick housekeeping note: many restaurants require most of the party to be present before seating. No-shows impact the entire group, so if someone repeatedly commits and doesn’t show more than once, we’ll have to remove you from future dinners to keep things fair and smooth for everyone. Looking forward to a great night and even better conversations 🍽️✨

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.