空飛ぶとんジニア

小さな企業のWeb担当者が日々起こったことを共有したり、思ったこと、勉強したことを書いていくブログ

お金は細部より流れだ!『お金の流れが一目でわかる! 超★ドンブリ経営のすすめ』の読書感想

先日、はじめて「経営セミナー」なるものに行ってみた時に参考文献として紹介されていた本 これまであまり意識したことはなかったけど、売上、利益がどうとかって、社内で意見を通すためには強力な武器になる。 知ってはいたんだけど、ちゃんと勉強したこと…

jsでよくある「関数読み込まれてない」問題の対処法

実行順序とか考慮して使わないようにすべきなんだけど、どうにもならない時 var repeat = setInterval(function(){ if(typeof(hogeFunc == "function") { hogeFunc() clearInterval(repeat) } }); こいつが助けてくれるときがあります。

Promiseオブジェクトを使ったらAPI周りの処理がスッキリした

かなり前からPromiseオブジェクトの存在は知ってたのですが、ほとんど気にしないでほったらかし状態に... ただ、必要な状態に出会ってしまったのと、そのときに初めてPromiseについて便利さが理解できた気がするので共有します 先に結論 要件: リクエストし…

社内ツールとherokuの相性は最高だ!

gitを使える人だったら、サーバーの設定をせずにしかも無料で使えちゃうheroku 今年に入り、業務改善のためcsvを特定の形式に変換するためのツールを作ってたりするのですが、ほんとに便利だと関心する。 エンジニアとしてはこのようなプログラマに感謝され…

文字コードにはマジ、マジで気をつけよう(ていうか不注意)

csvを変換するツールの作成依頼をうけて、特に難しい処理もなかったので2つ返事でOKしました。 やりたいこと 生csv -> よしなに集計 -> 別サービスにインポート用のcsv 最初にもらったcsvをベースに正解状態になるようにスクリプトを書いていきます。 ほどな…

VueJSメモ[ショートハンド]

Vueを触っていると v-on:click v-bind:id 的な記述をよく使います。 これにはショートハンドがあって、 v-onは@ v-bindは: に置き換えられます。 よく使うものにショートハンドが存在するのはうれしいですね :) jp.vuejs.org

VueJSメモ[算出プロパティ、ウォッチャーの使い所勘所]

computed(算出プロパティ) ・html内にロジックを記述するのを防ぐ ・プロパティが変更されてなかったら、キャッシュを返す このあたりは速度改善などで肝になりそう。 https://jp.vuejs.org/v2/guide/computed.html#%E7%AE%97%E5%87%BA%E3%83%97%E3%83%AD%E3…

VueJSメモ(v-on、イベント修飾子)

今日はイベントの発火の話 Vueはv-on:event_nameで指定した要素で発火したイベントをキャッチすることができる。 (event_nameに入るのはこのあたりのイベントイベントリファレンス - Web 技術のリファレンス | MDN) 例えばクリックした時にalertを出すサンプ…

忘れがち? rails generateでモデル/マイグレーションファイルを作成する時に指定できる型

背景 開発初期はめっちゃ触るんですけど、運用にまわって一段落したらほとんど触らないですよね〜 毎回忘れるのでメモです。 環境 今回テストしてる環境は * Rails4.2.6 です。 rails generate/rails gで指定できる型 ヘルプを実行してみた内容のまとめなの…

フロント開発初心者のための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年くらいになるのですが、昨年の秋くらいに知った機能がいくつかあって、便利なのになんで誰も…

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

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

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

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

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

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

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

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

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

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

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

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

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

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