Coder's High 2022 (Part 2)

2022/10/14(金)21:00 〜 23:00 開催
ブックマーク

イベント内容

当日参加できない方も、こちらにお申し込みいただければ後日アーカイブ(録画)を視聴いただけます。

毎年開催しているコーディング特集の第2弾としてショートセッション4組にて構成します。

  • Tailwind CSSを参考に自分用のユーティリティCSSを作る/田村 章吾(ましじめ)
  • 【快適】フロントエンド開発環境をwebpack で便利にしてみよう/宇井 陸登(アップルップル)
  • Ionic×Capacitor×React / Web技術で作るスマホネイティブアプリ/佐藤 あゆみ(necco)
  • 相関関係から見るGoogleに理解されやすいコーディング/長谷川 喜洋(How to Use)

セッション概要

4つのショートセッションで構成します。

Tailwind CSSを参考に自分用のユーティリティCSSを作る

CSSを学ぶ場合、良いサンプルを見ながら書き方を取り入れるのも良い方法です。

Tailwind CSSを参考に自分用のユーティリティCSSを作るコツを紹介します。

Tailwind CSSの、CSSの書き方のみにフォーカスしますのでTailwind CSS使ったことのない方でも大丈夫です。

田村章吾(たむら・しょうご)

ましじめ株式会社
代表

物の構造やバックグラウンドを見ることが好きで、自動車整備士の道へ進む。その後デジタルハリウッドでweb制作を学び制作会社へ転職。
2021年にましじめ株式会社を設立。
CSS設計に関する著書の経験があり、メンテナンス・運用のしやすいwebサイトの構築を得意とする。
受託では主にHTML・CSSから、CMSを利用したwebサイトの制作を担当。
また、焼き菓子を販売する「あしかクッキー」の運営も行なっている。

【快適】フロントエンド開発環境をwebpack で便利にしてみよう

Webサイトの開発環境に webpack を導入してみたけど、設定が多すぎて何をどう設定してよいのかわからない… といった方に向けて、開発時に便利な設定やプラグインを紹介します。ソースコードの品質や、パフォーマンスの向上などに効果のあるものなど、便利な設定を紹介します。

開発環境を改善してより快適なコーディングライフを目指してみませんか?

宇井 陸登(うい・りくと)

2021年に有限会社アップルップルに入社。1年間受託制作を担当した後、現在は、自社プロダクトである a-blog cms の開発・運用に携わっている。

最近の興味は、自作のReactライブラリをnpmに公開すること。MDNの翻訳活動もしています。

Ionic×Capacitor×React / Web技術で作るスマホネイティブアプリ

ウェブ&ネイティブアプリに対応したUIフレームワーク「Ionic」と、Webサイトをネイティブアプリに変換する仕組み「Capacitor」を使うと、アプリストアで配信できるスマホアプリをスピーディーに制作できます。

今回はJavaScriptライブラリの「React」を組み合わせ、コーディングからアプリ配信までの流れをご紹介します。

あなたのHTML、CSS、JavaScriptスキルを、スマホアプリの世界で活かしてみませんか。

佐藤 あゆみ(さとう・あゆみ)

株式会社necco
CTO | フロントエンドエンジニア

2014年12月より、屋号「PentaPROgram(ペンタプログラム)」にてフリーランスとして独立。ウェブ専業ではない多様な業界の実情を見ながら、中小企業で「ウェブ担/パソコン担当さん」として業務を続けてきた経験を活かし、その後の運用を見据えたECサイトやコーポレートサイトの構築、技術サポートを行う。

2018年より、ismおよびCSS Nite、Bau-yaなどにてフロントエンド技術に関するテーマで登壇。

2019年、書籍『HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門』(技術評論社)出版。

2022年4月、株式会社neccoのCTO/取締役に就任。

Twitter: @PentaPROgram

相関関係から見るGoogleに理解されやすいコーディング

description、構造化データ等、Googleはランキング要素ではないとしながらも、「検索エンジンにページ内容の要約を伝える」「検索エンジンがページの内容をより適切に認識できるように」と明言しています。

「コーディングでSEO」ではなく、コンテンツをGoogleにより正しく理解してもらうためのコーディングを一緒にやっていきましょう。

長谷川 喜洋(はせがわ・よしひろ)

株式会社How to Use CTO/株式会社ステラクリエイト CEO/総合webサービス タダフラ 代表/デジタルハリウッドSTUDIO大阪・京都芸術デザイン専門学校 講師/星のソムリエ®

知財を扱うスタートアップでシステム開発・Webサイト制作・アプリ開発を担当。フリーランスとしてWeb制作も行う。

EC時代に天体望遠鏡を販売していた経験から、星空事業を主とした法人を2020年6月に設立。

イベント概要

  • 開催日:2022年10月14日(金)21:00 - 23:00
    • (最大24:00までアフタートーク)
  • 形式:オンライン(Zoomウェビナー)
  • 主催:CSS Nite
  • 共催:DTP Transit
  • 参加費(お一人):

    • 5,000円(経費で参加)
    • 3,000円(自腹で参加)
  • 「協賛企業枠」のチケットは、CSS Niteに年間で協賛してくださっている企業向けです。

参加資格などはありません

お仕事内容にかかわらず、興味があれば、どなたでもご参加ください!
学生や休職中、求職中の方も歓迎です。

当日の進行などに関して

  • 開演の30分前くらい前(20:30くらい)からテスト配信をスタートしますので、音声などが聞こえるかチェックされてください。
  • 開演の15分前から「椅子ヨガ」を行います。
  • 終演時間は若干の延長の可能性があります。
  • 途中に5-10分程度の休憩をはさみます。

ツイートなどの発信やスクショに関して

  • 配信URL、および、その他の案内事項は、カウントダウンメールにてお知らせするNotionのフォローアップページに記載しています(終了後、スライドやリンク集、セミナー内容の補足などを掲載します)。
  • ツイートされる方はハッシュタグを付けてください!
  • スクショ(スクリーンショット)は自由にどうぞ!(事例の部分などでNGマークがついている箇所はご遠慮ください)
  • スクショされるとき、講演者の顔が入ってもOKです。
  • ツイートされたり、ブログに掲載されてもOKです。
  • サンプルファイルや配布資料をそのまま再配布するのは、ご遠慮ください。

その他

  • 開催前に「カウントダウンメール」、開催後に「フォローアップメール」をお送りします。こちらを必ずご一読ください。
  • 本セミナーのタイトルや内容は調整されることがあります。

オンライン椅子ヨガ

今回のCSS Niteはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです!

  • 20:45-20:58 開演まで
  • 21:55-22:05 休憩時間(前後することがあります)

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

タイムテーブル

タイムテーブルはあくまでも目安で、状況に応じて調整しながら進めます。

時刻コンテンツ
20:30配信開始
20:45「椅子ヨガ」
21:00番組開始、オープニング
21:10頃本編開始
22:00前後休憩(椅子ヨガ)
23:00終了予定
23:10アフタートーク
24:00完全に終了

後日の視聴

当日見られなかった方、および、改めて見返したい方には、5日後(翌月曜日)に発行するフォローアップメールにて視聴URLをお知らせします。

お振込の方

会社から複数名にて参加される場合には、まとめてお振込いただき、振り込み後にご一報ください。

FAQ(よく聞かれる質問と、その回答)

スマホでも見られますか?

もちろん可能ですが、スライドなどの画面の細かいところが見えにくいと思います。

参加資格はありますか?

ありません。お仕事内容にかかわらず、興味があれば、どなたでもご参加ください!
学生や休職中、求職中の方も歓迎です。

Twitter/note/YouTubeをフォローください!

セミナー前後に関連情報をお出しすることがありますので、Twitter/note/YouTube/LINEをフォローくださいますと幸いです。

CSS Nite(シーエスエス・ナイト)は、ウェブ制作に関わる方のためのセミナーイベント。2005年10月にスタートし、2021年10月で丸16年。

これまでに、800回を超える関連イベントを通して、のべ75,000名を超える方にご参加いただいています(2021年10月現在)。

協賛

CSS Niteは下記の企業に協賛、協力をいただいています。

また、多くの制作会社に協賛いただいています。

株式会社ヘルツ有限会社アップルップルともすた株式会社トゥーアール(to-R)株式会社Gear8Qiita株式会社株式会社エイチーム

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。