tmegos blog

Web developer

新人研修にN予備校のプログラミングコースを使ってみる(3)

ようやくgitが使えるようになりました

人によって進捗の差はありますが、全員第3章まで進みました

tmegos.hatenablog.jp

いいと思ったところ

Webサービスを開発する上で最低限のセキュリティを学ぶことができる

N予備校 プログラミングコースの想定学習時間のとおり、第3章ではXSS対策/CSRF対策などを学ぶことができます
プログラミング入門ではこのようなセキュリティ面に言及しているものが少ないのでとてもいいです

研修では使いにくいところ

Git for Windowsが使いたい

教材ではVirtualBox + VagrantUbuntu上のgitを使うようになっています
実際のところ業務ではGit for Windowsを使うのでこのあたりの説明も欲しかったです

また、Windows 10でVirtualBoxが致命的なエラーでインストールができないという問題が発生し、その対応に時間を取られました
(トラブル対応という意味ではいいのかもしれませんが…)

windows 10 virtualbox 致命的 - Google 検索

wordpressの更新をmattermostで受け取る

今日(2018/04/13)現在、mattermost専用のプラグインは無いようだったので、代わりにslackのプラグインをインストールします

ja.wordpress.org

プラグインをインストールして有効化すると、右サイドメニューに「Slack Notifications」の項目が追加されます

f:id:tmegos:20180413123702p:plain

General

  • Webhook URL: mattermostの内向きのウェブフックで追加したURL
  • Default Channel: 空白のまま(mattermostではWebhook URLがチャンネルと紐付いているため)
  • Bot Name: ウェブフック時のユーザ名
  • Bot Image: ウェブフック時のユーザ画像

f:id:tmegos:20180413123817p:plain

上記設定を行ったあと、「Run Test」でテストのWebhookが走ります
なかなかテンションが高くてすきです

f:id:tmegos:20180413124436p:plain

Notifications

初期設定では通知のイベント設定されていないので、通知が必要なイベントを追加する必要があります
「Notification Type」、「Notification Options」から必要なイベントを選択して保存します

f:id:tmegos:20180413124622p:plain

私は以下のように記事作成時とコメント追加時に通知が飛ぶようにしました

f:id:tmegos:20180413124656p:plain

動作確認

新しい記事が追加されるとmattermostに通知が飛ぶようになりました
記事の本文は通知に含まれないようです

f:id:tmegos:20180413124938p:plain

新人研修にN予備校のプログラミングコースを使ってみる(2)

社会人1年目の新人研修にN予備校のプログラミングコースを使ってみて1週間
このボリュームで月1000円は破格です…!
【2018年度】プログラミング入門 Webアプリの第1章が終わり、第2章に入ったところです

tmegos.hatenablog.jp

いいと思ったところ

Windowsユーザにやさしい

会社で使っているパソコンの大半はWindowsです
N予備校の教材に使われているスクリーンショットは基本的にWindowsです
Windowsの場合、Macの場合など分岐が入っているところもありますが)
これであれば、教材のままソフトのインストールやプログラムの実行ができるのでいいと思いました

研修では使いにくいところ

Gitの説明が第2章にある

第1章でHTML/CSS/JavaScriptを学びますが、Gitの説明が第2章にあるために第1章の成果物をcommit, pushすることができません
一番はじめにGitの説明があれば、第1章の作業をGitで管理して新人研修担当者がソースコードを確認できるのにと思いました

進捗が(新人研修担当者から)わかりにくい

N予備校はあくまで個人利用として使ってもらっているので、新人研修担当者がそれぞれの進捗を確認することはできません
(個人で利用していれば理解度、進捗度を入力することはできます)
そこでRedmineで節ごとにチケットを作り、進捗とかかった時間を記入してもらうことにしました

f:id:tmegos:20180406124840p:plain

N予備校 プログラミングコースの想定学習時間を元に予定時間を組んでいますが、なかなか時間通りには進んでいないようです

f:id:tmegos:20180406124909p:plain

SkyWay x Vue.jsでWebRTCサンプルを作ってみた

リポジトリ

github.com

スクリーンショット

f:id:tmegos:20180407113904p:plain

SkyWayを使って、Vue.jsでビデオチャットアプリを作ってみました

webrtc.ecl.ntt.com

WebRTCは自分でサーバを立てるのが大変だったり、WebRTCを利用するためのライブラリであるPeer.jsの開発が止まっていたりと、開発環境を構築するのが大変です
SkyWayを使うとサーバはSkyWayのものが利用できたり、Peer.jsもNTTコミュニケーションズさんがメンテナンスしているものを利用できたりと開発が容易にになります
SkyWayのサンプルも充実しており、私のサンプルも1日くらいでできました

社内のイントラネットビデオチャットをするときは、SkypeよりもWebRTCの方が音声がクリアでした
FirefoxChromeがあれば、特にインストールも不要で利用できることもメリットかなと思います
あとは画面共有用のライブラリskyway-screenshareがnpmに対応してくれないかなというところでした

新人研修にN予備校のプログラミングコースを使ってみる(1)

ということになりました

www.nnn.ed.nico

tmegos.hatenablog.jp

法人として利用するには

現在(2018/04/01)のところ、法人向けの入口は無いようです
それぞれでアカウントを作成してもらい、学費は立て替えということになりました
ドワンゴに問い合わせしたところこのような回答を頂きました。ぜひ法人向けの入口を作っていただきたいですね)

身につけて欲しい技術

  • git
  • GitHub/GitLab(社内ではGitLab CEを利用)
  • Node.js
  • Java
  • markdown
  • 文章の書き方

会社で準備する本

文章力の基本

文章力の基本

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)

など、考え中

なぜN予備校を試してみようと思ったのか

他の競合となるようなサービスは「初心者向け」を謳っていてあまりに簡単すぎるのではと思ったからです
確かに基礎は大事ですが、新人と言えど学校で専門的なことは学んでいる(はず)です
なので例えば「チームで開発するには」や「最近のフロントエンドとは」など、実際の業務で役に立つようなことを学んで欲しいと思いました

github.com

N予備校 プログラミング入門コースで作るもの」を見ると、チャットボットや調整さんクローンなども作るようです
このようなアプリを1から作ることができるところまで成長してもらえると嬉しいなと思っています

dockerで動かしているOracle DB 11gをShift-JISに変えたらデータが永続化されなくなった

dockerで上げた11gをShift-JISに変更しました。
変更方法は以下の記事の通りです。 qiita.com この記事のとおりに文字コードを変更したところ以下のような問題が発生したので対応を行いました

  1. データが永続化されなくなった
  2. sysやsystemでアクセスできなくなった
続きを読む