### なぜ最初に `$(` なのか

jQuery というライブラリを使用しているので、`$` は `jQuery` を指します。

> `jQuery(callback)`
>
> DOM Documentのロードが終わった際に、バインドしておいた関数が実行されるようになる。
> この関数は `$(document).ready()` と全く同様に動作する。
> —— [jQuery(callback)](http://semooh.jp/jquery/api/core/jQuery/callback/)


### `event` はここでのスクロール操作なのか

jQuery のプラグインである [inview](https://github.com/zuk/jquery.inview) を使用しているので、それによって追加された `inview` イベントです。スクロール操作により発生するという意味では、スクロール操作であると言えます。


### `isInview` の役割

> The event will only fire when the element comes in to view of the viewport, and out of view.
> ...
> The variable after the event argument indicates the visible state in the viewport. 
> —— [Usage](https://github.com/zuk/jquery.inview#usage)

イベントはターゲットの要素が可視領域に入った時と出た時の両方で発生します。どちらなのか区別するのが2番目の引数 (質問のコードでは `isInview` として利用) です。


### `stop()` の意味

> 指定した要素集合から、現在動作中のアニメーション処理を全て中止します。
> —— [`stop()`](http://semooh.jp/jquery/api/effects/stop/_/)

他でアニメーションさせていないなら、必要ないと思います。


### 「現状は表示させたい文字が現れません」

現在の JavaScript では `$('.inview').on('inview' ` としていますね。対象の要素を `inview` というクラスで探しています。しかし、HTML には `inview` クラスが指定されていません。HTML で `class="inview fadeIn"` のように `inview` クラスを追加する必要があります。

もしくは、JavaScript 側を `$('.fadeIn').on('inview' ` のようにして `fadeIn` クラスで探すようにしてもよいでしょう。

(その他にも、重複した JavaScript の読み込みや、 `color: #fff;`、`DOCTYPE` 以前にタグが有る、など気になる点はあります)