読者です 読者をやめる 読者になる 読者になる

晴れの日

WEBディレクターのおっさんの試行錯誤をさらす日記

JSやjQueryの勉強したくてProgateをはじめた話

フロントエンドエンジニアって響きが素敵すぎて、かねてからJavascriptjQueryは華麗に扱えるようになりたいなと思っていた。

 

そんなある日、こんな記事が目に飛び込んできた。

 

jp.techcrunch.com

 

東大生が作ったプログラミング学習サービスなんていったら、学歴コンプレックスの塊である私にとっては、まぶしいばかり。

 

これは試してみるしかないでしょうということで、さっそくProgateに登録。

 

prog-8.com

 

まずは無料で出来る範囲で試してみると、説明スライドで確認してから、手を動かしてコードが書けるので、勉強した感があって非常に良い感じ。

 

ただ、無料で出来るレッスンは限られており、ホント触りのところまでしか出来ない。

 

むむむむ…。似たようなサービスで「CodeStudy」なんてのもあったから、そっちに鞍替えしようかなと探してみたけど、どうやらサービス終了してしまっていたみたい。

 

それならばしょうがない・・・ということで、980円/月のプランに申し込み。

 

仮に2ヶ月続けたとしても1960円だから、そこら辺の参考書を買うのと変わらないでしょう。

 

全てのレッスンが開放されたところでレッスンを進めてみると…隙間時間を使って1~2日でJavascriptjQueryの全レッスンが終わってしまった。


レッスンで「上級編」となっているものが、実際のところ初級の中で難しい方ぐらいの位置づけなイメージ。

他にもJavaやらSwiftやらのレッスンもあるにはあるんだけどJavascriptjQueryが中途半端な状態で他の言語に手を出す気にもならず。

 

とはいえ、プログラミング学習したいなと思っていたけど、重い腰をなかなか上げれないという私のような人が、手始めに触ってみるには良い方法なのかなとも思う。

 

きっかけ作りで980円/月を安いと思うか、高いと思うかはその人次第。

 

私は1ヶ月だけなら有りな気がしました。

「Adobe XD Meeting #03」に行ってきた話

昨年末にwindows10版(β)も公開されて、注目が高まっている気がしている「Adobe XD」。

 

Adobe XD」についてほとんど知っていることはないけれど、この波には乗っておきたいところ。

 

というわけで、「Adobe XD Meeting #03」という勉強会に参加してきた。

 

詳しい内容は、参加者の皆さんのtweetをtogetterにまとめていただけているので、こちらを見ていただくのが手っ取り早い。

 

togetter.com

 

以下、私の感想。

 

Adobe XD」自体がまだβ版ということもあって、皆さん手探りで活用方法を模索している段階なのかなんだなと思った。

 

そして、やはりまだ改善点も多く残されているようで、中でも「画像書き出し機能強化」と「Adobe他社製品との連携強化」の2点は特に多く要望が出てた。

 

もちろん改善点ばかりではなく、「Adobe XD」のメリットも挙げられていた。
特に「動作の軽さ」と「操作の簡単さ」は皆さんが口をそろえて絶賛していた。

 

正直、そんなに簡単っていうんだったら、ちょっと使ってみようかなと思えたぐらい。


とはいえ、会社支給のPCはwindows7なんだよね…。


まずは自宅のmacにインストールして、Sketchとあわせて試してみようと思う。

「Sublime text 3」をもう少し調べてみた話

前回からの続き。

 

Sublime text 3」をインストールしたは良いものの、イマイチ使いこなしきれなかったので、良い使い方をしている人はいないかと検索したらLIGさんのブログに行き着いた。

 

liginc.co.jp

 

記事の投稿日が2012年になっているあたり、いかに私が取り残されてきたかを物語っているようで心が痛い。
そして投稿された当時にこの記事を読んだ記憶がうっすらあるんだけどなー。

 

このページで紹介してくれいるいろいろな機能を触ってみると、やっぱり「Sublime text 3」便利かもと思えてくる。
中でもショートカットキーを覚えておくとかなりはかどりそうだったので、チートシートを作って公開してくれている方もいたのだけど、まだ全体を網羅するにはちょっと早いと思ったので、ひとまず以下のページぐらいのショートカットは覚えておこうかなと思う。

 

qiita.com

 

そして、まだインストールしていなかったプラグインをいくつか追加した。
なかでも便利だなと感じたのがEMMET。
恥ずかしながらEMMETのこと自体知らなかったので、調べて以下のページで概要を確認した。

 

leko.jp

 

これ、めちゃくちゃ便利。
今までHTML・CSSを生真面目にコーディングしていたのが馬鹿らしくなった。
無知って本当に怖い。

  

今はあまりコーディングする機会がないのだけど、これからHTML・CSSを書くときはEMMETを積極的に活用したいと思った。

「Sublime text 3」をインストールした話

2017年に入って、所属している会社の景気がどうも芳しくなく、回復の目処もイマイチたたない。

 

言葉を選ばずに言うと、リストラも始まっている。
昔からの仲間でクビになってしまった者もいた。
会社の専門領域からやや遠いスキルセットを専門にしている私にとっては、明日はわが身である。

 

しかも、ここ数年はほどほどに居心地の良いチームに所属していたため、このままでも良いかな~と漫然とした日々を過ごしてしまっていた。

 

世間一般の技術・ツールなどの進歩を横目では見ているものの、ほぼ見てみぬふりをして、気がつけばしっかり取り残されてしまっている。

 

このままでは万一の事態が起きた時にどこにも拾ってもらえない。

 

私には子供は居ないが嫁がいる。

 

そんなことになったら、離婚の危機である。

 

そんな危機感を背景に、今年はここしばらく遠ざかっていたセミナーや勉強会に足しげく通うようになった。

 

そして、セミナー・勉強会で登壇者の話を聞いたり、参加者のPCを横目で覗き見て感じたことがある。

 

「私が使ってるツール、古くない?」

 

私は日常から、メモを取る時は「テキストエディタ」(ネット環境があれば「OneNote」)、HTML・CSSは「Dreamweaver」、デザインするなら「Photoshop」である。
もちろんバージョン管理なんてしていない。

 

「私、古くない?」

 

私は、スノボーするにも、サーフィンするにもまずは板から買ってしまうぐらい形から入るのが大好きなので、使用しているツールが古いのはやはり気恥ずかしく思ってしまう。

 

そこでまず使用しているツールを見直すことにした。

 

メモ取り⇒ Sublime text 3 or OneNote
HTML・CSS ⇒ Sublime text 3
デザイン ⇒ Sketch or Adobe XD
バージョン管理 ⇒ Github

 

テキストエディタ・HTML・CSSで「Sublime text 3」を選んだのは、聞いたことがあるのと、単純に黒背景でなんとなくカッコよいから。
ここでもやはり見た目を重視した。

 

さて、前置きが長くなったが「Sublime text 3」を会社(windows)と個人(mac)の2つのPCにインストールした。

 

インストール時に参考にさせてもらったページはこちら。

 

techacademy.jp

 

macでのインストール方法を紹介しているものの、この内容でWindowsも問題なくインストールすることができた。
まだどのように使っていくかイメージができていないものの、このページに書かれているプラグインも入れておいた。

 

ただメニューが全て英語で、ちょっと分かりにくい。
できれば日本語メニューに変換してたいと思ったので、このページを参考に日本語化しておいた。

 

webkaru.net

 

私は2つのPCそれぞれで同じ手順を踏んでインストールしてしまったものの、Dropboxを使用することで、複数PCで環境設定を同期することもできるらしい。

 

nelog.jp

 

これはまた後日試したい。

 

さて一通りインストールが終わり、この記事も「Sublime text 3」を使って書いているし、仕事で簡単なHTML・CSSの編集も行ったものの、今のところ劇的に何かが良いということは感じていない。
動作は軽いので、その点ではやや快適かもしれないが、気のせいかもしれない。

 

まだ簡単な作業しかしていないから当たり前と言えば、当たり前か。

 

これからもう少しの間、「Sublime text 3」を使い続けてみようと思う。