字幕表 動画を再生する
(logo chimes)
(ロゴのチャイム)
- [Phil] Let's start looking at
- フィル)まずは見てみましょう。
some of the things that JavaScript
JavaScriptの一部をご紹介します。
is used for in SharePoint.
はSharePointで使用されています。
Now, before we begin,
さて、始める前に。
I have another disclaimer for you.
もうひとつ、免責事項があります。
You cannot embed JavaScript on SharePoint
SharePointにJavaScriptを埋め込むことができない
modern experience pages,
モダンエクスペリエンスページ。
at least not at this time.
少なくとも現時点では。
Microsoft has realized that a lot
マイクロソフトは、多くの
of the service issues they need to solve
解決すべきサービス課題の
for people are the result of them modifying CSS,
は、CSSを修正した結果です。
changing master pages,
マスターページの変更
creating custom themes, et cetera.
カスタムテーマの作成など
Their response has been to increasingly
その結果、彼らの反応はますます悪化しています。
lock down what people can do in SharePoint,
は、SharePointでできることを制限しています。
basically removing the problematic features.
基本的に問題のある機能を削除しています。
Unfortunately, these are pretty valuable things.
残念ながら、これらはかなり貴重なものです。
So you can imagine the squawking.
だから、しゃがんでいるのは想像がつくでしょう。
I personally think that at some point,
個人的には、ある時点でそう思うようになりました。
they'll be forced to restore features,
機能回復を迫られることになる。
but for now,
が、今はまだ。
if you want finer control of your sites,
より細かくサイトをコントロールしたい場合。
you'll want to stick to the classic experience
クラシックな体験にこだわるなら
wherever possible.
可能な限り
That's sad, but it's the way it is.
悲しいことですが、それが現実なのです。
Anyways.
とにかく
Thing number one you can do with JavaScript.
JavaScriptでできることその1。
It lets you add or modify UI elements
UI要素の追加や変更を行うことができます
on the screen.
を画面に表示します。
I can actually give you a great example
実際に素晴らしい例を挙げることができます。
of where SharePoint is already using JavaScript.
SharePointがすでにJavaScriptを使用している場所の
This is stuff that's happening behind the scenes
これは裏で起きていることです。
when you change views for libraries
ライブラリのビューを変更したとき
or lists.
またはリスト
Let's take this library as an example.
このライブラリを例にとって説明しよう。
Here's the normal view.
こちらが通常の表示です。
Now what happens if I go in,
さて、私が入ったらどうなるのか。
and modify the view.
をクリックし、ビューを修正します。
More specifically, what happens
具体的には、何が起こるか
if I change the view style.
ビュースタイルを変更した場合。
I'm always surprised at how few people
いつも驚かされるのは、人の少なさです。
seem to know about view styles.
は、ビュースタイルについて知っているようです。
This is a fairly useful little tool
これはかなり便利な小ツールです
that changes the way view information
情報の見え方を変える
is displayed above and beyond specifying,
が指定以上に表示される。
which fields are shown filtering and the like.
どのフィールドをフィルタリングして表示するか、など。
I'm going to pick this newsletter
このニュースレターを選ぶ
no lines style,
no lines style,
and will apply that.
で、それを適用することになります。
So the look of the list has changed noticeably.
そのため、リストの見た目が顕著に変化しています。
We have alternating lines,
交互に並んでいるんです。
the lines themselves are spaced out differently.
線そのものの間隔が違う。
What happened?
何があったんですか?
Let's take a quick look
ざっと見てみましょう
at the page source in developer mode.
を開発者モードのページソースで表示します。
Check out this script down here.
このスクリプトはこちらでご確認ください。
This section is looking for what form
このセクションでは、どのような形かを探しています。
we are using for our data display,
は、データ表示に使用しています。
and just a little further along,
と、ほんの少し先の話です。
there's basically all the changes described,
は、基本的に記載されているすべての変更点があります。
and put into play.
を、実行に移します。
Other ways you could use JavaScript for UI.
その他、JavaScriptをUIに利用する方法もあります。
Let's say you wanted to change
を変えたいと思ったとしましょう。
the actual input form.
は、実際の入力フォームです。
By redefining the form,
フォームを再定義することで
and form displays with JavaScript,
やフォームをJavaScriptで表示します。
you can make one column into two
1つの列を2つにすることができます。
or change font colors.
や文字色の変更も可能です。
Yes.
はい。
There are other tools you can use to do this,
そのために使えるツールは他にもあります。
but this is definitely a way to coax
が、これは間違いなく
a little bit more out of your sites
もうちょっとだけ、あなたのサイトを見てください。
with JavaScript.
をJavaScriptで作成しました。
(upbeat instrumental music)
(アップビートなインストゥルメンタル音楽)