ゆるふわ技術日誌

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

毎日技術日誌

fs.watchの続き/chokidar #41

今日やったこと fs.watchの挙動を確認 yurufuwa-tech.hatenablog.com この記事で作った、Node.jsを利用したファイル変更検知スクリプト。 何故かrenameしか検知しなかったのを直していきます。…というつもりだったのですが。 公式ドキュメントに実は書いてて…

Expressやった #40

今日やったこと Expressやった Expressは、Node.jsのWebフレームワーク。Node.js界では割とスタンダードらしい。 毎週恒例、実習の中で使いました。コレでWebアプリ作ってみる。 DBはMongoとか使った方がイケてる気がするんだけど、時間がかかりそうなので今…

Nodeでファイル変更検知/はじめてのDocker #39

今日やったこと Nodeでファイル変更検知 ちょっとした用事があってファイルの変更検知、やりたいなぁ…と思って。 最初シェル芸で片付けようかと思ってファイルのチェックサムを定期的に確認して変更があったらファイル変更って感じのスクリプトを書こうとし…

ReduxとRailsとReactと #38

今日やったこと 今日はエンジニアバイト1日目でした。 バイト先でやったことを。 Redux公式ドキュメントを読んだ Read Me · Redux 英 語 辛 い ! 現場からは以上です。 (というのは2割位冗談で、公式ドキュメントは確かに英語ですが確実な情報が書いてるの…

react-routerのお勉強② #37

今日やったこと react-routerのお勉強② 昨日、react-routerがバージョン4から様変わりして無理ぽよという話を書いたら後輩さんから「日本語の記事よりドキュメント!」と言われてしまったので公式ドキュメントの例を写経しつつごりごり。 こんな感じになった…

react-routerのお勉強 #36

今日やったこと react-routerをやった Reactのルーティングライブラリ。 いろんな記事みてコード書いたりしたのにいっこうに動かない。 どうやらバージョン4以降で大きな変更があった模様。道理で動かない…。 qiita.com こんなチュートリアル記事を発見。忘…

MVCってなんだ…? #35

今日やったこと MVCがわからなすぎたのでいろいろ読んだ MVC………Model View Controllerの先頭をとってMVC……… 聞いたことはあったのですが、なんのことだか知らなかったので調べた。 (そもそものきっかけは昨日のインターンのサンプルアプリがMVCで構築されて…

VOYAGE GROUPのGo言語1dayインターンに行ってきた #34

今日やったこと インターン行ってきました。 タイトルの通りなのですが…。 内容としては、 Git、GitHubを使ったチーム開発フロー Golang と言った感じ。一通り講義の後、チーム開発をやる…みたいな流れでした。 チーム開発は、技術力が低すぎてなにも貢献で…

GoやったりExpressやったり。 #33

今日やったこと Expressやりました。 Node.jsのWebフレームワークです。 ちょっと学校の課題で使おうかと思ってやってみました。 RailsとかDjangoのように色んな機能が最初から全部あります、という感じではなく、必要な機能は別のライブラリとして提供され…

焦らず着実に一歩ずつ進みたい。 #32

今日やったこt …ごめんなさい。何もできなかった。(絶賛レポート執筆中) とは言え何も書かないとただでさえ金欠なのに焼肉をおごるはめになるので package main import "fmt" func main() { for i := 0; i < 100; i += 1 { fmt.Println("もう無理やめたい") …

A Tour of Go続き #31

今日やったこと A Tour of Go続き 昨日の記事の続き。 sliceの続きから始めていきます。 * sliceの長さはlen(slice)容量はcap(slice)で。capはcapacityの略。容量…? * sliceに要素を追加するにはappend()を使う。使い方は第一引数に配列、第二引数以降に追…

今日はGolangをやった #30

今日やったこと Golangに入門した。 はじめてやってみました。(以前サークルでちょっとやったけどほとんど忘れてしまった。) もしも将来Golang書ける人になったときに初心を振り返りたいので、思ったこと等箇条書きでメモする。 ちなみにやっているのは日本…

原点回帰でreact-reduxでカウンターを作った #29

今日やったこと 原点回帰のつもりでもう一回イチからreact-reduxを使ってカウンターを作った 以前の記事で、後輩が作ったカウンターにReset機能を追加した…みたいな話がありましたが、やっぱりいろいろとわからないところが出てきたので、イチから作ってみま…

今日は進捗ゼロです…。 #28

今日やったこと 昨日の続きのRedux 今日も今日とてRedux… たくさんアドバイスを頂いたので書き換えたり、デバッグツールひたすら眺めたり、プリントでバッグしたりしましたが何も進捗が生まれませんでした。 とりあえず現状のコードをpushしてはみたけど、こ…

今日もひたすらJavaScript #27

今日やったこと 今日もひたすらJavaScriptを書いてました。 ただひたすら昨日の続きをやってました。 Reduxで作るTodo、とりあえずわからないところは飛ばして、初期値で与えたデータを表示するところだけ作りました。(いや、動いてないけど) ReactのDevelop…

Redux、なんか分かりそうな気がする。 #26

今日やったこと Reduxがわかってきた(気がする) 昨日は、わからんところをまとめたりしてました。 Reduxでわけがわからんところ個人的メモ #25 - ゆるふわ技術日誌 一晩寝たら、親切な後輩からコメントがついていたりしたので、へこたれず頑張ろうと思います…

Reduxでわけがわからんところ個人的メモ #25

※今日はやったことというよりは、今何がわからなくなっているのが個人的にメモして頭のなかを整理しておく、という趣旨の記事です。 Reduxわけわからんポイント 調べるサイトによって微妙に違うファイルの命名規則。スタンダードなのはどれ。(こういうことを…

SlackBotを作ってみたい(Hubotやってみた) #24

今日やったこと SlackBotを作ってみたい ひとりSlackをはじめました。 ひとりSlack、一部の界隈では流行っているようで、RSSとか天気予報とかメールとかそういったものを一個のツールに集約できて便利とか。 とりあえず時間がなかったので、私は簡易Todoとで…

やっとReduxで書いたコードが動いた(泣) #22

今日やったこと やっとReduxで書いたコードが動いた…。 ここ数日、軽く病むレベルで悩んでたんですが、やっと動かせました。(ただのJSのライブラリに数日かけてしまう無能さ…つらい…) uraway.hatenablog.com こちらの記事を参考にカウンターを作成しました。…

昨日よりは進捗がありました。 #21

今日やったこと なんか書き直したら動いた。 昨日、一昨日とひたすら悩んでたエラー、結局書き直したら直りました。 前のソースコード消しちゃったので何が違ったのか検証できないですが、エラー一つ吐かず動いてます。 そういうことで、やっとReduxの部分に…

進捗ダメです。 #20

今日やったこと エラー解決せず。 昨日の記事で発生したReactのエラー、教えてもらって、keyをつけたりした。 import React, {Component} from 'react'; import NumButton from '../components/NumButton'; import PlusButton from '../components/PlusButto…

redux続き… #19

今日やったこと 今日もreduxをやった。りたかった 良さげなチュートリアル記事を見つけました。 qiita.com qiita.com 丁寧に解説されていて本当にありがとうございますという気持ちしかないです。 早速やってみたのですが、電卓のボタンをコンポーネント化し…

docker-composeってなんやねん #18

今日やったこと dockerとdocker-composeについて調べたりした ちょっと野暮用でdocker-composeを使わなきゃならなくなったので。 qiita.com かつてdocker使って、講義で使うLAMP環境整えようとした事があったのですが、全部バラバラのコンテナだしどうするの…

curl使えない系男子はPostmanを使おう #17

今日やったこと Postman使ってみた。 APIとか作ると検証するのにcurl使ったりするかと思いますが、どうにも面倒。 シェルスクリプトとかから自動化したりするときには必須なのですが、そうじゃない時はGUIでサクッと済ませましょう。 chrome.google.com こち…

material-ui使ってみた。 #16

今日やったこと matrial-uiを使ってみた material-uiはReactのコンポーネントキット?的なやつです。 名前の通り、あのGoogleさんのマテリアルデザイン準拠な感じ。公式サイトは以下。 www.material-ui.com で、今回作ったのは CountDownTimerコンポーネント…

Reactやってるよ #15

今日やったこと React、再び。 ポートフォリオ作るとか言っておきながら放置していたReactですが、ちゃんとやることにしました。 いろんなやりかけ放置、よくない。 ./src/CountDownTimer.js Line 20: 'React' must be in scope when using JSX react/react-…

バス時刻APIを作ってみる #14

今日やったことやること バス時刻表スクレイピング 学校のバス時刻表サイトをスクレイピングして、最終的にはバス時刻APIみたいなのをつくりたいと思ってだいぶ前に書きかけで放置されていたコードがあるので、続きをやろうかと。 github.com ここに超絶作り…

ExpressをやったもののGitの操作をミスって全喪失した #13

今日やったこと Expressでjson web token json web tokenと言うものがあるらしく、イケた認証方法みたいなのでやってみました。 qiita.com こちらを参考に写経しつつ、分からないメソッドを調べつつ進めました。 Expressのお勉強にもなってとても良かったで…

CSS書いたりtmuxに救われたり。 #12

今日やったこと 学校で古のJavaScriptとPHPを書きまくりました 実習なんですが……。 課題自体はデータベースにアクセスするPHPのスクリプトに対してAjax通信をするJSをゴリゴリ書く…みたいな感じだったんですが、ちょっと疲れたので必要ないけどCSSを書いたり…

Pushbulletでスマホに通知を送ってみた #11

今日やったこと PushBulletのAPIを使ってスマホに通知を送ってみた Reactの進捗が芳しくないので、たまには違うことをしてみました。 PushBulletという、スマホやらパソコンやらとメッセージとかファイルとかをやり取りできるサービスがあるのですが、APIが…

StatelessなComponentは関数を使おうね…という話 #10

今日やったこと …最初に言っておくと、酒を飲んだら思った以上に酔ってしまいそんなに進捗がありません…。全休だったのに…。 StatelessなComponentを作るときは関数を使おうね 今日も今日とてReactのお話です。 進捗は相変わらず亀よりも遅いですが、少しず…

React(JSX)でループ #9

今日やったこと Reactが少しずつわかってきた 後輩に勧められ、ポートフォリオReactで作ってみることにしました。 Webアプリとかではないので、Reactでコンポーネント化してもたかが知れてるのですが、練習ということで。 進捗↓ まだCSSとか当たってない素の…

ポートフォリオサイト的なものを作り始めた #8

今日やったこと ポートフォリオサイト的なものを作り始めました。 ポートフォリオとは… 自分の能力を周囲に伝えるための自己作品集のこと(作品を平カバンに詰めておくことから)。特に、美術系の文脈で使われることが多い。画家のポートフォリオ、写真家の…

React tutorial進めました。 #7

今日やったこと React tutorialが少し進んだ。 一昨日くらいからやってるReact tutorialが若干進みました。 とりあえず○×ゲームの形にはなった…。 のはいいものの、8割くらい写経なのでロジックをいまいち理解できず…。(いまいちなんてもんじゃない……気もす…

ES6のArrow functionについて… #6

今日やったこと JavaScriptのArrowFunctionの仕様についていろいろ 寝坊しました。というか二度寝しました。 React tutorialは進捗ダメですが、React tutorial内に度々出てくるArrow functionについて少々…。 基本的な文法は function hoge(messge) { consol…

Reactチュートリアルやってみる #5

今日やったこと Reactチュートリアル、やります。 昨日も書いたように、作っていたelectronアプリが一段落したので新たなことをやろうかと…(今回のelectronアプリを作る中で得た知見もいくつかあるので、それはまた別の機会にでも…。) 某氏に散々布教された…

electronアプリ、完成したよ! #4

今日やったこと electronアプリ完成〜! 毎日技術日誌始まって以来ずっと作ってたelectronアプリが完成しました。明日のサークルで使いたくて作ってたので、ギリギリセーフって感じです。 uutarou10/overlay-comment-tool まだ、READMEも書いてないし、Done …

Browserifyで現代的なフロントサイドJSライフを #3

今日やったこと Browserifyをつかってみた 昨日はReactやるとか言いながらも、今作ってる物とはあまり関係なさそうだったので、今日はBrowserifyを。 Browserify BrowserifyはクライアントサイドのJavaScriptでもrequireを使えるようにするもの…とかいう認識…

な〜んもわからなくて詰んでしまった。 #2

今日やったこと jQueryに手を出した 諸事情により、手を出してしまいました。 gistec67588aa3fb94d80ddd64245bae51b2 無名関数フェスティバル!! あまりに辛いので今作ってるのが終わったら、現代的なJSに触ろうと思います。 と、言いつつもやっぱり現代的なJ…

package.jsonを破壊したり、lsの使い方を忘れたりしました。 #1

今日やったこと (今更ながら)dotfileをGit管理にしてみた よくあるやつです。最近Vimを使いはじめて.vimrcを諸々書いたのでやってみました。 uutarou10/dotfiles: My dotfiles #! /bin/bash dotfiles=(.bash_profile .vimrc .tmux.conf) for dotfile in ${do…

毎日技術日誌します。

自己紹介 こんにちは。ううたろと申します。突然ブログをはじめました。 職業は大学生(情報系)で、八王子の山の中にある大学に毎日せっせと通っています。3年です。 「ゆるふわ」などと言っていますが、男です。それもオタクです。残念でした。(?) 技術力が…