空飛ぶとんジニア

平凡なエンジニアが日々関心を持ったことや学んだこと、感じたことを吐き出すブログ。緊張すると涙がでるのが特徴です。

フロント開発初心者のためのyarn, webpack導入流れ[2017年冬: React導入版]

背景 SPA(シングルページアプリケーション)というワードに聞き覚えはありますか?? 1画面で色々する類のアプリの総称で例えばGoogleスプレッドやslack, airbnbなどがあげられます。 サービス内すべてがSPAという場合もありますが、特定のページがSPAで実装さ…

Railsをproduction環境で運用する際に初級プログラマが確認しておくべき10個のこと

本番で動作中のRuby on Rails[RoR, Rails]を使ったサービスを引き継ぎました。 ..................・ω・ Railsを使って「開発」する情報はネット上にたくさん転がっていますが、「開発」+「保守・運用」に切り替わる時点/その後の話はわりと軽視されがちだし…

複数行のテキストに蛍光ペンのような下線をつける方法

テキストに下線をつける方法で真っ先に思いつくものは、text-decorationをつける方法 ここに蛍光ペンで引くようと線の太さを求めると話が変わってくる text-decorationは太さを変更できないからだ(色は変更可能)... そこで思いつくのはbox-shadowを使う方法 …

Railsでプロジェクトnewする時に自分がよくつけるオプションを調べてみた

そんなに頻度は高くないけど、毎回調べるのも面倒なので... できれば、何も考えずにコピペでコマンド実行したら同じ環境になるようにしたーい(2017/10/8現在) 結論ファースト $rails new project_name --template=https://raw.githubusercontent.com/Islands…

1階層深いパスへリダイレクトする方法

1階層深くリダイレクトする。 久々にnginxの設定を変更する機会があって、わりとハマってしまった。 要件はこんな感じ /数値(4桁以上)のリクエストを/hoge/数値(4桁以上)へリダイレクトする 例えば/1234 => /hoge/1234みたいな感じ ただし/1234/みたいなケ…

ネットワーク関連の設定を行う時によく使うコマンドリスト(随時更新)

AWS関連でネットワーク周りを確認する時に、よく使うコマンドまとめです 使用端末はMacです。 なので、Linuxのコマンドとほとんど一緒じゃないかなと思います。 現在の自分のグローバルIPを調べる $curl inet-ip.info xxx.xxx.xxx.xxx ドメインに紐づくIPや…

サイズの違う画像を指定したサイズ内で縦横比を一定にしつつ上手く表示する方法

ライターにとって、アップロードする画像のサイズってそんなに気にしないですよね 僕も記事書くときは、スマホで撮った写真を上げたり、写真サービスから引っ張ってきたりするわけです 今回はサイズの違う画像を指定したサイズ内で上手く表示する方法でobjec…

WordPressPopularPostsを使ったランキングをカスタマイズするもう1つの方法(ランキング記事のID一覧を取得)

こんにちは 最近Wordpressを使って修行をしていて、「あれ?どうやって取得するんだ???」と疑問に思ったのでランキング対象の記事IDを取ってくる方法をメモしようかなと思います。 IDだけ取得できれば、ゴリゴリにデザインを変更する場合やランキングの中に箸…

【デザインパターン】RubyでDecoratorパターン

この記事は『Head Firstデザインパターン』の内容を自分なりにメモしたものです。 サンプルコードをrubyで書き換えたりしているので、玄人の方はぜひコメントを!! 僕のように初級者で気になった方はぜひ書籍の方を確認してみてください^^ コーヒーショップ…

【デザインパターン】RubyでObserverパターン

この記事は『Head Firstデザインパターン』の内容を自分なりにメモしたものです。 サンプルコードをrubyで書き換えたりしているので、玄人の方はぜひコメントを!! 僕のように初級者で気になった方はぜひ書籍の方を確認してみてください^^ 気象情報の変更を…

【デザインパターン】RubyでStrategyパターン

この記事は『Head Firstデザインパターン』の内容を自分なりにメモしたものです。 サンプルコードをrubyで書き換えたりしているので、玄人の方はぜひコメントを!! 僕のように初級者で気になった方はぜひ書籍の方を確認してみてください^^ カモが飛ぶために…

【デザインパターン】デザインパターンをRubyでコーディング

システム開発をする上で避けられないもの 作るツールやサービスが決まり、次に取り掛かるのは要件定義や設計のフェーズ 設計だけには限らず実装に取り掛かった後でも、避けられないものは変更です。 開発者は、ある程度の変更を行っても対応できるソフトウェ…

【javascript】window.onloadを使うと思わぬエラーに遭遇するからヤメよう!!時代はaddEventListenerだ!!

htmlのレンダリングが完了してから処理を行ってほしい場合に、「window.onloadを使うと良いよ」という記事を見かける。 実際に「html 読み込み後 javascript」と検索すると(2016/5/30現在)一番上にこの方法が出てくる。 しかし、この方法だと思わぬバグに遭…

Macのプレビューを使えば、簡単な画像処理は一瞬!!!

たまには技術者らしいことも更新しないといけないと思って、なぜかMacの『プレビュー』を使って画像処理を行うことについて書いてみます。 僕もMac歴はそろそろ4年くらいになるのですが、昨年の秋くらいに知った機能がいくつかあって、便利なのになんで誰も…

SCL(Sunday Cycle Log) 第3回

最近、毎週かかさずクロスバイクを乗り回してます。 細いサドルにも少し慣れてきて、最初と比較すると乗り心地もだいぶ変わってきました。 そして本日は宣言していた25kmを突破し、26kmの距離を漕ぐことに成功しました!!!!!! 来週は30km乗れるようにしようと…

川沿いにはトランペットの練習している人がたくさんいるよ!!

タイトルが思いつかなかったので、ただただ見たものをそのまま書きましたw 本日はサイクルログです。 荒川のサイクリングロードを再び下ってきました。 21.6kmです。 一度下ったことがあるので、今回は上流に向かってみようかなと思ったのですが、帰りに向か…

感動を文字に起こせない。。。これが俺の限界か。。。。

シルクドゥソレイユのトーテムを観てきました。(ネタバレも含むので行く予定の人は読まないほうがいいかもです) も〜めっちゃかっこいいし、さらに人間ってこんなことができるのかって感動しました。 あるお題に沿ってパフォーマンスを行って、しかもその…

風が強いと自転車はキツイね

荒川のサイクリングロードを河口まで往復25kmサイクリングしてきました。 下っていく時は逆風のため、結構ガッツリ漕がないと進まなかったです。 「自転車の敵は風」って弱虫ペダルでも読んだのですが、まさしくな感じでした。 そのかわり、帰りは少し漕ぐだ…

ママチャリしか乗ったことない人がクロスバイクに乗って驚いたこと

昨年末、大学の先輩から勧められて、ロードレーサーやクロスバイクに関心を持ち始めました。 少し時間がかかったのですが、やっと購入する踏ん切りがついたので、先週購入したんです。 で、昨日少し長距離?(20km)を乗って気づいたことを4つ挙げてみようと思…

感想「遅読化のための読書術」印南敦史

読書術に関する方法は巷にたくさんあふれていて、中には怪しい手法が紹介されていたりする。(フォトリーディングとか。。。) この本は、 最も 実践的な方法だと思った。 キーポイントは捨てること 完璧主義はやめよう。 一度読んだくらいで、その本のすべて…

自分で動くのじゃなくて、人に動いてもらう??

この投稿は、『人を動かす』D・カーネギーを読んで考えたことのまとめです。 守るのは1つ...たったそれだけ 本書の中には、人を動かすための原則を4章に分けて紹介しています。 しかし、それぞれの原則の根っこにあるものは人の 「認められたい」 という欲求…

開発が捗るTips(vimでコードジャンプ、grepの小技)

会社に来てます。 土曜日なのにどうして? => 携帯を会社に忘れたからです。 休日の会社っていいですね〜 静かだし、本とか山のようにあります。 誘惑もないし、誰かが来るかもという緊張感も若干あったりして、結構集中できます。 家では自分が作りたいサー…

紙の本と電子書籍における内容の記憶、理解度について

気になって調べたら、およそどのページにも 紙の本の方がいい という内容が書かれている。 確かにそうだと思う。 脳科学者、茂木健一郎さんも記憶をするには、五感を上手く利用することがいいということを言っていて 紙の本は、紙の匂いや手触り、重さ、ペー…

これって肩こり??治す方法と今後の対策

これまで肩こりなんてなったことなかったんですが、最近とてもひどい。 原因は明らかで、一日中座ってディスプレイを眺めていることだ。 これはこちらのサイトでも、良くないこととして挙げられている。 「同じ姿勢、眼精疲労、運動不足、ストレス」 http://…

ある土曜日

最近の土曜日の過ごし方は、一日中だらだらごろごろしてしまってます。 今日は少し外へ出ようと思って、散歩しにいってきました。 家の最寄り駅から5つ先の駅まで、線路沿いをぶらぶら 普段自分が行動する範囲から離れると、普段気にならないことが気になっ…

『仕事楽しい??』の答えについて思うこと

シルバーウィーク 久しぶりに実家へ帰って同級生やサークルの仲間と飲みに出かける日々が続きました。 その中で、必ず聞かれる『仕事楽しい??』について思ったことがあるのでメモです。 研修期間を除き、4ヶ月働いてみて僕は仕事を楽しいと思っています。 理…

感想『坊っちゃん』夏目漱石

オチなんや?と思って読みなおしました。 いざ読み始めると、最後まで読んだことなかったのかもというぐらい内容覚えてなかったです。 最初の一行のインパクトがすごいです。 親譲りの無鉄砲で子供の時から損ばかりしている 東京出身で数学教師の主人公 片田…

感想『火花』又吉直樹

久しぶりに読んだ小説がこの本で良かったです。 理想と現実のギャップってどんな仕事をやっている人でもありますよね。 その中で理想を貫ける人、現実を見ながら最適な案を見つけようとする人の2種類にわかれる。 この本は、漫才師の『理想』と『現実』につ…

感想『ツイッターとフェイスブックそしてホリエモンの時代は終わった』梅崎健理

孫正義にツイッターでフォローされた高校生として名前が知れた、うめけんさんの本。デジタルネイティブがITについてどのように思っているか書かれている。あとはディグナで取り扱っている商品の説明だ。 ツイッターの使われ方に対する考察のまとめ 初期の頃…

感想『バカの壁』養老孟司

この本は世間の常識って実は間違ってるよという問題提起を行っている本です。 著者は個性って何か、自分って何か考えても仕方ないでしょと言っている。 世間では、個性があるのが良いという風潮がある。 実際に就活を始める前くらいからのことを思い出すと、…