ゆるふわ技術日誌

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

毎日技術日誌

Docker Compose + fluentdでNginxのログをmongoに流し込む

やりつくされてそうなネタですが、ちょっと研究の一環でログをうまいこと扱う必要が出てきたのでやってみました。 ひとまず実験として、Docker Composeを使って Nginx fluentd MongoDB を立ち上げて、Nginxのログをfluentdが拾って、MongoDBに流し込むという…

研究やった / HHKBを掃除してみた

今日やった事 研究 レスポンスヘッダをつけたり外したりということを柔軟にやる必要が出てきたので、Golangで簡単なWebサーバーを立てて実験してた。 詳しく話すと長くなりそうなのでやめておくが、ブラウザの仕様が複雑すぎてなかなかうまくいかなかった。…

勉強会でFirebaseについて喋ってきました

今日やった事 勉強会 こちらの勉強会で喋ってきました。 yuruhachi-it.connpass.com 資料はこちら。 speakerdeck.com 資料作ってて、限られた時間の中でコードを説明することの難しさを感じた。特に今回は、Firebaseについて触れたいにもかかわらずサンプル…

続 フロント書いてた

今日やった事 続 フロント書いてた 今週行く勉強会でおしゃべりする題材に、2ちゃんねるクローンみたいなのをFirebaseを使って作っていました。 ひとまずちゃんと動くようになったので、資料作成の方を進めていきたい所存。(結局時間食われて今日1日潰れた)…

出かけてました

出かけていました。何にもできてません。 エンジニアの知的生産術 ──効率的に学び、整理し、アウトプットする (WEB+DB PRESS plusシリーズ)作者: 西尾泰和出版社/メーカー: 技術評論社発売日: 2018/08/10メディア: 単行本(ソフトカバー)この商品を含むブロ…

Webアプリ開発 / Flutter

今日やった事 Webアプリ開発 ゴリゴリ書きました。 github.com とりあえず主要な機能はできたかなーって感じです。 バグが取りきれてないところとか絶対ある気がするのと、Firebaseのセキュリティルール書いてないので、広く公開できるようなもんではないけ…

React + Reduxでゴリゴリ書いてました

今日やった事 React + Reduxでゴリゴリ書いていました 数日に渡って書いているメモアプリ的なやつを一気に進めました。 github.com 今日は16commitsくらい、多分。 一時期悩んでいたReduxのステート設計は、1画面1Reducerとするようにして、複数の画面をまた…

研究Day

今日やった事 研究 流石に研究を進めないと卒業できなくなってしまいそう(笑)なので、丸一日全部研究を1日やると決め込んで大学に行きました。 その一環というか、実験のために、Webサーバーの動きをコントロールしたかった。 自分で書くことも考えたが、H2O…

コードを書いて本を読んでましたあとCircleCI

今日やった事 コードを書いた 引き続き、メモアプリを作っていた。 medium.com この記事を読んで、やはりFormの入力値などもすべてReduxのStoreにぶち込んだ方が、複雑にならなくて良いのかもしれないと思って、リファクタリングしたり、見た目に少しだけ手…

今日やった事 Reduxアプリを黙々と書いた 昨日の続き。 黙々とアプリを書いていた。やっぱり、なんか釈然としない感じ、もやもやとした感じを抱きながら書く羽目になる。 多分原因は、「このコード、拡張しろって言われたらどうする?」とか考えると、無理と…

フロントエンドに強い人になる為に…

今日やった事 TypeScriptでアプリを書いてた。 フロントエンド最強マンを目指して……。 バックエンドもフロントエンドもできるようになりたいけど、流石に両立はできないのでフロントエンドから最強を目指すぜ!と思って今日は1日使ってウェブアプリを書いて…

real world exampleを読んで

昨日も書いたような気がしますが、SPAのステートの設計があまりにも難しくて、コード書いてて破綻し始めてしまったので、real world exampleのコードを読んだり書き換えたりしながら学ぶことにしました。 real world example github.com これは、React + Red…

技術書典5に行ってきました

技術書典にいってきました。 techbookfest.org 今後行く時のためのメモと戦利品を。 メモ 今回から池袋会場だった 11時開場だったので1時間前着目標で会場へ向かった 10時数分前についた 東池袋駅からの方がサンシャインシティは近いが、池袋からでも全然歩…

Firebase Authenticationのサンプルを作りました

作ったよ。 動いているのはこれ。 React App んでソースコードはこれ。 GitHub - uutarou10/firebase-authentication-sample 時間を使ったのはむしろreact-routerだったりする。それくらい簡単にこのレベルであれば実装できる。(コードはかなり汚いが) こ…

あまり進捗を出せなかった

タイトルの通りですが…。 今日は昨日の記事でも書いた通り、C言語を教えるSAがあったり、研究室のOB会の買い出しに行ったりと割とどうでもいい(?)ことでバタバタしていたので、進捗がない。つらい。 ちょっとだけでもやるか、と思って、30分でFirebase Authe…

C言語に入門した

フロントエンドやってたと思ったらいきなりC? C言語入門 いきさつ SAを担当する科目でC言語を教えないといけなくなって、「まぁ余裕やろ」と思っていた。 ところが、事前にもらった演習資料が結構難易度高くて「これはヤバイぞ」となったので、勉強すること…

TypeScriptでReactのフォーム部品のイベントハンドラーを使う

うまいタイトルがつけられなかった。 class TodoForm extends React.Component<PropTypes, StateTypes> { constructor(props: PropTypes) { super(props); ... } public render() { return ( <label> What to do next? <input type='text' value={this.state.input} onChange={this.onChangeHandler} onKeyDown={this.onKeyDownHandler} /> <…</label></proptypes,>

昨日に引き続きElectronを

やってました。 正直、動いてる環境がChromeだったものをElectronの中に移した、というレベルのことしかやってないので新たに得た知見は無に近いのですが、頼まれごとなのでしゃあない。 一個だけ得た知見としては、Electronの中でreact-routerを使う時は、B…

ElectronでWebpackを使う

今日はちょっといつもの勉強を離れてみました。 昔からElectronが好きで、ちょくちょく触っては変なアプリを作っていました。 その頃は素のHTMLとCSSをべたーっと書いてました。今ならReactとか使ってもう少しマシなアプリが作れるかもと思ってやってみまし…

Firebase Authenticationさんを触った

サーバーサイドのコード書かずにフロントエンドの勉強に集中したいと思って使い始めたFirebaseなのですが、すっかりそれ自体にはまってしまって色々やっています。 今日はAuthentication。 Firebase Authentication | Firebase ひとまずは作り込んでる時間も…

Firebase/研究/諸々作業など

Firebase 毎日少しずつやっていますFirebase。 今日も少しやった。Functionsを使ってAPIサーバー代わりになるものをつくったので、明日からはフロントエンドの実装に入れそう。 研究 コンピュータサイエンスを学んでいるものとしてあるまじき話なのだが、僕…

firebase-adminからCloud Firestoreを使ってたらはまった

ので、書いた。 qiita.com けど、Functionsもサーバーサイドで実行されるのでnew Date()でいいのでは?ということを指摘された。確かにその通りのような気がする。 というか、差があるなら誰か教えて欲しい。と思った。 Firebaseだんだん使えるようになって…

Firebase Hostingを使った。拍子抜け。

Firestoreを使ったアプリを作ったので見せるために、ホスティングする必要が出た。 お得意の?お気に入りの?Netlifyを使っても良かったのだが、まぁせっかくFirebase使ってるのでそれで完結した方が気持ちいいだろうと言うことでFirebase Hostingを使ってみ…

薬の副作用で眠気がすごいので全然予定していた作業時間を確保できなかった。 一応今日やったこと。 作ってるメモアプリに編集機能の一部を実装した ロジックが全然間に合ってない 手を動かさないとダメなのに、薬のせいで時間が確保できなくなってでほんと…

勉強会をした

研究室で有志で勉強会をした。 最近触ったNetlifyの話をした。 デモサイトもある。 React App 雑談 眠い

Day21 #100DaysOfCode

Day21 react-routerを入れた。 reduxが入っているので、react-router-reduxを入れてやるかと思ったら。 This project is no longer maintained. For your Redux <-> Router syncing needs, please see one of these libraries instead: connected-react-rout…

Day20 #100DaysOfCode

すっかりサボっていた #100DaysOfCode またちょくちょくやっていきます。 Day20 お盆の頃に、TypeScript + React + Reduxでの非同期処理は一体どうしたらいいのかということをひたすら検証してた時期がありました。 それから数週間、やっとそれっぽく動くサ…

研究してました

研究 昨日まではLTの準備やらだったので、今日は研究に時間を使っていました。 H2Oを使ってオプション切り替えてブラウザでの挙動を確認したり。 ChromeとFirefoxで違う挙動を示すことはよくわかったが、どのようなパケットのやりとりでそれが行われているの…

LTでしゃべってきました! #yuruhachi

LTでしゃべってきました! 【さらに増席しました】第1回ゆるはち.it: PWAについてゆるく話す - connpass こちら。 そしてスライドがこちら。 speakerdeck.com PWAがお題なのに、「あんまりメリット無いのでは?」という話をしてしまって大丈夫なのか?なんて…

Ubuntu 18.04を入れたら日本語が入力できなくなった件

今日は研究室に行って研究のことをやろうとしていました(過去形) そうしていたら、Ubuntu18.04へのアップグレードの案内が出てきたので、せっかくだし入れてみることにしました。 なんか言い方笑う pic.twitter.com/8ruqERDfUh— ううたろ (@uutarou10) 2018…