# 「SaCSS Special13 : SaCSS SUMMER FESTIVAL 第2弾 FRONTEND」でJSの話をしてきました。#SaCSS

- リンク: https://torounit.com/blog/%e3%80%8csacss-special13-sacss-summer-festival-%e7%ac%ac2%e5%bc%be-frontend%e3%80%8d%e3%81%a7js%e3%81%ae%e8%a9%b1%e3%82%92%e3%81%97%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%e3%80%82sacss/
- 公開日: 2017-08-22T09:00:35+09:00
- 作成者: Toro\_Unit

![](https://torounit.com/wp-content/uploads/2017/08/71C_4995-848x565.jpg)

家のキーボードの「a」が反応しなくなりました。つらい。とろゆにです。

先日、8/5に開催された、「[SaCSS Special13 : SaCSS SUMMER FESTIVAL 第2弾 FRONTEND](https://sacss.net/special13/)」
にて登壇させて頂きました。

「最近 SaCSS Special 続きで凄いなー」と観察してた頃、5月頃だったか、[ハムさん](https://twitter.com/h2ham)
から登壇しない？とお誘い頂きました。WordPress の話かなーと思っていたところ、JavaScript
の勉強の話をとのことで。何の冗談かと思いましたが僕なりに話せることもあるかなと思い、
軽い気持ちでOKしました。

ゆるふわな感じでとのことだったんですが、実際話す内容を考え出したら何を話して良い
か全くわからず、何回かボツくらいました。

そんなわけで、当日のスライドはこちらです。魔境感溢れる昨今のJS事情を僕なりにゆる
ふわにお伝えしたつもり。

とりあえず、僕がJavaScriptに触れ出した頃とは状況がだいぶ変わっていて、ググって出
てくるコードをコピペしても動かない、固有名詞がとにかく沢山出てくる、.js だけど JavaScript
じゃないコードも沢山ある等、めちゃめちゃハイコンテクストに感じてます。そのあたり
の文脈を少しでも整理出来たらと思っていろいろ書きました。

ES6で変わったことを全部は紹介できないので、詳細は[いまからはじめるECMAScript 6](https://www.slideshare.net/1000ch/begin-ecmascript6)
も見て頂ければいいのかなと。

https://www.slideshare.net/1000ch/begin-ecmascript6

また、こちらも参考になるかと。

## 結局伝えたかったこと

 * みんな攻略本の無いダンジョンをさまよってる感じなので焦らない。ビビらない。
 * 普段コピペしているコードを読んでみる。
 * とりあえず、動くモノをつくってみる。
 * [JSは猛烈に進化し続ける](https://github.com/tc39/proposals)ので、やりながら徐々に
   覚える。少しずつ実戦投入していく。
 * 仲間を作って見せ合いっこしたりする。
 * 1日30分でも週に1時間でも良いので、挫折しない程度にJavaScriptに触れる時間を作る。

ここらへんが、言語や技術を勉強する上でとにかく大事だなと思っているので、それが伝
われば良いなと思ってました。英語の勉強とか楽器とかにも通じる話かもしれません。（
どちらもサボり気味ですが・・・）

「[CoffeeScriptで、ライフゲームしてみた。](https://torounit.com/blog/2013/09/19/1574/)」
みたいな記事を書いたら滅茶苦茶JavaScript出来る人からいろいろツッコミをもらったり
しました。そういうやりとりが楽しかったり、勉強になったりするので、公開するのはほんとに
大切だと思います。

僕は[友人が勉強に作ったモノを改造して遊んだり](https://github.com/torounit/svg-handwriting-animation)、
[近所の温泉のデータを収集してみたり](https://github.com/torounit/one-day-onsen-in-asamaonsen)
してゆるっとやってます。

今回のをきっかけに何か書いてみたと言う人が居たら是非教えて下さい。喜んで見に行き
ます！

## イベントの感想

他の登壇者の方々の話もいろいろ刺激的でした。個人的には[アップルップルの森田さん](https://twitter.com/KasumiMorita)
の「[コーディングしながらデザインルールをドキュメント化してみた](http://mkasumi.com/activity/entry-1269.html)」
が特にビビりました。マークアップエンジニアとしてそういう仕事のやり方があるのかー
と考えさせられました。

[関口さん](https://twitter.com/redamoon)の、「[おれの使うさいきょうえでぃた](https://redamoon.net/log/post/000030.html)」
は PHPStorm 使いとしてまだまだ知らない機能がいっぱいあるなーと思いました。3年くらい
使っているのに知らないことばかりです。

## 編集後記

45分の予定が10分も押してしまいすみませんでした！ほんとはもう少し余裕を持ってやる
はずだったんですが…

スコープの広い話をすることの難しさを改めて感じました。なかなか謎の単語がずらずら
並ぶ感じになってしまったので、また何かJSの勉強をしたくなったときにでも見返して頂
ければ幸いです。

スライドを作りながら改めて jQuery を調べたのですが、やっぱり使いどころを間違えな
ければ良いツールだなーと再認識しました。そういう意味でも生の JavaScript やブラウザ
のAPI、他のライブラリが解決しようとしている課題とかは知らないとだなぁと。温故知新。

## さいごに

まさか、SaCSS に登壇する日が来るとは思いませんでした。業界入ったときの自分に言って
も信じないでしょうね。不思議なモノです。これからも精進したいと思います。

また、前日に[a-blog cms 勉強会 in 札幌 2017](https://ablogcms-sapporo.doorkeeper.jp/events/62712)
にも参加させて頂きました。WordPress や Movable Type 、Drupal くらいしか制作で携わっ
たことが無い僕にはなかなか新鮮な体験でした。他の CMS のアプローチの仕方を知るのは、
いろんな気付きがありますね。

[Frontend Nagoya](https://frontend758.doorkeeper.jp/) の話も聞けたので近いうちに
偵察に行こうかなと思います。

 

札幌楽しかったです。お酒も食べ物も美味しかったです。人生で初めて空を飛んでみました
が、意外に松本からは行きやすいんだなーと感じました。ひこうきすごい。また機会を作
って遊びに行きたいです。そのときや別の場所でお会いしたときは、また遊んで下さいー！

![](https://torounit.com/wp-content/uploads/2017/08/DSC_0102-848x477.jpg)
