※2019年12月8日更新 Docker 上に SharePoint Framework の開発環境を構築する手順をまとめました。 この資料の内容は、こちらのスライドからの抜粋となります。 構築手順をまとめて確認したい方は、スライドをダウンロードしてください。 なお、環境構築手順は、 ・開発環境を構築するためにホストとなる PC で行う手順 ・Docker イメージを準備する手順 ・Docker 上でプロジェクトごとに行う手順 の３部構成になっています。 この記事では、Docker イメージを準備する手順について記載します。
※2019年12月8日更新 Docker 上に SharePoint Framework の開発環境を構築する手順をまとめました。 この資料の内容は、こちらのスライドからの抜粋となります。 構築手順をまとめて確認したい方は、スライドをダウンロードしてください。 なお、環境構築手順は、 ・開発環境を構築するためにホストとなる PC で行う手順 ・Docker イメージを準備する手順 ・Docker 上でプロジェクトごとに行う手順 の３部構成になっています。 この記事では、開発環境を構築するためにホストとなる PC で行う手順について記載します。
マイクロソフト純正の SharePoint Online 用ページ診断ツール「Page Diagnostics for SharePoint」が、google chrome 拡張機能としてリリースされています。 このツールを使ってどんな診断ができるのか試してみました。
chrome ウェブストアで「SharePoint」で検索すると出てきます。
https://chrome.google.com/webstore/search/sharepoint?hl=ja
[Chromeに追加]ボタンをクリックすると、確認メッセージが表示されるので[拡張機能を追加]をクリックします。
インストールするとブラウザの右上に拡張機能のボタンが追加されます(下図赤枠部分)
SharePoint Framework 1.7 の変更点をまとめました。 プレビュー段階のものがほとんどですが、Dynamic Data が正式リリースになりました。
Web パーツ同士の連携を可能にするための仕組み。 Web パーツ A が自身の情報を動的データとして他の Web パーツに公開し、Web パーツ B が Web パーツ A の動的データをリアルタイムに読み取るということができるようになります。 動的データを使用した、SharePoint Framework コンポーネントの接続
Waldek Mastykarz さんが github で公開している docker-spfx ですが、先日 SharePoint Framework v1.7.0、v1.7.1 に対応したイメージが公開されました。 早速この最新イメージを使って環境構築を行ってみました。 これまでのイメージもそうだったのですが、使用するためには色々と山あり谷ありなので、きちんと動くまでに私が行ったことをメモしておきたいと思います。
最新の docker-spfx は、以下の URL からダウンロード可能です。 https://github.com/waldekmastykarz/docker-spfx docker-spfx を使った環境構築の基本については、昨年 bootcamp にて使用した資料を参照してください。 なお、最新版である version 1.7.0、1.7.1 のイメージは資料通りに作ってもうまくいかないので、この記事に記載の方法で適宜読み替えてください。
Docker を使って SharePoint Framework の開発環境を構築することで、プロジェクト毎の異なる環境要件にも対応できるようになります。 これにより、例えばプロジェクト毎に SharePoint Framework のバージョンが異なっていたとしても、それぞれのバージョンの Docker 環境を作って問題なく開発することができます。 SharePoint Framework はバージョンアップの頻度が高いため、こうしたバージョンを固定させる環境の仕組みづくりが非常に重要になり、マイクロソフトのサイトでも Docker を使った開発環境についての記載があります。 SharePoint Framework におけるチーム ベースの開発 とても便利な Docker を使った開発環境ですが、いざ構築しようとするといろいろと問題が発生します。 この投稿では 、私が Docker で SPFx 開発環境を構築する際に発生した問題について、分かっている限りの対応策を紹介したいと思います。
SharePoint Framework Extension (拡張機能) の開発をこれからはじめる方向けに、以下の手順をまとめました。
この資料は 2018 年 10 月 27 日に開催した、Global Office 365 Developer Bootcamp でハンズオン用の資料として作成したものになりますが、実際にハンズオンをしてみると環境により色々な問題が起きて、開発環境の構築をするだけでも一苦労という感じでした。 開発環境構築時のポイントについては別途まとめたいと思いますが、開発環境の構築さえできてしまえば、それぞれの開発については資料を見て進められるかと思います。 SharePoint Framework の開発は、これまでの SharePoint 開発と全く異なる環境、言語での開発となるため、新しく覚えないといけないことが多く最初のハードルがとにかく高い印象がありますが、そのハードルを越えるために本資料が少しでもお役に立てれば幸いです。
ただいま、10/27 開催の Global Office 365 Developer Bootcamp in Japan に向けてスライドやらハンズオンのネタやらを準備しているところです。
今回は SharePoint Framework を使った開発のハンズオンになるので、マイクロソフト系開発者が当たり前のように使っている Visual Studio 2017 を使うことはありません。
Web フロント開発の経験がない方だと、もしかすると普段はあまり使うことのない環境で開発をすることになるため、ハンズオンでは開発環境の構築から行う予定です。
ただ、開発環境構築のために色々ダウンロードしなければならず、会場の Wifi を使ってみんなが一斉にダウンロードをすると時間がかかってしまう可能性が高いです。
ということで、私のハンズオンにご参加いただく方は可能であれば以下の事前設定を終えておいていただけると、この後のハンズオンがスムーズに進められるかと思います。
①以下のスライドに記載のツール類のインストール
②Docker イメージのダウンロード
PowerShell を起動して、以下のコマンドを実行
docker pull waldekm/spfx:1.5.1
事前準備としてご協力いただけると幸いです。
Office 365 と kintone の両方を使い分けている場合、この二つの優れたツールをシームレスに連携できれば・・・と考えることが多々あると思います。 そのニーズに応えるため、Microsoft Flow には kintone と繋ぐためのコネクタが提供されています。 kintone コネクタ (Microsoft Flow) を使う前に知っておきたいこと10選 kintone コネクタを使用すればプログラムを書くことなく Office 365 と kintone を連携させることができます！ ですが、有料なんですよね・・・Flow の有料プランでなければ、kintone コネクタが使えないのです。 ということで、この度、サイボウズさんからお話をいただき kintone コネクタを使わずに、Office 365 と kintone を連携させる方法を記事にしました。 そして、先日サイボウズさんの cybozu developer netowrk に公開していただきました！ Outlookアドインを使ってOutlookの中にkintoneのデータを表示する こちらの記事を参考にしていただければ、プログラムを書く必要はありますが Office 365 と kintone を連携させることができます、しかも無料！ ぜひ、参考にしていただければと思います。 なお、kintone を使ったことがないけど、試してみたいなという Office Developer の方は、cyboze developer network への登録をお勧めします。 登録は無料で、1 年間、開発者ライセンスとして、kintone を使うことができます。 developer network へようこそ 逆に、Office 365 を使ったことがないけど、試してみたいなという kintone developer の方は、Office 365 試用版への登録をお勧めします。 こちら試用期間は30日間となってます。 Office 365 Enterprise E3 試用版 申込ページ 結構手軽にできるので、ぜひ試してみてください。
１年ぶりの更新です・・・ ブログ、再開しますよ！ がんばって( ｀ー´)ノ さて、告知です。 来る 2018年10月27日、マイクロソフト@品川にて、「Global Office 365 Developer Bootcamp 2018 - Japan」というイベントを開催します。 このイベントは世界規模で行われている同名イベントの日本ローカルバージョンです。 MVPの太田さんが中心となり集まったスピーカー陣が、それぞれの得意分野についてハンズオン形式で参加者の方々に情報提供をするイベントになります。 イベントの詳細は、イベントページをご覧ください。 ![] ちなみに私は、SharePoint Framework 拡張機能を使ったモダンページのカスタマイズのハンズオンを担当します。 ただ、、、驚いたことにこのイベント既に定員オーバーで、ただいまキャンセル待ちの状態です。 参加登録がまだの方、もしかしたら参加できるかもしれませんので、諦めずにキャンセル待ち登録してみてください！ 皆さんのご参加、お待ちしてます。 ここからは、ちょっと話を変えまして余談を。 お時間ある方はお付き合いください。 最近の私について簡単にご報告。 2012年に会社を立ち上げてからずっとといえばずっとなのですが、新規のお客様からも古くからお付き合いいただいているお客様からも、SharePoint案件やOffice開発、スマホアプリ開発など、大変多くの引き合いをいただいています。 そのため、慢性的な人材不足で私も多くの案件を並行して対応している状況で・・・ で、最近大きな案件が１つ終わったので、またMVP活動をちゃんとやっていこうという感じになっています。 これからまた定期的にブログも更新していきたいと思います！（自分でおしりに火をつけないと動かないタイプ・・・） そんな訳で、突然ですが人材募集！ こんな私ではありますが、 ・私たちと一緒に働きたい ・SharePointのスキルを高めたい ・小さな会社でシステム開発の一通りの経験をしたい ・有名どころのお客様の案件に携わりたい ・すっごいアイディアがあるけど理解してくれる人がいないから話を聞いてくれ！ ・とにかく楽しい仕事がしたい というような思いをお持ちの特異な方がいらっしゃれば、ぜひご連絡ください！ はい、突然の告知失礼しました。 それでは、今後ともよろしくお願いいたします。