Submit Search
Upload
Alt2016
•
Download as PPTX, PDF
•
0 likes
•
77 views
K
Koki Natsume
Follow
ALT#0x007で発表したものです。
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 11
Download now
Recommended
WordCamp Tokyo 2014のセッションでお話しした内容です。
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
Yuki Okamoto
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
WordCamp Tokto 2015で登壇したセッションのスライドです。
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
CMSどうでしょう〜MT・WP対決列島〜 仙台編で話した「WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ」のスライド
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
WordCamp Tokyo 2015 LT
YARAIYA! Opendata with WordPress
YARAIYA! Opendata with WordPress
Hidetaka Okamoto
Recommended
WordCamp Tokyo 2014のセッションでお話しした内容です。
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
5分で分かるmonaca pressproject(草案)
5分で分かるmonaca pressproject(草案)
Yuki Okamoto
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
WordCamp Tokto 2015で登壇したセッションのスライドです。
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
タカシ キタジマ
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
WordCamp Osaka 2012でお話した「今から始めよう!WordPressで作る女子ウケ★スマホサイト」セッション資料です。
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
CMSどうでしょう〜MT・WP対決列島〜 仙台編で話した「WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ」のスライド
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
WordCamp Tokyo 2015 LT
YARAIYA! Opendata with WordPress
YARAIYA! Opendata with WordPress
Hidetaka Okamoto
シングルページWebアプリケーションに関する背景と利用にあたってのメリット・デメリットを整理しました
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
WordCamp Osaka 2012 のセッションで発表させていただいた資料です。 この資料では、WordPress のカスタマイズを、 エンジニア寄りの視点で、解説させていただきます。 WordPressのカスタマイズはこれからだけど、PHPには精通されている方、一般的なWebアプリケーションフーレムワークでの開発の知識のある方などを主な対象として、当初つまずきやすいと思われる箇所や、私個人が疑問に思った箇所、気付くのに時間が掛かった箇所などを紹介させていただいています。
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
クラウドファーストからクラウドネイティブへ。 クラウドの進化がシステムのアーキテクチャを根底から変えようとしています。それに伴い、エンジニアに求められる役割も変化しつつあります。2tierアーキテクチャなどを紹介しつつ、今注目していることについて話していこうと思います。
DevLove Kansai AWS
DevLove Kansai AWS
Takuro Sasaki
WordBench 長野 vol.15 WordPress 勉強会で使用したスライド
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
HTML5 Conrerence 2012
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
Shumpei Shiraishi
2016/1/16 WordBench奈良のセッションで使用したスライド
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
茅場町コワーキングスペースCo-EdoでWordPressでSNSサイトを作れるプラグインBuddyPressのプラグインについての勉強会を行いました。
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
2019年4月20日 WordCamp Haneda 2019 での講演「Apps based on WordPress」の資料です。 WordPress をベースとした PWA について、簡単にPWAを実装できるWordPressプラグイン「PWA for WordPress」を通して紹介し、またそこから広がるネイティブアプリケーションへの拡張など、WordPressの世界を広げる技術について解説します。
wordcamp haneda 20190420 Apps Based on WordPress
wordcamp haneda 20190420 Apps Based on WordPress
Ryu Shindo
WordCamp Tokyo2015ハンズオンスライド(配布版)
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
2019年4月20日に開催されたJAWSUG初心者支部の発表資料です
JAWSUG初心者支部 AWSの勉強の仕方
JAWSUG初心者支部 AWSの勉強の仕方
Takuro Sasaki
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordCampTokyo 2015のスライドです。
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Osaka 2012
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
It is to introduce the development process using the yeoman, in particular, angular. I am writing at the discretion of its own relationship of angular and Web components in the second half.
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
Flash LiteのアニメーションをJS+CSSに書き換えてみるハンズオンです。変換技術の紹介もいくつかしています。
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/844/room ーーーーーーーーーーーーーーーーーーーーーーー
Webサイトに動きをつける、jQueryプラグインの設置方法 先生:田中 晶子
Webサイトに動きをつける、jQueryプラグインの設置方法 先生:田中 晶子
schoowebcampus
2015年9月現在、私が取り組んでいる新規開発案件におけるフロントエンド開発環境周りについてまとめたもの
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
Student Go #1 beginners session Title 「僕がGoを選ぶ理由」
Studentgo1
Studentgo1
Koki Natsume
spring aizu LT 2018 5/26
Spring aizu-lt-2018
Spring aizu-lt-2018
Koki Natsume
More Related Content
What's hot
シングルページWebアプリケーションに関する背景と利用にあたってのメリット・デメリットを整理しました
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
WordCamp Osaka 2012 のセッションで発表させていただいた資料です。 この資料では、WordPress のカスタマイズを、 エンジニア寄りの視点で、解説させていただきます。 WordPressのカスタマイズはこれからだけど、PHPには精通されている方、一般的なWebアプリケーションフーレムワークでの開発の知識のある方などを主な対象として、当初つまずきやすいと思われる箇所や、私個人が疑問に思った箇所、気付くのに時間が掛かった箇所などを紹介させていただいています。
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
クラウドファーストからクラウドネイティブへ。 クラウドの進化がシステムのアーキテクチャを根底から変えようとしています。それに伴い、エンジニアに求められる役割も変化しつつあります。2tierアーキテクチャなどを紹介しつつ、今注目していることについて話していこうと思います。
DevLove Kansai AWS
DevLove Kansai AWS
Takuro Sasaki
WordBench 長野 vol.15 WordPress 勉強会で使用したスライド
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
HTML5 Conrerence 2012
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
Shumpei Shiraishi
2016/1/16 WordBench奈良のセッションで使用したスライド
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
Shigeki Takai
茅場町コワーキングスペースCo-EdoでWordPressでSNSサイトを作れるプラグインBuddyPressのプラグインについての勉強会を行いました。
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
2019年4月20日 WordCamp Haneda 2019 での講演「Apps based on WordPress」の資料です。 WordPress をベースとした PWA について、簡単にPWAを実装できるWordPressプラグイン「PWA for WordPress」を通して紹介し、またそこから広がるネイティブアプリケーションへの拡張など、WordPressの世界を広げる技術について解説します。
wordcamp haneda 20190420 Apps Based on WordPress
wordcamp haneda 20190420 Apps Based on WordPress
Ryu Shindo
WordCamp Tokyo2015ハンズオンスライド(配布版)
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
2019年4月20日に開催されたJAWSUG初心者支部の発表資料です
JAWSUG初心者支部 AWSの勉強の仕方
JAWSUG初心者支部 AWSの勉強の仕方
Takuro Sasaki
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
WordCampTokyo 2015のスライドです。
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
Hidekazu Ishikawa
WordCamp Kansai 2015 テーマ作成ハンズオン再演。 _sに絞ってWordBench京都向けにリメイクしています。
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
WordCamp Osaka 2012
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
Junko Nukaga
It is to introduce the development process using the yeoman, in particular, angular. I am writing at the discretion of its own relationship of angular and Web components in the second half.
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
Fumio SAGAWA
Flash LiteのアニメーションをJS+CSSに書き換えてみるハンズオンです。変換技術の紹介もいくつかしています。
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/844/room ーーーーーーーーーーーーーーーーーーーーーーー
Webサイトに動きをつける、jQueryプラグインの設置方法 先生:田中 晶子
Webサイトに動きをつける、jQueryプラグインの設置方法 先生:田中 晶子
schoowebcampus
2015年9月現在、私が取り組んでいる新規開発案件におけるフロントエンド開発環境周りについてまとめたもの
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
What's hot
(20)
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
DevLove Kansai AWS
DevLove Kansai AWS
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
パララックスでレスポンシブでJ query mobileなサイトのつくりかた
WordPress プラグイン Advance Custum Fieldsを学ぶ
WordPress プラグイン Advance Custum Fieldsを学ぶ
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
wordcamp haneda 20190420 Apps Based on WordPress
wordcamp haneda 20190420 Apps Based on WordPress
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
JAWSUG初心者支部 AWSの勉強の仕方
JAWSUG初心者支部 AWSの勉強の仕方
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
WordPressってブログじゃないの?
WordPressってブログじゃないの?
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう
イマドキのフロントエンドエンジニアの道具箱
イマドキのフロントエンドエンジニアの道具箱
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Webサイトに動きをつける、jQueryプラグインの設置方法 先生:田中 晶子
Webサイトに動きをつける、jQueryプラグインの設置方法 先生:田中 晶子
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
More from Koki Natsume
Student Go #1 beginners session Title 「僕がGoを選ぶ理由」
Studentgo1
Studentgo1
Koki Natsume
spring aizu LT 2018 5/26
Spring aizu-lt-2018
Spring aizu-lt-2018
Koki Natsume
Goで学ぶDApp(aizu.go#2)
Goで学ぶDApp(aizu.go#2)
Koki Natsume
pea
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Koki Natsume
vue-template-parier
Vue template-parserを作っている話
Vue template-parserを作っている話
Koki Natsume
ALT#0x008で発表。
Alt#0x008 2017/5/20
Alt#0x008 2017/5/20
Koki Natsume
友人とのAL会で発表
Gcflt会2017/4/2
Gcflt会2017/4/2
Koki Natsume
友人との機械学習勉強会で発表。
機械学習勉強会2017/5/14
機械学習勉強会2017/5/14
Koki Natsume
友人との機械学習勉強会で使用。
機械学習勉強会2017/2/19(nn基礎)
機械学習勉強会2017/2/19(nn基礎)
Koki Natsume
More from Koki Natsume
(9)
Studentgo1
Studentgo1
Spring aizu-lt-2018
Spring aizu-lt-2018
Goで学ぶDApp(aizu.go#2)
Goで学ぶDApp(aizu.go#2)
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Pwaを作ってみる(ejリクールトlt 2017/10/18)
Vue template-parserを作っている話
Vue template-parserを作っている話
Alt#0x008 2017/5/20
Alt#0x008 2017/5/20
Gcflt会2017/4/2
Gcflt会2017/4/2
機械学習勉強会2017/5/14
機械学習勉強会2017/5/14
機械学習勉強会2017/2/19(nn基礎)
機械学習勉強会2017/2/19(nn基礎)
Alt2016
1.
2.
自己紹介 名前:棗 光幹 大学:会津大学学部1年生 興味ある分野:web ,
unity など 好きな言語:JavaScript 趣味:服、読書、サッカー
3.
firebaseとは? ・最近、googleがアメリカで買収し開発したmBaaS ・高水準で、無料で利用出来る機能も多い HTML CSS JavaScript mBaaS 〜利用イメージ〜 API ユーザー フロントエンド
4.
Firebaseの機能 ・ iOS ・Android
・ web ・ C++ ・ server のプロジェクトで追加できる! ・ 認証 ・ リアルタイム データベース などなど14種類の機能が 追加できる!
5.
実際に触ってみた。 今回はgoogleアカウントで 簡単な認証機能を ウェブアプリに追加してみたい と思います。
6.
無料で開始 新規プロジェクトを作成
7.
そして、Firebase Authenticationのドキュメントの ガイドにあるコードを Copy &
Paste ! 認証機能をつけたいページに なんと、これだけです。
8.
コードはこんな感じ。
9.
なんかそれぽいのがでるよう になった。 (許可を押して、ローカル ストレージを確認したところ しっかりデータがはいって ました!)
10.
感想 まったくコードが書けない僕でもgoogleのアカウント認証機 能を作れちゃいました。。 恐るべし、Firebase。。 こんな風にバックエンドがさくさく開発できるのは、 やはり便利ですね! 一度、皆さんも触ってみてはいかがでしょうか!
11.
ご清聴ありがとうございました
Download now