Framework・Office365を中心に扱うブログです。モダンサイトの唯一のカスタマイズ方法として、SPFxも定着してきたように思います。なるリンクをまとめます。当記事は開発初心者向けの情報を掲載しております。Webフロントエンドエンジニア様にとっては冗長な記載が多くなりますがご容赦ください。SPFx開発に必要なスキルスキルが無い?心配無用。HelloWorldからどうぞ簡単な開発に成功した後に周辺知識もどうぞ事例好きの皆様お待たせしました。CSSでのカスタマイズを導入するための唯一の仕組みです。開発はJavaScriptで行います。SPFxで開発できるものは以下です。カタログ」と呼ばれる特殊なフォルダに開発物をアップロードする必要があります。下記はWebパーツ開発の例です。開発~導入までのざっくりフローSPFx開発に必要なスキル前述の通りJavaScriptでの開発になりますが、ピュアなJavaScriptではなくそれをベースに型付けを追加したTypeScriptを利用します。JavaScriptはオープンソースの世界です。エディタ・フレームワーク・JavaScriptファイルの圧縮自動化・テスト自動化など快適な開発に必要な諸々すべてオープンソースのものを入手することができます。いうわけで、SPFxの開発もオープンソースなツールで行えるようになっています。365と直接繋がるコアな処理の部分はMicrosoftが作ったライブラリを利用するほうが便利ですが、その他は自由です。いえ新しい開発をする度にオープンソースを寄せ集めてアレもコレも組み合わせるのは面倒極まりない。そこで予め寄せ集めておいたセットを簡単に展開できる「ジェネレーター」なるツールを利用するのがWebフロントエンド開発では一般的です。SPFxではyeomanというジェネレーターを介してプリセットが提供されております。プリセットに含まれているツールを含め、SPFx開発で知っておくべきキーワードを以下に列挙します。(操作の自動化ツール。デバッグやパッケージ化の際に利用)スキルが無い?心配無用。HelloWorldからどうぞとにかく書いてみれば分かる。