Minstrel

Ruby, JavaScript, Haskell, Math, Music, Design

JavaScriptのDateをそのまま比較するとfalseがでるよ

ある日の出来事 new Date('2018/09/01 10:00') == new Date('2018/09/01 10:00') false ファッッッッッッッッッッ?!!!!! こうすると取れる模様 new Date('2018/09/01 10:00').getTime() == new Date('2018/09/01 10:00').getTime() true ちなみにgetTi…

HTTPヘッダーまとめ

Web

HTTPリクエストを観る方法いろいろ 1. ChromeDevToolsのNetwork ほぼみなさん使ってると思いますが、個々で見れます。 2. curlコマンド curl --head https://twitter.com →レスポンスヘッダーだけぱっと見れる curl -v https://twitter.com -v は verbose(意…

文系ガリレオvol.02 平方完成

文系ガリレオとは 文系Webエンジニアmorisが、理工系出身エンジニアへのコンプレックスを払拭するべく、高校時代に挫折をした数学を学び直し再起を図る、戰いの物語である。 出典図書 (ふたたびの高校数学/永野裕之)http://amzn.asia/fFPGWVn 今日のテーマ …

curlコマンド備忘録

Postman便利すぎてcurlの使いかた忘れてしまうので備忘録。 # application/jsonでのPOSTリクエスト curl -X POST -H ''Content-Type: applicaion/json" http://localhost:8081/register -d '{"email": "mori@hoge.com"}' # application/x-www-form-urlencode…

文系ガリレオvol.01 対偶

文系ガリレオとは 文系Webエンジニアmorisが、理工系出身エンジニアへのコンプレックスを払拭するべく、高校時代に挫折をした数学を学び直し再起を図る、戰いの物語である。 出典図書 ふたたびの高校数学 / 永野裕之 対偶 今日は上記の図書、第一章 幾何学を…

ウォーレン・バフェット「最も重要なのは、自分の能力の輪をどれだけ大きくするかではなく、その輪の境界をどこまで厳密に決められるかです」

ウォーレン・バフェット「最も重要なのは、自分の能力の輪をどれだけ大きくするかではなく、その輪の境界をどこまで厳密に決められるかです」 この言葉、自分に刺さった。 自分の武器を身に着けようとたくさん勉強するのは良いこと。 でも、もっと大事なのは…

ActiveRecord#update_allでtimestampが記録されない

社内のマーケターに、「このレコードの更新日おかしくないですか?」と相談され、表題の事件が発覚。 ActiveRecord#update_allでtimestampが記録されない 更新されまくっているレコードなのに、created_atとupdated_atが一致していておかしいと思い、ActiveRe…

星降る夜の映画祭トレース Part2 #100DaysDesign #Day4

Day2 でトレースした星降る夜の映画祭りを、自分なりにいじって遊んでみた Before After 改善ポイント 文字のサイズを全体的に大きく。 色味がさすがに少なく感じたので ☆ に黄色を使用。 映画の紹介をもう少し目立たせたかったので、画像を使用。 fontの色…

アルゴリズム問題: モンスターvsうさぎvs人間

TopCoderOpen 2008 Qual Round 1に出題されたEasy問題 いったいどこがEasyなんだ...... 人間が1人、モンスターがM匹、ウサギがB匹います。ここから、モンスターか人間がいなくなるまで無作為に2匹(もしくは1人と1匹)を選び出し、以下の行動を繰り返します…

アルゴリズム問題: モンスターvsうさぎvs人間

TopCoderOpen 2008 Qual Round 1に出題されたEasy問題 いったいどこがEasyなんだ...... 人間が1人、モンスターがM匹、ウサギがB匹います。ここから、モンスターか人間がいなくなるまで無作為に2匹(もしくは1人と1匹)を選び出し、以下の行動を繰り返します…

ロゴ作った #100DaysDesign #Day3

FigmaのVectorの練習を兼ねて、いろいろな図形をつくった。 箱、星、お金マークいろいろつくって最終的に 自分で昔つくったWebサービスのロゴをつくった。 もうちょっとこれに合うフォントほしい

トレース祭り2日目 星降る夜の映画祭 #100DaysOfDesign #Day2

100DaysOfDesign トレース祭り2日目 星降る町の映画祭サイトをトレースした。 star-cinema-festival.com 学んだこと fontの幅だけでかなり印象が違う 言わずもがなfontの種類ではかなり印象が違う fontの調査方法(WhatFont? を活用) 近接効果のために、形状…

2018年 細字系フォント 決定版!

細字系 日本語: 'Noto Sans Japanese' 英語: 'Helvetica-Neue'' font-family: 'Helvetica-Neue', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ…

#100DaysOfDesign Figmaでデザインの練習はじめた

デザイン学習はじめた。 目的は、以下の2つ 1. デザイナーの仕事を巻き取って、スピードを上げたい。 社内のデザイナーがパツパツのため、 重要度の低いデザインのしごとを自分で巻きとり、自己完結してスピードをあげたい。 2. 自分の独自の強みとしたい。 …

【初心者向け】ajaxハンズオン with Rails5.1/ jQuery3.0

初心者向け プログラミング学びたての方から、ajaxがよくわからないという相談を Web上を見るとajaxの詳しい解説はあっても、ハンズオン形式の記事は少ないと感じました。 ということで、細かい説明は抜きにしてとりあえず動くことを重視した記事を作成しま…

Ruby2.5.1のObservableモジュールを写経した

場所 ~/.rbenv/versions/2.5.1/lib/ruby/2.5.0/observer.rb 大きな流れ ①Subject(変更する側)からadd_observerを呼び出してConcreateObserver(変更通知を受け取る側)のObjectとインターフェイス(デフォルトは:update)を登録する ②changed(true)を呼び出し変…

30秒でつくれるAPI Server

参照記事 公式 たった30秒でREST APIのモックが作れる JSON Serverでフロントエンド開発が捗るserver/ 必要なもの Node.js npm 手順 インストール ターミナルにて $ npm install -g json-server リソースの作成 data.jsonというファイルを作成 { "products":…

# ActiveRecordアンチパターン写経

参考記事 https://speakerdeck.com/toshimaru/active-record-anti-patterns 事例1 全Userの中から2017年以降の登録Userへ100ptを付与する。 アンチパターン① 全件取得&ループ User.all.each do |user| if user.created_at >= Date.new(2017) user.point += 1…

Rubyでデザインパターン① デザインパターン概要

参考記事 事例で学ぶデザインパターン 第1回 | オブジェクトの広場 デザインパターンとは クラスの責務分割のパターン GoFのデザインパターン 生成 Abstract Factory Factory Method Singleton Builder Prototype 構造 Adaptor Bridge Composite Decorator F…

Ruby: 素数判定機

def is_prime?(num) raise "Invalid input" if num < 1 return false if num < 2 i = 2 while i < num do return false if num % i == 0 i += 1 end return true end 素数判定メソッドつくった。(nは自然数)

Ruby: 約数を求めるプログラム

# 約数を求めるプログラム書いた by Ruby "数学ガール"という書籍を読んでいたら、 自然数nの約数の総和を表す一般式を書け、という問題が出てきたので 数学のニガテな私はRubyちゃんでやってみた。 def factor(num) raise "Invalid Input. Num must be over…

雑記: 読書メモ 「失敗の本質」

1行要約 戦略とは追いかける指標である 感想 指標という言葉の使い方が新鮮。自分の思考習慣に取り入れる。 メインテーマ「戦略とは追いかける指標である」がさまざまな観点と大量の具体例から帰納されていて、納得感・深みがすごい。 メモ 本質を失った型の…

雑記: Vuex学習メモ

Vuex学習メモ store.state がgetter的なもの store.commit('-----') がsetter的なもの ↓ store.stateは基本算出プロパティで呼び出す (this.$storeでもよびだせる) Stateについて Vexの前提 → 1つのアプリでは1つのstoreしか持たない。 storeOptionで渡され…

【募集】Web系英単語 なんとなく使ってたやつシリーズ

Web系英単語多い...。 Web開発周りは、とにもかくにも英単語が多いですね。 たとえばHTTPリクエストや外部APIのドキュメントなんかにでてくる "payload" 私は今まで、「payloadはpayloadじゃ!!!!!」とやってきたのですが ブログに書くネタがなくなった…

Vue.js Devtool がファイルURLでも有効になるようにする

静的ファイルにCDNでVue.jsを入れて遊んでいた時に、Chrome拡張のVue.js Devtoolが動かないことに気がついた。 Vue.js is not detected 解決策 chrome://extensions にアクセスしましょう Vue.jsの詳細オプションをクリックして、"ファイルのURLへのアクセス…

使ったことなかたCSSセレクタまとめ

1. A ~ F 後ろにある要素すべてに適用。 h4 ~ p { color: red; } <p>h4要素のの前なので適用されません</p> 2 <h4>H4要素</h4> 3 <p>h4要素の後にあると適用されます</p> 4 <p>h4要素の後にあると適用されます</p> 2. :first_letter(最初に現れる文字だけに適用) こんなイメージ 3. :first-…

なんちゃってマイクロサービス化に備える①

プロダクションレディマイクロサービス 第1章 を読んだ http://amzn.asia/9dxGbrJ 背景 自社で扱っているシステム(Rails4.2 / モノリス) の継続的開発が限界に近づいてきたため。 3行でまとめると以下のような状況でした。 - オブジェクト志向もくそもない、…

Nuxt.jsにおいてSCSSを使う方法(とその依存ライブラリについて)

Nuxt.jsにおいて SCSSを使う方法 これだけ。npm最高。 ターミナル npm install node-sass sass-loader style-loader コンポーネント <template> <div> <h1>Hello World</h1> </div> </template> <style scoped lang="scss"> div { h1 { background: blue; color: white; } } </style> 各ライブラリの概要 node-sass LibSass(C製のsassコン…

アルゴリズム問題: 1000円ちょうど

問題 10円, 50円, 100円, 500円が眼の前に無限にある。 この中から2枚 ~ 15枚を選んで、1000円ちょうどをつくる方法は何通りあるか? 解答 result = (2..15).flat_map { |num| ary = [10, 50, 100, 500].repeated_combination(num) .select { |coin_set| coin…