SharePoint Onlineでのアプリケーションの作成

Question

チームメンバーが自分のサイトでページを構築/更新するための簡単な方法を望むクライアントがいます。そのサイトは多くのJavaScriptを使用して大きくカスタマイズされています。問題は、チームメンバが新しいセクションをページに追加したいときに、開発者に問い合わせて必要な機能をハードコードすることでした。そこで、私たちは、これらの機能のカスタマイズ可能なWebパーツを作成して、サイトをよりセルフサービス可能にすることに決めました。

私が最初に始めたのは、ビジュアルスタジオを使用してサンドボックスコードを使用してWebパーツを作成し、サイトにアップロードし、サイトに展開するだけでよいというドキュメンテーションが見つかりました。私に知られていないBuuutはコードベースのサンドボックスソリューションはもはやSharepointでサポートされていないため、私たちが構築したWebパーツは展開できませんでした。私はそれをアドインとして構築する必要があると言われましたが、アドインの作成を開始したときに、カスタマイズ可能なフィールドプロパティ（背景色、テキストスタイル/色、バナー色を変更する機能） wantはアドインとして実装できません。

これで私は正方形に戻りました。アドインとしてWebパーツを作成することも可能かどうか、別のルートに移動する必要はありますか？

あなたが提供できる情報への考えやリンクは大変ご満足いただけます！

おかげ Terek

Answer 1

は、SharePoint 2016では、物事は、Webパーツを構築する古典的な方法だった従来のモデルから多くのことを変更しました。あなたが以前に働いていた方法は "クラシック"と呼ばれ、新しい方法は "モダン"と呼ばれています。あなたの開発環境を得る方法は次のとおりです（長い答えです）。

1）SP2016 （Webパーツを作成するために使用されます）

• NodeJS長期サポート版
• ヨーマン

• GULP（：/オンライン次のインストール、以下の環境でお使いのdevのマシンを構成する必要があります。仮想Webサーバーの役割を果たす）

  上記の3つのコンポーネントをインストールすると、Yeoman SharePoint GeneratorをインストールしてSharePoint Webパーツを作成し、Yeomanはすぐに使用できるテンプレートを提供し、すべての構成を標準化することで物事を簡単に作成できます。以下のリンクを参照マシンを構成するには

  ：SP2016/SPオンラインで https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment

2）、あなたは）（SPFXのためのSharePointのフレームワークを開発する、Microsoftが変更に対処するための多大な努力をしたし、開発者がGitHub、YouTube、公式サイト（下記のリンクを追加します）でトレーニングや教材を公開することで、この新しい旅に乗り出すことができます。しかし、このチュートリアルに従ってください。 SP 2016 /オンライン用最新のWebパーツの開発方法：

https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part

3）上のチュートリアルでは、SP2016/Onlineに展開できる完全機能の最新Webパーツが用意されています。新しいモダンアーキテクチャーを使用すると、Webパーツを「サンドボックス化」することができます。ライブプロダクション環境でのコンポーネントの継続的な更新/リファクタリングの問題を解決します。これにより、コードを常に更新してリアルタイムで結果を確認できるようになりました。https://localhost:4321/temp/workbench.htmlと同時にSP環境で呼び出して、開発環境の結果を確認することができます。例えば：http://portal.company.com/_layouts/workbench.aspx

リンク：

YouTubeの "SharePointのフレームワークチュートリアル" - それは、Webパーツを作成するプロセス全体を示すステップのチュートリアルビデオバイステップです：

https://www.youtube.com/playlist?list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq

GitHubのリポジトリSPFxとPnPの完全なドキュメント、サンプル、追加情報があります（これは別の記事です）。

https://github.com/SharePoint

私はそれがあなたを助けてくれることを願っています！