Web Standards

Attention This meet-up is run by Japanese organizers. The participants are mostly Japanese and therefor all conversations are conducted in Japanese. It would be difficult to conduct the meeting in multipule languages. Please be aware of the above before participating. →注意事項 このミートアップは日本人のオーガナイザーによって運営されています。 参加者のほとんどが日本人であるため、会話はすべて日本語で行われます。多言語でミーティングを行うことは困難です。 以上のことをご了承の上、ご参加ください。 (上記英文をDeepLにて翻訳しました)。 /////////////////////////////////////////////////////////////////// 千葉県での初級～中級のWordPressの勉強会です。 今回はChiba WordPress Meetupの単独企画イベント(オンライン/オフライン同時開催)です。 25年からは奇数月はテーマを決めて行うイベント会、偶数月はWordPressについて各自のやりたい事を進めるもくもく会/相談会を行います。 12月は偶数月なので相談会になります。 12月の会は定番企画のなんでも相談会を開催します。 日頃WordPressを弄っていると色々な疑問や質問が出てくるかと思います。 「**ここをこうするにはどうしたらいいかしら？」** **「何か自分の考えを体現できるいいプラグインはないかしら？」** **「うちのWordPressサイトを運用するレンタルサーバーを変更したいけどオススメは？」** 等々あるかと思います。 それをこの機会に解決してみませんか？ もちろん全ての疑問に解決出来る保証はありませんが、三人寄れば文殊の知恵ともいいますので、解決に少しでも近づけれる様にオーガナイザー含め全員で色々考えてみませんか。 多くの皆さんのご登壇をお待ちしております。 **＜＜概要(オンライン/オフライン併記)＞＞** 期　　日： 2025年12月28日(日)　13:30～16:00の2.5時間 (オフライン会場では16:00～17:00で茶話会) 場　　所： オフライン会場：千葉市生涯学習センター　3F工芸研修室 JR千葉駅「中央改札」を降りて、「千葉公園口」から徒歩8分 会場までの経路は\*\***[こちら](https://chiba-gakushu.jp/access_01/)**\*\*を参照して下さい。 オンライン会場：Zoomを使用 参加ULRは右側サイドバーに後日掲出します。 参加人数： オンライン、オフライン各15名計30名 会　　費：500円 ※参加申し込みの際に対面(オフライン)かオンラインかをお選びください。 当日のレジュメ： イベントの概要 参加者自己紹介 ライトニングトーク　(登壇者は後日発表) メインセッション　なんでも相談会 業務連絡 **＜＜こんな方におススメ＞＞** WordPressでブログやWebサイトをはじめてみたい方 WordPressを使ってて判らない事、疑問に思う事がある方 WordPressを使っている人と仲良くなりたい方 WordPressについて色々な疑問質問を感じてる人 ＜＜疑問質問相談のある方へ＞＞ 当日の進行をスムーズに行う為、疑問質問相談のある方は下記のGoogleフォームに投稿してください。 **[https://forms.gle/wNyPLJEsD9RDHDv96](https://forms.gle/wNyPLJEsD9RDHDv96)** フォームに投稿された質問は下記のGoogleスプレッドシートにまとめられます。質問内容に回答できる方はこちらのシートの回答欄にご記入ください。 **[https://docs.google.com/spreadsheets/d/1kD8pgaF4pnqvWJvyAL4ynnFKPhTReYLzyvBWHxeBDf0/edit?usp=sharing](https://docs.google.com/spreadsheets/d/1kD8pgaF4pnqvWJvyAL4ynnFKPhTReYLzyvBWHxeBDf0/edit?usp=sharing)** **＜＜オフライン参加の方法について＞＞** オフライン参加の方はこのページ内でご案内している会場(ルールーム03)にお時間までにお越しください。 会議室の利用料金の負担として500円をお願いします。遅刻、早退もご自由にどうぞ。 最寄り駅はJR総武線/総武本線/成田線/外房線/内房線千葉駅から徒歩5分程、千葉都市モノレール栄町駅からだと徒歩1分程です。 専用駐車場はありませんのでお車でお越しの際は近隣の有料駐車場をご利用ください。 **＜＜オンライン参加の方法について＞＞** オンライン参加の方はZoomを使用しますのでご利用になるPCにZoomクライアントアプリをインストールしておいて下さい。 会場の音声が聞き取りにくい場合もありますのでヘッドホン/イヤホン等をご用意ください。 既にインストール済みの方は最新バージョンへのアップデートを事前に済ませておく様にお願いします。 ZoomのURLは当日午前までにMeetupに連絡用として登録したメールアドレスへの送信、およびこのページの右サイドバーに表記致します。 **＜＜重要＞＞** 折角お申込みいただいても当日の予定を失念してしまい、参加出来なかったという方もいらっしゃいます。 スマートフォン(iPhone、Android)にmeetupアプリをインストールしていただくとイベントへの参加申し込み、キャンセル手続き、申込イベントへのスケジュール確認、参加者同士のメッセージ送受信等を便利に行えます。 ぜひ利用登録してください。 **[https://www.meetup.com/ja-JP/apps/](https://www.meetup.com/ja-JP/apps/)** 参加申込みいただいた後にご都合により参加出来なくなった場合は、早めのキャンセル手続きをし、ご連絡いただければと思います。 またキャンセル手続きが上手く出来ない場合は、イベント主催者側にコメントやメッセージでご連絡ください。 **＜＜ライトニングトーク(LT)登壇者を募集しています＞＞** 偶数月のもくもく会ではライトニングトーク(LT)の枠を設けています。 ライトニングトークとは1人5分位の短い時間で行われるプレゼンテーションです。自身の話したい内容を短時間でまとめる能力、人前での発表する事でコミュニケーション力の向上、等の効果があるとされています。 またMeetupでのLTの経験は将来的により大きなイベントでの長時間のプレゼンにも役立ち、そこから新しい人とのつながり、別のコミュニティへの発展も期待できます。 参加申込の際にLT登壇のお伺いをしております。 希望される方はYESとしていただくと後日運営からご連絡差し上げます。 多くの方のLT登壇をお待ちしております。 **＜＜運営からお願い＞＞** 開場からMeetup開始までの間の時間に限りがあります。オフライン参加の方で早めにお越しいただける方は開場時間(13:00)にお越しいただき、設営の準備をお手伝いいただけると助かります。 お手伝いいただきたい内容は以下のものです。 ・机、いすの配置 ・電源ケーブル、コンセントの配置 ・プロジェクタスクリーンの準備 ・受付の補助 いずれも簡単なものになります。 ご協力いただけますとスムーズに会が始められますのでよろしくお願いします。

Location: Takoyaki cafe Misora 〒552-0001 大阪府大阪市港区波除５丁目３−９ 玉野 1階 **GOOGLE MAPS LINK** https://maps.app.goo.gl/QwkUTJdBvXkWBEXo8 レベルは何でできる楽しい英語のチャットです！ All levels English chat (materials provided) in Bentencho! The participation fee is 750 yen. Please also buy something from the restaurant (drinks start at 300 yen). 参加費は750円です。店でも飲み物か食事を注文してください。飲み物は300円〜。 This will be fun and we will also learn a lot! 他のアプリを使っている方も参加しています！

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

WordPressのコア、プラグイン、テーマ、そしてサーバーのPHPやデータベース、古いままだったりしませんか？ 古いままだとセキュリティリスクがあるだけでなく、PHPについては今後のバージョン対応などによっては、プラグインなどがアップデートできないということが発生します。 今年のアップデート、今年のうちに。とはいえ一人だとどうやったら良いかわからない、何か起こるかなんとなく心配などということもあるかもしれません。 というわけで、アップデートの会をMeetupにしてみました。 （アップデート作業の保証をするものではありません。あくまでみんな自分でやってみようという会です。） サポートできる方のご参加も大歓迎ですし、もくもく作業をされたい方もどうぞ！ 年の瀬、リアルでは集まりにくいかもしれないので、対面とオンラインのハイブリッド形式での開催です。 *** WordPress MeetupはWordPress が好き。WordPress のことを知りたいなど WordPress に関わっている・興味のある方なら誰でも参加できる地域コミュニティです。 *** オンラインと対面のハイブリット開催です。オンラインはZoomのURLを発行します。 ・WordPress って何？ ブログを作ったりWebサイトを作ったりできるオープンソースのCMS（コンテンツマネージメントシステム）です。 お問い合わせ @nukaga へ、お気軽にお問合せください。

**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.

**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.

**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.

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.

Bring your Raspberry Pi, Arduino, microcontroller, or any other electronic project and join fellow electronics makers for a night of creativity and collaboration! This session is open forum to share your current projects—whether complete or in progress, it’s all interesting! Whether you’re deep into embedded systems, exploring new ideas, or just getting started, you’ll find a welcoming space to collaborate, share, and get inspired. I've been hardware hacking a See N Say to make it say whatever I want - while the project is in progress still, it should be working by this meetup! I'll bring it for demo. [See N Say Project](https://github.com/cdeever/esp32-see-n-say) While we continue to pursue a more permanent venue for this Meetup, we’ll be using public library facilities based on availability. This session will be at the Worthington Park Library in the Olentangy Meeting Room.