BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:htmx入門 - JSが苦手な方のための、やさしいラ イブラリ X-WR-CALNAME:htmx入門 - JSが苦手な方のための、やさしいラ イブラリ X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:951576@techplay.jp SUMMARY:htmx入門 - JSが苦手な方のための、やさしいライブ ラリ DTSTART;TZID=Asia/Tokyo:20240913T210000 DTEND;TZID=Asia/Tokyo:20240913T220000 DTSTAMP:20260528T145242Z CREATED:20240715T140339Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/95157 6?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n長谷川 喜洋 さん、たにぐち まことさんをお迎えし、フロントエン ド・サーバーサイドの両側からhtmxについて解説いただ きます。\n\n「当日の視聴は無料」スタイルで開催しま すが、アーカイブチケット購入やサブスク登録でサポ ートくださいますと助かります！\n\nhtmx入門 - JSが苦手 な方のための、やさしいライブラリ\n\n「htmx」とは、HT MLに手軽に非同期通信機能を追加できるライブラリで す。その特徴は、JavaScriptを全く書かずにHTMLの属性だ けで、本格的なプログラムが作れるところ。\nこれま で、JavaScriptが苦手だったマークアップエンジニアの方 や、サーバーサイドのプログラムに慣れている方など が、フロントエンド開発を手軽に始めることができま す。\n\n本イベントでは、そんなhtmxをフロントエンド ・サーバーサイドの両側から、その魅力をご紹介しま す。\n\n次世代のhtml！ htmxが便利なわけ\n\nhtmxは、HTML をハイパーテキストとして完成させることを目的に開 発されました。HTMLに属性を足すだけでJavaScriptを記述 せずに他のHTMLを読み込んだり、データを送信すること が簡単にできます。\n\nここでは、HTMLを更新しやすく するテンプレートパーツ化やECサイトの運営時など、 すぐに使える事例をご紹介します。\n\n主な内容\n\n\n h tmxとは\n 便利な設定がたくさん！基本的な使い方\n he ader、footerなどのテンプレートパーツとして使ってみよ う\n ECで使ってみよう\n\n\n長谷川 喜洋フロントエンド エンジニア 株式会社How to Use CTO/株式会社ステラクリエ イト CEO/総合webサービス タダフラ 代表/デジタルハリ ウッドSTUDIO大阪・京都芸術デザイン専門学校 講師/星 のソムリエ®大阪生まれ大阪育ち。 パチンコ店の店長 からEC業界へ。そののち、知財を扱うスタートアップ でシステム開発・Webサイト制作・アプリ開発を担当。 フリーランスとしてWeb制作も行う。 EC時代に天体望遠 鏡を販売していた経験から、星空事業を主とした法人 を2020年6月に設立。\n\nhtmx+WordPressでお手軽、非同期通 信\n\nhtmxは、PHPなどのサーバーサイド言語との相性が 非常に良く、手軽に「非同期通信」を実装することが できます。\n\nこのセッションでは、WordPressを例に、サ ーバーサイドとhtmxを組み合わせて、サイトを非同期化 する方法について紹介していきます。\n\n主な内容\n\n\n WordPressサイトへのhtmxの組み込み方\n ページ内検索を リアルタイム化しよう\n 非同期通信で情報を反映しよ う\n WordPressにおける、htmxの使いどころ\n\n\nたにぐち まことH2O space / ともすた 富士ゼロックス、ソニーネッ トワークコミュニケーションズなどでウェブエンジニ アとして勤務ののち、2002年に独立。株式会社エイチツ ーオー・スペースを設立。メンテナンスしやすいウェ ブサイトを手ごろな価格で提供することで、大小問わ ずさまざまな業界のクライアントを応援している。教 育分野では、Udemyを通じた映像講義（12万名）と、YouTub e（5万名）を通じた学習コンテンツを配信を行う。主 な著書に『6さいからつかえるパソコン』（技術評論社 刊）、『よくわかるPHPの教科書』（マイナビ刊）など 。\n\n聞き手、MC（進行）\n\n鷹野 雅弘（CeeBeeDee/CSS Nite/D TP Transit）が“聞き手”を担当し、リアルタイムでチャ ットでの質問などを拾っていきます。\n\n鷹野 雅弘（ たかの・まさひろ）株式会社スイッチグラフィックデ ザイン、エディトリアルデザイン、ウェブ制作の分野 で、デザイン、オペレーション、設計・ディレクショ ンなど、25年以上、第一線で手を動かし続けている。 そのノウハウをテクニカルライティングや講演に落と し込み、「制作→執筆→講演」のサイクルを回す。2015 年から大阪芸術大学 客員教授。 2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオ ーガナイザーとして企画・制作・配信なども担当。Twit ter：@swwwitch\n\nイベント概要\n\nYouTube Liveでライブ配信 します。\n\n\n開催日：2024年9月13日（金） 21:00 - 22:00\n 形式：オンライン（YouTube Live）\n出演：長谷川 喜洋、 たにぐち まこと\nMC：鷹野 雅弘（スイッチ）\n主催：Ce eBeeDee\n共催：CSS Nite、DTP Transit\n協賛（制作会社）：ウ ェブライダー、LINICA、エンタミナ、コンセント、サー ビシンク、ビットエー、トゥーアール（to-R）、ヘルツ 、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT 、ONiWA\n協賛：文賢（ブンケン）、KDDIウェブコミュニ ケーションズ、一般社団法人ウェブコンサルタント・ ウェブアドバイザー協会、JILLA（日本イラストレーシ ョン協会）\n\n\nお申し込みと参加費\n\n\n当日の視聴は 無料です。\n参加にはお申し込みが必要です。受け付 けは終演時刻まで。\n\n\nフォローアップ（アーカイブ ）\n\n本イベントのアーカイブは「サブスク」メンバー のみに公開します。\n\nアーカイブについて\n\nぜひ、 サブスクをご検討ください！50本以上のすべてのアー カイブが見放題です。\n\n\nアーカイブ見放題の「サブ スク」：1\,650円／月額\n\n\n配信に関してのあれこれ\n\n 各URLは、YouTubeの概要欄にも掲載しています。\n\n\nチャ ットやスタンプ、ツイートなど「参加型」でお楽しみ ください！\n「音声のバランスが悪い」など、何かお 困りの場合、コメントなどで教えてください！\n\n\n配 信URL\n\nYouTube Liveで配信します。\n\nhttps://youtube.com/live/4 aGuCWIQD48?feature=share\n\nX（Twitter）にて同時配信も行って いますが、YouTube Liveにてコメントも含めてお楽しみく ださい。\n\nYouTube関連\n\n\nYouTubeチャットを活用くださ い！　スパム回避のため、YouTubeチャンネル登録者のみ がコメント可能にしていますので、事前にチャンネル 登録をお願いします。\nスーパーチャット（スパチャ ＝投げ銭）を利用できます。少額でも大歓迎です！　 いただいた全額を講演者にお渡しします。\n質問があ る場合、YouTubeチャットで冒頭に★または【質問】を付 けてコメントください。すべては拾いきれません。「 〜は〜という意味です」「自分の現場ではこうやって いる」など、視聴される方からのサポート的なコメン トを歓迎します！　一緒に場を作ってくださいますと 嬉しいです!! \n\n\nリアクションや質問\n\n\nCommentScreenを 使って、画面上にスタンプを送信できます。スマホだ けでなく、PCからも送信可能。ただし、CommentScreenのコ メント機能は使っていません。\nスクショ付きのツイ ート歓迎です。ぜひ、ハッシュタグ（#htmx入門）を付 けてください。ただし、事例の部分などでNGマークが ついている箇所、講演者からNGの指示のある箇所はご 遠慮ください。\n終了後、ぜひアンケートにお答えく ださい！　「フィードバックはギフト」。話してくだ さった方の成長の材料になり、また、イベントの改善 につながります。\n\n\nその他\n\n\n「UDトーク」にて文 字情報を提供しますので、別のブラウザーなどでご覧 ください。タイムラグや精度についてはご容赦くださ い。\nサンプルファイルや配布資料、アーカイブ動画 のURLをSNSなどで再配布するのは禁止です。\n開演の30分 前くらい前からテスト配信をスタートします。音声な どが聞こえるかチェックなさってください。\nスマホ やタブレットで視聴される方もいると思いますが、PC での視聴を前提としています。なるべくPCでご覧くだ さい！\nご覧いただく回線状況によっては、YouTubeの動 画が止まってしまったり、音声が途切れてしまうこと があります。その場合には、ブラウザーを再読み込み したり、OSを再起動してみてください。\n\n\n配信準備 は念入りに行っていますが、本番になると予期せぬト ラブルが生じるのがライブ配信です。それも含めて楽 しんでください。\n\n領収書\n\nインボイス対応の領収 書が必要な方は、アーカイブ購入者向けのNotionからPDF をダウンロードしてご利用ください。\n\n\n「アーカイ ブ視聴（会社として申し込み、社内で共有）」のチケ ットを購入いただいている場合のみ、個別対応いたし ます。\n\n\n所轄税務署、インボイス制度電話相談セン ターなどに相談し、次のようにすることにしました。\ n\n\nインボイス対応の領収書発行について\n\n\nオンラ イン椅子ヨガ\n\n本イベントはコモモ先生 @komomoaichi の オンライン椅子ヨガ付きです！\n\n\n開演前\n休憩時間 （適宜）\n\n\n一緒に「ちょっとメンテ」しましょう。\ nhttps://chotto-maint.com/online-yoga\n\n\n\n方向性\n\n「オンライ ンセミナー」や「ウェビナー」というより「オンライ ンイベント」的なニュアンスです。\n\n\nいわゆる「セ ミナー」ではなく、「オンラインイベント」です。\n あえて「教えることを生業にしていない方」を（多め に）ブッキングしています。“聞き手”を立てること によってフォローしながら進めますが、それでも説明 が足りなかったり、うまく時間配分をコントロールで きないことがあります。\nまた、「オンラインで画面 に向かって一人で喋る」のは場数を多く踏まない限り 、苦行です。そこで聞き手を立て、うなづきや相づち を入れています。「うなづきがうるさい、不要」と思 う方もいると思いますが、ご容赦ください！（録画の 講座ではなく、オンラインイベントなのです）\n「当 日の視聴は無料」ということは謝礼もしかるべき金額 ですし、日々の仕事の中から準備の時間を捻出されて います。少し寛大なムードで受け取ってくださいます と幸いです。\n分単位で細かく練られたカリキュラム ではなく、少し緩めに進行します。コメントを拾って 脱線することもあります。言い換えると学習だけをさ れたい方には向いていません。\n若干の延長など、ぴ ったり進行しないことがあります。\n\n\n協力企業のご 紹介\n\n本イベントには、下記の企業の協賛、協力をい ただいています。\n\n\n文賢（ブンケン）～文章をより 良くするための推敲・校閲・校正支援ツール\nKDDIウェ ブコミュニケーションズ レンタルサーバー「CPI」、簡 単ホームページ作成「ジンドゥー」など提供\n一般社 団法人ウェブコンサルタント・ウェブアドバイザー協 会 戦略を立て、ターゲットとするお客様に明確に伝え 、選ばれ、成果を出すための教育を提供\nJILLA（日本イ ラストレーション協会）　文芸美術国保への加入や交 流会などメリットいっぱい\nWEBSTAFF　あなたの“強み” をとことん見つける　IT・Web好きの転職エージェント\n \n\n\n\nまた、多くの制作会社に協賛いただいています 。\n\n\nウェブライダー\nLINICA\nエンタミナ\nコンセント\ nサービシンク\nビットエー\nトゥーアール（to-R）\nヘ ルツ\nアップルップル\nCODE54\nHAMWORKS\nS-FACTORY\nnecco\nFLAT\n ましじめ\nグローバルデザイン\nエイチツーオー・スペ ース\nGear8\nマジカルリミックス\nONiWA\nさきがけデジタ ル\nr360studio\n\n\n\n\n通年で協賛を募集しています。検討 くださいますと幸いです。\n\nお問い合わせ\n\n問い合 わせはDoorkeeperのフォームからお送りください。 LOCATION:オンライン URL:https://techplay.jp/event/951576?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR