Submit Search
Upload
SharePoint Online を JavaScript でイジる。
•
8 likes
•
16,198 views
Hirofumi Ota
Follow
第9回 Office 365 勉強会でお話させて頂いた資料です。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 12
Download Now
Download to read offline
Recommended
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩
Yoshitaka Seo
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
Ai Hirano
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
Hirofumi Ota
え!?データがオンプレにあるけどPower BI で BI したいの?
え!?データがオンプレにあるけどPower BI で BI したいの?
Yugo Shimizu
よく聞くけど、「SharePoint リストの 5,000 件問題」ってなんなの?
よく聞くけど、「SharePoint リストの 5,000 件問題」ってなんなの?
Hirofumi Ota
SharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマること
た な
カッコいい SharePoint モダンサイトを作ろう
カッコいい SharePoint モダンサイトを作ろう
Hirofumi Ota
More Related Content
What's hot
[SharePoint Online / OneDrive for Business] 効果的なファイル共有
[SharePoint Online / OneDrive for Business] 効果的なファイル共有
Ai Hirano
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Teruchika Yamada
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
Yugo Shimizu
SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩
Yoshitaka Seo
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #MSInteract19 #PR05
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #MSInteract19 #PR05
Hirofumi Ota
SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!
Ai Hirano
まだ定型メールの処理 手動でしてるの? Power Platform で自動化してハッピーになろう!
まだ定型メールの処理 手動でしてるの? Power Platform で自動化してハッピーになろう!
Teruchika Yamada
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考える
Teruchika Yamada
REST API マスターへの道 - Office 365 パワーユーザー向け
REST API マスターへの道 - Office 365 パワーユーザー向け
Hirofumi Ota
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
Hiroaki Oikawa
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Demodori Gatsuo - A Certain Citizen Developers Association
開発者におくる Power BI を使う時に考えるべきアーキテクチャ ~ データを溜めるのは誰だ? ~
開発者におくる Power BI を使う時に考えるべきアーキテクチャ ~ データを溜めるのは誰だ? ~
Yugo Shimizu
Power Appsのギャラリーを使いこなそう
Power Appsのギャラリーを使いこなそう
korune ☆
ファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチ
日本マイクロソフト株式会社
SharePoint Online で最近の困った。 大きなリストのお話。
SharePoint Online で最近の困った。 大きなリストのお話。
Hirofumi Ota
Microsoft Flow みんな大好き承認ワークフロー
Microsoft Flow みんな大好き承認ワークフロー
Hirofumi Ota
Viva Connections 拡張機能入門
Viva Connections 拡張機能入門
Hiroaki Oikawa
SharePoint モダン ポータル 徹底解説 !
SharePoint モダン ポータル 徹底解説 !
Ai Hirano
Google アナリティクスでSharePointの利用状況を確認する
Google アナリティクスでSharePointの利用状況を確認する
Akihiro Ehara
SharePoint で始める情報共有とそのアプローチ
SharePoint で始める情報共有とそのアプローチ
日本マイクロソフト株式会社
What's hot
(20)
[SharePoint Online / OneDrive for Business] 効果的なファイル共有
[SharePoint Online / OneDrive for Business] 効果的なファイル共有
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
Power BI をアプリに埋め込みたい? ならば Power BI Embedded だ!
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
え!? Power BI の画面からデータ更新なんてできるの!? ~PowerApps カスタムビジュアルの可能性~
SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #MSInteract19 #PR05
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #MSInteract19 #PR05
SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!
まだ定型メールの処理 手動でしてるの? Power Platform で自動化してハッピーになろう!
まだ定型メールの処理 手動でしてるの? Power Platform で自動化してハッピーになろう!
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考える
REST API マスターへの道 - Office 365 パワーユーザー向け
REST API マスターへの道 - Office 365 パワーユーザー向け
SharePoint Framework Extension 基礎講座
SharePoint Framework Extension 基礎講座
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
Power Automateを使ってツヨツヨ情報収集ツールを作ろう
開発者におくる Power BI を使う時に考えるべきアーキテクチャ ~ データを溜めるのは誰だ? ~
開発者におくる Power BI を使う時に考えるべきアーキテクチャ ~ データを溜めるのは誰だ? ~
Power Appsのギャラリーを使いこなそう
Power Appsのギャラリーを使いこなそう
ファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチ
SharePoint Online で最近の困った。 大きなリストのお話。
SharePoint Online で最近の困った。 大きなリストのお話。
Microsoft Flow みんな大好き承認ワークフロー
Microsoft Flow みんな大好き承認ワークフロー
Viva Connections 拡張機能入門
Viva Connections 拡張機能入門
SharePoint モダン ポータル 徹底解説 !
SharePoint モダン ポータル 徹底解説 !
Google アナリティクスでSharePointの利用状況を確認する
Google アナリティクスでSharePointの利用状況を確認する
SharePoint で始める情報共有とそのアプローチ
SharePoint で始める情報共有とそのアプローチ
Viewers also liked
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
Hirofumi Ota
Office 365版SharePoint Onlineの技術概要
Office 365版SharePoint Onlineの技術概要
kumo2010
Office 365-超概要
Office 365-超概要
なおき おさだ
中小企業に対してのoffice365
中小企業に対してのoffice365
Takanori Tsuruta
IT初心者の事務員さんに SharePoint を教えてみた ~SharePoint ユーザー教育の事例として~
IT初心者の事務員さんに SharePoint を教えてみた ~SharePoint ユーザー教育の事例として~
Kosuke Kuromiya
Office 365 のチームサイトを 美味しく つかう 10 の方法
Office 365 のチームサイトを 美味しく つかう 10 の方法
Kazuhiko Nakamura
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Kazuhiko Nakamura
Viewers also liked
(7)
SharePoint 2013 流リスト ビュー カスタマイズ
SharePoint 2013 流リスト ビュー カスタマイズ
Office 365版SharePoint Onlineの技術概要
Office 365版SharePoint Onlineの技術概要
Office 365-超概要
Office 365-超概要
中小企業に対してのoffice365
中小企業に対してのoffice365
IT初心者の事務員さんに SharePoint を教えてみた ~SharePoint ユーザー教育の事例として~
IT初心者の事務員さんに SharePoint を教えてみた ~SharePoint ユーザー教育の事例として~
Office 365 のチームサイトを 美味しく つかう 10 の方法
Office 365 のチームサイトを 美味しく つかう 10 の方法
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Similar to SharePoint Online を JavaScript でイジる。
SharePoint の情報入手先(2014年5月版)
SharePoint の情報入手先(2014年5月版)
Hirofumi Ota
SharePoint と Yammer
SharePoint と Yammer
Hirofumi Ota
世界のしぇあぽから~今日は世界の SharePoint を旅します~
世界のしぇあぽから~今日は世界の SharePoint を旅します~
Hirofumi Ota
免許皆伝!Microsoft Teams ライブイベント実践的超絶技巧!
免許皆伝!Microsoft Teams ライブイベント実践的超絶技巧!
Hirofumi Ota
SharePoint 2013 のつかい方
SharePoint 2013 のつかい方
Hirofumi Ota
SharePoint Online まわりの直近と今後のアップデート
SharePoint Online まわりの直近と今後のアップデート
Hirofumi Ota
Office 365 グループの SharePoint サイト研究報告
Office 365 グループの SharePoint サイト研究報告
Hirofumi Ota
スグにできる!Microsoft Flow でこんな連携あんな連携
スグにできる!Microsoft Flow でこんな連携あんな連携
Hirofumi Ota
SharePoint モダンサイト ライブ ビルディング
SharePoint モダンサイト ライブ ビルディング
Hirofumi Ota
365 に Video がやって来る ヤァ!ヤァ!ヤァ!
365 に Video がやって来る ヤァ!ヤァ!ヤァ!
Hirofumi Ota
CSOMでサイト運用を楽にしよう!
CSOMでサイト運用を楽にしよう!
Hiroaki Oikawa
Microsoft Teams で Web ミーティング
Microsoft Teams で Web ミーティング
Hirofumi Ota
SharePoint Online へのアクセスを制限しよう
SharePoint Online へのアクセスを制限しよう
Hirofumi Ota
Office 365 とか Microsoft Teams とか
Office 365 とか Microsoft Teams とか
Hirofumi Ota
新しい SharePoint アプリを試してみよう
新しい SharePoint アプリを試してみよう
Hirofumi Ota
Office 365 とのつき合い方
Office 365 とのつき合い方
Hirofumi Ota
The readiness about migration to SPO
The readiness about migration to SPO
Mayumi Mitaki
パソコンとスマホを利用した Microsoft Teams の Web 会議
パソコンとスマホを利用した Microsoft Teams の Web 会議
Hirofumi Ota
SharePoint Framework を触ってみた
SharePoint Framework を触ってみた
Kosuke Kuromiya
Azure Logic Apps で SharePoint をパワーアップしよう!
Azure Logic Apps で SharePoint をパワーアップしよう!
Hirofumi Ota
Similar to SharePoint Online を JavaScript でイジる。
(20)
SharePoint の情報入手先(2014年5月版)
SharePoint の情報入手先(2014年5月版)
SharePoint と Yammer
SharePoint と Yammer
世界のしぇあぽから~今日は世界の SharePoint を旅します~
世界のしぇあぽから~今日は世界の SharePoint を旅します~
免許皆伝!Microsoft Teams ライブイベント実践的超絶技巧!
免許皆伝!Microsoft Teams ライブイベント実践的超絶技巧!
SharePoint 2013 のつかい方
SharePoint 2013 のつかい方
SharePoint Online まわりの直近と今後のアップデート
SharePoint Online まわりの直近と今後のアップデート
Office 365 グループの SharePoint サイト研究報告
Office 365 グループの SharePoint サイト研究報告
スグにできる!Microsoft Flow でこんな連携あんな連携
スグにできる!Microsoft Flow でこんな連携あんな連携
SharePoint モダンサイト ライブ ビルディング
SharePoint モダンサイト ライブ ビルディング
365 に Video がやって来る ヤァ!ヤァ!ヤァ!
365 に Video がやって来る ヤァ!ヤァ!ヤァ!
CSOMでサイト運用を楽にしよう!
CSOMでサイト運用を楽にしよう!
Microsoft Teams で Web ミーティング
Microsoft Teams で Web ミーティング
SharePoint Online へのアクセスを制限しよう
SharePoint Online へのアクセスを制限しよう
Office 365 とか Microsoft Teams とか
Office 365 とか Microsoft Teams とか
新しい SharePoint アプリを試してみよう
新しい SharePoint アプリを試してみよう
Office 365 とのつき合い方
Office 365 とのつき合い方
The readiness about migration to SPO
The readiness about migration to SPO
パソコンとスマホを利用した Microsoft Teams の Web 会議
パソコンとスマホを利用した Microsoft Teams の Web 会議
SharePoint Framework を触ってみた
SharePoint Framework を触ってみた
Azure Logic Apps で SharePoint をパワーアップしよう!
Azure Logic Apps で SharePoint をパワーアップしよう!
More from Hirofumi Ota
ハイブリッドワークプレイスってなんだ? ずっと Microsoft 365 を見てきた 4 人が振り返る Microsoft Ignite 2021
ハイブリッドワークプレイスってなんだ? ずっと Microsoft 365 を見てきた 4 人が振り返る Microsoft Ignite 2021
Hirofumi Ota
Microsoft Teams で行う失敗できない Web 会議やセミナー配信で使える快適な環境を極力お金をかけずに手に入れよう
Microsoft Teams で行う失敗できない Web 会議やセミナー配信で使える快適な環境を極力お金をかけずに手に入れよう
Hirofumi Ota
Microsoft Teams を利用した Web 会議の実践テクニックと注目の機能アップデート
Microsoft Teams を利用した Web 会議の実践テクニックと注目の機能アップデート
Hirofumi Ota
今日から使える SharePointer のための Power Platform
今日から使える SharePointer のための Power Platform
Hirofumi Ota
Microsoft Flow で作る承認ワークフロー
Microsoft Flow で作る承認ワークフロー
Hirofumi Ota
Microsoft Ignite 2017 に行ってきました
Microsoft Ignite 2017 に行ってきました
Hirofumi Ota
SharePoint Online Communication Sites お手軽サイト作成
SharePoint Online Communication Sites お手軽サイト作成
Hirofumi Ota
激闘! Office 365 Groups vs. Teams vs. Skype vs. Yammer
激闘! Office 365 Groups vs. Teams vs. Skype vs. Yammer
Hirofumi Ota
いまの Office 365 ってこんな感じ?
いまの Office 365 ってこんな感じ?
Hirofumi Ota
Office 365 でひも解く、あいさつから見る文化の違い
Office 365 でひも解く、あいさつから見る文化の違い
Hirofumi Ota
Office 365 グループ設定項目を見てみよう(2017年3月時点版)
Office 365 グループ設定項目を見てみよう(2017年3月時点版)
Hirofumi Ota
SharePoint Framework をはじめよう #spfx
SharePoint Framework をはじめよう #spfx
Hirofumi Ota
Outlook を使ってみた
Outlook を使ってみた
Hirofumi Ota
SharePoint Server 2016 ハイブリッド検索やってみた
SharePoint Server 2016 ハイブリッド検索やってみた
Hirofumi Ota
ファイルサーバーの棚卸から考える SharePoint Online を使ったファイル管理
ファイルサーバーの棚卸から考える SharePoint Online を使ったファイル管理
Hirofumi Ota
More from Hirofumi Ota
(15)
ハイブリッドワークプレイスってなんだ? ずっと Microsoft 365 を見てきた 4 人が振り返る Microsoft Ignite 2021
ハイブリッドワークプレイスってなんだ? ずっと Microsoft 365 を見てきた 4 人が振り返る Microsoft Ignite 2021
Microsoft Teams で行う失敗できない Web 会議やセミナー配信で使える快適な環境を極力お金をかけずに手に入れよう
Microsoft Teams で行う失敗できない Web 会議やセミナー配信で使える快適な環境を極力お金をかけずに手に入れよう
Microsoft Teams を利用した Web 会議の実践テクニックと注目の機能アップデート
Microsoft Teams を利用した Web 会議の実践テクニックと注目の機能アップデート
今日から使える SharePointer のための Power Platform
今日から使える SharePointer のための Power Platform
Microsoft Flow で作る承認ワークフロー
Microsoft Flow で作る承認ワークフロー
Microsoft Ignite 2017 に行ってきました
Microsoft Ignite 2017 に行ってきました
SharePoint Online Communication Sites お手軽サイト作成
SharePoint Online Communication Sites お手軽サイト作成
激闘! Office 365 Groups vs. Teams vs. Skype vs. Yammer
激闘! Office 365 Groups vs. Teams vs. Skype vs. Yammer
いまの Office 365 ってこんな感じ?
いまの Office 365 ってこんな感じ?
Office 365 でひも解く、あいさつから見る文化の違い
Office 365 でひも解く、あいさつから見る文化の違い
Office 365 グループ設定項目を見てみよう(2017年3月時点版)
Office 365 グループ設定項目を見てみよう(2017年3月時点版)
SharePoint Framework をはじめよう #spfx
SharePoint Framework をはじめよう #spfx
Outlook を使ってみた
Outlook を使ってみた
SharePoint Server 2016 ハイブリッド検索やってみた
SharePoint Server 2016 ハイブリッド検索やってみた
ファイルサーバーの棚卸から考える SharePoint Online を使ったファイル管理
ファイルサーバーの棚卸から考える SharePoint Online を使ったファイル管理
Recently uploaded
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
ssuser539845
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
Matsushita Laboratory
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
arts yokohama
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
Ayachika Kitazaki
2024 03 CTEA
2024 03 CTEA
arts yokohama
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
arts yokohama
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
ssuser370dd7
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
Shumpei Kishi
2024 04 minnanoito
2024 04 minnanoito
arts yokohama
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
Tetsuya Nihonmatsu
Recently uploaded
(11)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
2024 03 CTEA
2024 03 CTEA
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
2024 04 minnanoito
2024 04 minnanoito
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
SharePoint Online を JavaScript でイジる。
1.
SharePoint Online を JavaScript
でイジる。 第9回 Office 365 勉強会 2014/8/2 株式会社内田洋行 太田浩史
2.
自己紹介 太田 浩史 (おおた
ひろふみ) • 株式会社 内田洋行 (http://www.uchida.co.jp) • SharePoint をいろいろやる役 2013 - Microsoft MVP SharePoint Server Ota Hirofumi https://facebook.com/hrfm.jp Hirofumi OTA http://www.slideshare.net/hirofumi_ota @hrfmjp https://twitter.com/hrfmjp idea.toString(); http://idea.tostring.jp
3.
先日、Twitter を眺めていると… 『えっ!?SharePoint って、 JavaScript
の API があるの!?』 といった、つぶやきを見かけたので…
4.
あります。カスタマイズに利用できます。 http://msdn.microsoft.com/en-us/library/office/jj193034(v=office.15).aspx
5.
なにができるの? • いろんなことができます。 – サイトの作成、管理 –
リストの作成、管理 – アイテムの作成、取得、編集 – 個人プロフィールの取得 – ナビゲーションの編集 – その他、いっぱい
6.
サンプルコードは? • 基本的な操作はこちらを参考に、SharePoint アプリ
と同じ。 http://msdn.microsoft.com/ja-jp/library/office/jj163201(v=office.15).aspx
7.
簡単に動作を確認するには? • SharePoint のページに「コンテンツ
エディター Web パーツ」か、 「スクリプト エディター Web パーツ」で埋め込みます。
8.
デモします。
9.
デモの内容(メモ機能) 今回、JavaScript で作成した部分 標準のリスト Web
パーツ
10.
今回のサンプル コード <script type="text/javascript"> function
createListItem(){ var ctx = new SP.ClientContext.get_current(); var oList = ctx.get_web().get_lists().getByTitle("メモ"); var itemCreateInfo = new SP.ListItemCreationInformation(); oListItem = oList.addItem(itemCreateInfo); oListItem.set_item("Title", ""); oListItem.set_item("Body", document.getElementById("fBody").value); oListItem.update(); ctx.load(oListItem); ctx.executeQueryAsync( function(sender,args){ //succeeded. document.getElementById("bodyField").value = ""; }, function(sender,args){ //failed. } ); } </script> <div id="postForm"> <textarea name="body" id=“fBody" rows="3" cols="60" style="margin:8px;"></textarea><br/> <button onclick="javascript:createListItem();">POST!!</button> </div> ※ リスト名が含まれるので、他の環境ではそのままでは動きません。赤字のところ。
11.
まとめ • SharePoint には、JavaScript
API が用意されています。 • アイテムの投稿など、簡単な操作はスグに実装できます。 • 全部を作るのではなく、標準機能も利用すると効率良く 機能を作れることがあります。 • jQuery などと組合わせると、もっと色々とできます。 • 30~1時間ほどで、”ちょっとだけ” 使い勝手を良くする機能 を開発するのも面白いです。
Download Now