ゆるふわ技術日誌

エンジニア見習いの悪戦苦闘日記

JavaScript総ざらい中② #76

今日やったこと

JavaScript総ざらい②

いよいよ試験機関に突入してしまいました…。

私は今日は試験がなかったので月曜が初手「画像情報処理」です。

そんなこんなで今日は主に画像情報処理の勉強をしてたのですが、合間にちょこちょことオライリー本進めていました。

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

これね。

今日やったのは関数〜スコープとかその辺。

スコープどうなってるの?とか再確認できたという意味では収穫ありかもしれませんが、基本的には知っていることばかりという印象でした。

雑談

そんな感じで、進捗はあまりありませんが、単位を落としては趣味のお勉強も落ち着いてできないので今はとにかく試験勉強頑張りたいと思います。

短いですが終わり。

JavaScriptを総ざらい中 #75

今日やったこと

JavaScript総ざらい中

脱雰囲気コーディングを目指し、JavaScript総ざらい中です。

まだ基本構文のところしかやってないので新しい発見は少ないのですがピックアップ。

メソッドを省略して書く

const obj = {
    say: () => {console.log('hello world')}
}

こんなのを

const obj = {
    say()  {console.log('hello world')}
}

こんなふうに書ける。

…ArrowFunction使うなら大差ないですねぇ。

よく見るアレの意味

hoge = fuga || ""

こういうやつ。これなにやってんのみたいにちょっと思ってたのですが(小声)

if (!fuga) hoge = fuga

これと等価です。

雑談

そう言えば今日はC言語も書いた。

高級言語が便利だってことをC書くと実感しますよね。

ES6のWeakMapを使う/Neovimデビュー #74

今日やったこと

WeakMapを使ってみた。

少し前に話したオライリーの初めてのJSの本に出てきたWeakMap。ES6から追加になったものみたいで、オブジェクトをキーに持てるマップらしい。

何に使うのかわからなかったので、Reactで(無理やり)使ってみた。

github.com

コンポーネントがいくつか並んでいて、オブジェクトをキーにしたWeakMapを作り、Valueがtrueのものだけを表示する、的な。

これくらいしか使い方が思いつかなかった。

正しいのか…これ?

何に使うのが正しいのか誰か教えてください。

Neovimデビューしました。

しました。

Neovimが使いたかったわけではないのですが、.vimrc周りをきれいに書き直したいと常日頃思っていたので、書き直すついでにNeovimデビューしました。

init.vimを公開しようと思っていたのですが、まだ試行錯誤中なので今度にします。

dein.vimをtomlファイルで分離して、on_ft=...で言語ごとに読みにいくプラグインを変えたらいい感じになって嬉しい。

雑談

イカがやりたい。(まだランク7)

試験よ終われ。

Reactのcomponentのテストで死ぬほどハマった #73

3## 今日やったこと バイトでした。

Reactのcomponentのテストで死ぬほどハマって死んでました。

もうほんとに死ぬかと。

まとめました(まとまってない)↓

qiita.com

雑談

エンジニアがどうやって詰まった時に解決に近づいていくかというのを知れるのはエンジニアのバイトのいいところだとしみじみ感じた1日でした。

Semantic UI React使ってみた #72

今日やったこと

相変わらずテスト期間前あるあるの課題の山と戦っております。

しばらくこんな感じの軽めの記事が上がり続けますがご了承ください。(誰に向けていってるんだ?)

Semantic UI React使ってみた

普段はMaterial-UIなんかを使ってるのですが、個人的にはこちらの方が好みだったりするので使ってみた感じです。

本当に使ってみただけでなにか作ったわけではない。

一応手順だけ簡単に書くけど、公式のUsageと同じことなのでそちらを読んだほうがいい。

https://react.semantic-ui.com/usage

ちなみにこれ。

手順としては、

  1. Reactを書ける環境を用意(僕はcreate-react-app使ってます。これマジ便利。)
  2. npm i -S semantic-ui-react semantic-ui-css(--saveとかinstallとか書くより省略形使ってるとデキる人っぽくて好き)
  3. index.jsとか、とにかく一番上のコンポーネントimport 'semantic-ui-css/semantic.min.css'
  4. あとはドキュメント読みながら書くだけ

CSSもさくっとimportするだけで片付けられるの本当にいいですね。

今度、Semantic UI+React+Redux+Electeronなデスクトップアプリを作ることになりそうなのでちょくちょく触っていきたい。

f:id:uutarou:20170725233207g:plain

こんなうねうねする(使いみちの全くわからない)ボタンも作れます。

雑談

タスクを崩し終わったら趣味プログラミングしたい…。

オライリーのはじめてのJavaScriptをはじめた #71

今日やったこと

はじめてのJavaScript

買ったやつ。

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

まだ最初の方しか読んでないので、JSの基本文法が出てきたりしてるあたりです。

ES2015の文法で最初から書いているのはポイント高いです。

雰囲気だけでJavaScript書いてたのでちゃんと文法総ざらいしたいです。

Javaを書いてる

課題です。

Android書いてます。(現在進行系)

ListViewをタップしたらブラウザ開くみたいな処理を作りたいんだけれども、どうやって実装するのが普通なのかとかそういうことがよくわからないですね。

今日はこれくらいは完成させてから寝たいです。

雑談

試験期間が目前に…。

やらなきゃならいないレポート課題をリマインダーに入れたら6個位ありました。

イカやってる場合じゃねえし、飲み会行ってる場合でもねぇ。

(でも行く)

テストについての本を読んだ #70

今日やったこと

コードを書く方じゃない方のバイトでした。

コード書けなかった代わりに昨日のテストの本を空き時間とか移動時間にちまちま読みました。

(それでもまだ50ページくらい)

テストわけわかめ

わからん。

そもそもそういう本なのですが、概念的な話がたくさんでてきて…。暗記系は苦手なのでなんとも。

これは実際に開発しながらテストコードをバリバリ書いた方が身につきそう、なんて思いました。

ただ、概念的な話が不要かといえばそうではないと信じて最後までちゃんと読みたいと思います。

今日は短いですがこんな感じ。

明日からはまたバリバリコード書くぞ。(期末テスト😱)

雑談

散財したい………


それはそうと、もう70日も書いてるんですね…。しゅごい。