ゆるふわ技術日誌

ゆるくふわっと広く浅く。

webpackに苦戦中。 #129

今日やったこと

バイトでした

まぁバイトはいつもどおりJSを書いてましたよーってことで。

webpackに苦戦中。

普段はBrowserify使うんですけど、なんとなくwebpack使ってみたくなっていろいろいじっているのですが、configにいろいろ指定できすぎてドキュメント読むのが追いつきません。

webpack.js.org

それはそうとサイトかっこよい。

イケたサイトを作れる才能が欲しい。

雑談

圧倒的進捗のヤバさで本当に頼まれてるヤツ終わるかわからなくなってきた。

どうしよう。

いろんなことに手を出しております #128

今日やったこと

Java的な何か

話題変わって研究室関連…。

近日中にJavaっぽいものを書くこととなりそうです。

JavaでWeb触るのは1年ぶりとかですね。

今日はその下準備でこれまた久々にSQL叩いたりしてました。

gulpfileを書いたりしてた

TypeScriptのコンパイルtsc -wを使ってやってきたのですが、bundleする必要が出てきたり、一緒にファイルのコピーをしたりしたくて致し方なくGulp導入と相成りました。

JSのお勉強を始めたばかりの頃、ひーひー言いながらGulpファイル書いてましたが今となっては、ちゃんとドキュメントを自力で理解できるようなレベルにはなりつつあるなと実感。

ちょいと嬉しい。

雑談

コミュ障直したい。

引き続きゴリゴリと書いてます #127

今日やったこと

引き続きゴリゴリとTypeScriptだったりを書いてます。

進捗的には全然よろしくないのでスピードアップをはかりたいですね。

今作ってるElectronアプリのUIをsemantic uiを使って作ろうと思ってて、本番の前に一回練習しとくかなって感じでポートフォリオ的な何かを作ったりしてます。

公開できるクオリティになるかはなぞ。

雑談

通学時間が長いので片手で持てる感じのタブレットでも買ってみるかーと思ったのですが手持ちのタブレットのほうがベンチマークのスコアいいらしくて悩ましいですね。

TypeScript書いてる #126

今日やったこと

TypeScript書いてます

最近ずっとTypeScript書いてる気がするけど…。

React関連はTypeScriptの情報もまぁまぁ多くて助かります。

tscが吐き出すjsをそのままElectronのrendererに食わせて動かしているのですが、これやっぱりBrowserifyなりWebpackでbundleしてやった方がよかったりするのかなぁなんて思いながらも書いてます。

Gulpタスクとかにする事になりそう…。地味に面倒なんだよなぁ。  

雑談

もっとゴリゴリフロントエンドをやっていきたい所存

今日はちょっとつらかったday #125

今日やったこと

バイトでした。つらかった。

つらい

既存のコードの修正をやってました。8時間やってましたが残念なことに終わりませんでした。

まぁまぁ大きめのほぼ他人が書いたコードの構造を把握するってどうしたらいいもんなんですかねぇ。

場数を踏めって話だよなぁ。

インターンのときの本気を思い出せ、自分。

TypeScriptちょっと書いた

個人的にずっとやってるやつです。

もう設計もよくわからないというか、机の上で考えられるところは考えたのであとは作ってみてどうなるか判断ですね。

anyを使いたくなる衝動に打ち勝つのがポイント。

雑談

落ち込むのは30分までと決めていたのですが、今日はだめな日でしたね。

LDAP問題解決したけど/LightSailのFWのハナシ #124

今日やったこと

昨日のLDAP問題解決!なんだけど

昨日、めっちゃ頭を悩ませていたLDAPで認証を行うプロキシサーバー、なんとか立てられました。たぶん。

ところがどっこい、ポートフォワーディングすりゃ良くね?と言われてしまいました。悲しい。

LightSailのファイヤーウォールに気をつけろ

プロキシサーバーのテストのためにAWSのLightSailを使った話は昨日書いた気がしますが、LightSail、インスタンスレベルでファイヤーウォールが設定されています。

インスタンスの設定画面から許可するポートを選択できる仕様。

これに気がつかず昨晩は寝落ちしました。

そのせいかどうか風邪気味です。最悪。

デフォルトではSSHとHTTPとHTTPSを通すような設定になっていたと記憶しています。ほんと気をつけて………。

雑談

講義が始まり、久々にサークルがあったので行ってきました。

ひととはなすのたのしいですね。久しぶりにあんな喋った気がする。

リファクタリングばっかりしてたのでWebStormの機能を紹介する #122

今日やったこと

リファクタリング的なことをひたすらしてました。

既存のコードの修正をひたすらバイトでしてました。

最近、バイト先でもVimからWebStorm派になりまして、それはそれは便利に使っているのでお気に入りの機能を紹介します。

JetBrains系なら多分どれでも使える気がします。そして、JetBrainsちょっとでも使ったことアレば誰でも知っているようなのばかりなので使い始めの人向けと思ってみてください。

プロジェクト横断で検索

Cmd+Shift+Fでプロジェクトを横断して検索できます。

f:id:uutarou:20170913233614p:plain

ちなみにファイルツリーでディレクトリを選択した状態で開くとそのディレクトリ下の検索をしてくれます。

Option+Pでプロジェクト全体に戻せます。

関数を使っている箇所を検索する

「この関数どこで使ってんの」みたいなときに便利。

関数の上にカーソル当てた状態でOption + F7で使ってる箇所の一覧を見れます。

メニューから行きたいときはEdit > Find > Find Usagesでいけます。

あの機能どこにあったっけってときのやつ

Cmd + Shift + Aで検索ウインドウみたいなのが開きます。

ここに使いたい機能を入れるとサジェストしてくれます。便利。

使い始めた当初、CommitとかPushとか忘れがちだったんですけどそういうのもさくっと調べて実行できます。

JetBrainsといえばShiftダブルクリック

Shiftを2回タンタンッと叩くと何でも検索欄みたいなの(Search Everywhereっていうみたいですね。)が出てきます。

正直これで機能も調べられるので一個前のやついらないみたいな説もありますが、こっちはいろいろ引っかかちゃうので僕は上のやつが好きですね。

関数とかの定義を見る

Command押しながら変数名とか関数名とかクリックすると、その定義が見られます。

TypeScript書いてるときは型定義ファイルとかもみられて超便利というかこれがないとTypeScript書けんだろ。

IdeaVim

なんかたまに調子悪くなるけどないとまともに作業できないのでいれてます。

雑談

今日はやることがたくさんあるので夜更かしモードです。

そういえばTwitterでも誰か書いてる人を見かけましたが今朝アップデートしたらSourceTreeがTree感なくなりました。

f:id:uutarou:20170913234952p:plain

なんやこれ。

(ちなみに使い勝手は何ら変わってなかったので安心)