See the Elephant

渋谷でWebプログラマをやっている25歳が書く日常ブログ

なぜヘッドホンのサイトを作りたいのかリストアップしてみる

自宅にいながら自分にあったヘッドホンを見つけることができるサイト 良いヘッドホンとの出会い 偶然の出会いを大切にしたい. 思ってもみなかった良いものに出会いたい 扱う在庫数の多さ, マイナーからメジャーまで まずは, 自分が持っているもの, ajitoにあ…

symfony4 + Reactで自分のサイトを作って見たい2

ヘッドホンに関するwebサイト作りについて案が浮かんだのでメモ ヘッドホンを視聴できるページを作る e-iyahon, amazonへのリンクをはる 決済, 認証システムは持たない アカウントは必要になったら作れるようにする 非常にシンプルな作りにする ajitofmのよ…

Reactの勉強会に行った

Reactとは 勉強会の講師 twitter.com React とは Componentを作るだけ データの流れは単方向 仮想DOMを扱う Component 再利用可能なパーツ Componentを作って組み合わせる JSXを使って行く JSX JSの構文中にXMLをかける propsとstate props Component生成時…

気づき

ポエムを書く. このブログは技術ブログにしようと思っていたけど, 力が入りすぎて肩が凝るのと, 気が重くなって書く気になれないので考えてること書くためにも使おう. 120%の力を出す 人のツイートを見てふと気づいたことを書く. 革新的で、人々を幸せにして…

コメントと名前付けの難しさ それに対して僕らができる防衛術

TL;DR 命名はプログラミングの中で重要かつ難しいタスクである コメントが出てきた時点で一考しよう. リファクタリングのチャンス 抽象化は慎重に 仕事を小さくすることで命名は比較的簡単にできる コードに残らない事情はコメントで表明する あるslackの雑…

Fluxとは何か MVC, MVVMとの違いも含めて

動機 仕事で, React + Redux + TypeScirpt + WebPackを使うことになりそうなので学んでいく. そもそもjsに疎いので探り探りやっていく. 間違えもあるかもしれないが, 徐々にやっていこう. TL;DR Fluxとは, アプリケーションのデータフロー管理のためのアーキ…

symfony4 + Reactで自分のサイトを作って見たい

自分のサイトを作ってみたい Symfony4 + Reactでゆるふわにアプリを作ってみたい. ヘッドホンが好きなのでヘッドホンをレコメンドするWebアプリを作ってみよう. 仕事でコードを書く時間とは別に自分のためにコードを書いてみたい どうせならということで新し…

fetch apiをあらためて 3

前回の振り返り 前回は, fetchの第2引数としてrequestのパラメタを設定する方法について触れた. Responseオブジェクト Responseインスタンスは, fetch()プロミスが解決(resolve)された時に返り値として渡される. どんなレスポンスオブジェクトでも共通で使用…

fetch apiをあらためて 2

前回のふりかえり 前回 は MDN fetchからfetch, promiseの概要について触れた. promiseを使うと, 簡潔に非同期処理を記述できる. fetch apiを使うことでわかりやすくhttp req/respの操作を行える. 今回もMDN fetch api を読んでいこう. リクエストにオプショ…

fetch apiをあらためて

fetch fetchを雰囲気でしか理解できていないので学んでいこう mdn fetch概説 fetchはjsのAPIであり,リクエストやレスポンスといったHTTPのパイプラインを構成する要素を操作できるようになる. またfetch() メソッドを利用することで、非同期のネットワーク通…

ふりかえり

たまには自分を振り返る時間があってもいい 最近仕事でもやもやすることがおおい. 頭をダンプしてみよう ここ一年, プログラマをやってみてどうだろう 何もできないと無力感を感じることが多い 自分はチームに不要なのではと思うこともしばしある. これはチ…

Doctrine データ永続化のタイミングとUnit of Work

最近は業務でsymfonyを利用している. symfonyが標準で利用するORM Doctrineの永続化周りについて少し学んだのでメモ. 日本語のこの記事が分かりやすかった. ja.stackoverflow.com Doctrineのデータ永続化のタイミング そもそも Doctrineとは いわゆる ORM. …

tmuxの使い方まとめてみた

マルチターミナルプレクサ tmuxが便利なのでハンズオン資料書きました. gitpitch.com 本家のリポジトリはこちら github.com こちらを参考にさせていただきました. kanjuku-tomato.blogspot.jp

mac sierra, tmux で '~/.tmux/plugins/tpm/tpm' returned 127 (pluginがうまく動かない)

tmuxのpluginがうまく動かない これを動かしたかった. tech.quartetcom.co.jp 僕の.tmux.conf はこんなの 一部抜粋 # tmuxのセッションを保存する # prefix C-s : セッション保存 # prefix C-r : セッション復元 # see : http://tech.quartetcom.co.jp/2016/…

入社2ヶ月の新卒Webプログラマが感じた既存コードとの向き合い方 ~うんこの上のうんこを作るべからず~

TL:DR 既存コードはどんなコードでも尊さがある 影響範囲と変更しづらさ 無知な共通化は怖い 現状のコードはBetterでありBestではない 弊社のシステム概要 僕が在籍している会社は2011年に設立しており, その頃に作られたシステムを現在も運用している. その…

t_wadaさんから講演を受けた "新卒に向けたエンジニアの生存戦略"

新卒に向けたエンジニアの生存戦略 TL;DR プログラマとして生き続けていくということは学び続ける姿勢が必要 自分の学び方をカスタマイズして学び方をハックしていく このエントリを書くに至った理由 弊社で@t_wadaさんが"新卒エンジニアに向けた生存戦略"と…

本当に恥ずかしくて言えないけど, 入社2ヶ月の新卒が今更データベースについて勉強したので新卒向けに書いてみた

お願い 勉強中なので間違えていることが書いてあるかもしれません. 気づいた方はコメントで指摘していただけると嬉しいです TL;DR (too long, don’t read) 新卒向け. データベース, 特にトランザクション, ACID特性についてまとめた. トランザクションはDBに…

curry化と部分適用の違いについて

今日は, rubyでcurryを勉強していた. ruby 2.4.0の日本語リファレンスMethod#curryによるとこう書かれている. self を元にカリー化した Proc を返します。カリー化した Proc はいくつかの引数をとります。十分な数の引数が与えられると、元の Proc に引数を…

gmailでラベル付きのメールを自動アーカイブする, の続き

1年前に書いた記事の続き. 基本的なやり方はこの記事に書いてある. namu-r21.hatenablog.com 参照元はこちら -> うちのGMailはこうなっている(2014年完全版) - Qiita 最近, ラベル付きメールの自動アーカイブ機能がうまく動かずエラーを吐いていたので修正し…

RailsでLib以下のモジュールを読み込む方法

忘れやすいのでブログに記入. こちらのページを参考にしました. qiita.com config.autoload_paths += %W(#{config.root}/lib)

読んでよかった本 Best 3 2016年 一般書編

はじめに 年末となったので, 今年の振り返りをやってみよう. 今年 2016年は僕にとって, とても変化と刺激ある年だった. そんな1年の中でも, 僕の考え方に影響を与えた本が3冊有ったので紹介していこう. Best 3 人生がときめく片付けの魔法 / 近藤麻理恵 人生…

vagrantを使ってubuntuでrails環境を自動構築

vagrantでrails環境を作る チーム開発でRails環境が必要になったので, vagrantで環境構築の自動化をやってみた. 今回は, vagrantとshellscriptを使って, VM作成~Railsプロジェクト作成までを自動化してみた. 必要なソフトウェアのインストール 僕が使ったの…

Vagrantについて勉強した

vagrantとは vagrantはVMを作成する手順を自動化するためのツールである. vagrantで環境設定の自動化を行ったので, vagrantについてまとめていく. www.vagrantup.com vagrantでできること / できないこと できること VMを作成する時, 通常であれば手動でVMの…

dockerが使うUnionFileSystemを僕なりに解釈した

こちらも合わせてお読みください namu-r21.hatenablog.com dockerのイメージとコンテナについて今一度 昨日書いた記事が運良くはてブに載り, 色々な方に見ていただけた. namu-r21.hatenablog.com そのおかげで, 有用なコメントを頂けた. なんでファイルシス…

dockerのファイルシステムについて知る

こちらも合わせてお読みください namu-r21.hatenablog.com namu-r21.hatenablog.com dockerのイメージとコンテナについて今一度 先日書いたdockerを触ってみる - 1++で,イメージとコンテナについて以下のように述べた. イメージとコンテナについて * イメー…

dockerを触ってみる

こちらも合わせてお読みください namu-r21.hatenablog.com namu-r21.hatenablog.com 動機 サークルで環境設定が面倒くさいと言われたので, dockerで提供することにした. infrastructure as codeをやってみたくて勉強中. dockerとは 色々なサイトで説明されて…

技大祭を終えて4 統括

1年前の自身と比較して 1年前の自分はどうだっただろう. あまり記憶にないが, 覚えている限りでは次のような感じだったと覚えている. Webやりたいけどどこから手を出せば良いか不明 8月のインターンで初めてRailsのアプリを作成するも実装大失敗 研究室のネ…

技大祭を終えて3 執行部の1員として

執行部としての活動期間 執行部として活動したのは正味5ヶ月もなかったかもしれない. 10月に発足し, 11~3月中旬までは参加していない. そして, 7月頭からは自身のことでほぼ参加していない. つまり, 僕が執行部として活動したのは2015/11, 2016/3, 4, 5, 6月…

技大祭を終えて2 情報局長として

情報局長としての始まり 局長になったきっかけは昨年の技大祭2日目. 前部門長と発足のきっかけとなったドクター先輩と3人で話をして, 僕が局長に選ばれた. 同期に非常に優秀で人柄が良い人間がいたので, そちらになるだろうとタカをくくっていたのでかなり驚…

技大祭を終えて 1

技大祭を終えて 9/17, 9/18に行われた技大祭. 僕は1年間技大祭を運営する立場として過ごした. 結構面白かったし, 得たものも多かったように思う. これを機にこの1年間のまとめでも書いてみよう. 結構長くなりそう. 技大祭とは そもそも技大祭とは, 僕の大学…