このエントリーをはてなブックマークに追加

Dec

11

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで

HTML/CSS/JSの基本知識があれば作れるワクワクChrome拡張機能

Organizing : あきふみ

Registration info

無料参加枠

Free

FCFS
18/13

参加者への情報
(参加者と発表者のみに公開されます)

Description

HTML/CSS/JSの知識があればつくれるChrome拡張機能のアプリ開発に挑戦してみよう!

Hello WorldのChrome拡張機能をつくるところからGoogle検索でニガテなサイトを検索結果から除外できるアプリを作るところまでをオンラインで開催します。(顔出しなし・音声無しOK)
参加者限定でアプリを作るためのチュートリアルリポジトリをシェアしながら解説。

主催者は過去にTwitterの使う時間帯を制限するアプリや別の検索エンジンと同時に検索できるアプリなどを個人用途でつくりました。

公開中のYoutubeの便利系アプリ「Extension Youtube Player」に関しては英語圏向けにつくってみてアプリの宣伝をほぼ全くしていないのにDL300を超えていてHTML/CSS/JSだけでつくれるアプリなのに世界中の人たちに使ってもらえることが嬉しいなという気持ちになりました。

「Chrome拡張機能をつくってみたかった」
「たまには違うものをつくってみたい」
「最近JavaScriptを始めたけれどインプットばかりで気軽にアウトプットできるものが欲しい」
「個人開発すき」
な方たちは一緒にアプリ開発してみませんか。

Chrome拡張機能の開発ではJS以外にもAPIを叩いたりJSフレームワークを使ったりTypeScriptを使ったりもできるのでJSだけでは物足りない人のアウトプットにも適しています。


スケジュール


12月11日(土) Google meetingにて

時間帯 予定
~13:10 初めましての挨拶
~13:40 Chrome拡張機能の良さと作り方とHelloWorldを表示させるまで
~14:00 Google検索結果にあるDOMを取得して開発中の拡張機能で処理してみるまで
~14:30 アンチ検索アプリの作り方と概要
~15:00 ブレイクタイム(進捗や状況をみて時間変更あり)
~15:50 (質問OKもくもくタイム)各自でアンチ検索アプリの機能を実装してみよう
~16:00 終わりの挨拶と"開発の森"の紹介



※ご参加される方の進捗度合いなどを鑑みてスケジュールが前倒し及び後ろ倒しになる場合もありますのであらかじめご了承ください。

参加で期待できること

・Chrome拡張機能を作るために必要な最低限の知識とアウトプットができるようになる
・個人で使うレベルのChrome拡張機能を作れるようになる(作り方がわかるようになる)
・JavaScriptのスキルアップ


必要な準備

HTML/css/JavaScriptの基本的な知識
ブラウザChromeをインストール
コーディングするためのエディタ(ない方はVisual Studio Codeを推奨)
git cloneでリポジトリを引っ張ってこれる程度のgit操作の知識

イベントグループについて

開発の森とは

現在はNextJSでニッチなアミノ酸のサイトを制作中の主催者がアウトプットする者同士でつながれる場が欲しいと思い作成したグループです。
個人開発に興味のある人からエンジニアリングに関わらずに作品や成果物をアウトプットしている人達までを対象にしています。

今回のハンズオンで時間が足りなかった、もっと理解を深めたかった、こんなものを作りたくなったって方は隔週ペースの土曜日で個人開発もくもく会を行っているのでぜひお気軽に参加してみてください。

発表者

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

あきふみ@個人開発

あきふみ@個人開発 published JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで.

11/20/2021 12:22

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで を公開しました!

Group

おいでよ!開発の森

すべての野生デベロッパーよここに集え

Number of events 9

Members 33

Ended

2021/12/11(Sat)

13:00
16:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2021/11/20(Sat) 12:22 〜
2021/12/11(Sat) 16:00

Location

オンライン

オンライン

Attendees(13)

あきふみ@個人開発

あきふみ@個人開発

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

enki013

enki013

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成までに参加を申し込みました!

ゆう

ゆう

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

minarai

minarai

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成までに参加を申し込みました!

stone_a

stone_a

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成までに参加を申し込みました!

ono

ono

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

Maku

Maku

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

Chiox33

Chiox33

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成までに参加を申し込みました!

orangena

orangena

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

Takahashi

Takahashi

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

Attendees (13)

Waitlist (5)

VIRTUAL-STUDY-ROOM.COM

VIRTUAL-STUDY-ROOM.COM

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

MoeAdachi

MoeAdachi

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

ひこいち

ひこいち

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

yuki99999999999999999999999999

yuki99999999999999999999999999

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

ばーん

ばーん

JavaScriptでChrome拡張アプリを開発しよう!ハローワールドからアンチ検索アプリ作成まで に参加を申し込みました!

Waitlist (5)

Canceled (3)