下半期の自分テーマ GRIT 2018年下半期の自分テーマを、GRIT(やり抜く力)と設定した。 gyazo.com 何が何でも目標としたものをやり抜く力。 一つのことに専念し、継続的に時間と集中力を投下できる力。 FigmaでPCの壁紙にしてみた つかったもの font geoを使…
ある日の出来事 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リクエストを観る方法いろいろ 1. ChromeDevToolsのNetwork ほぼみなさん使ってると思いますが、個々で見れます。 2. curlコマンド curl --head https://twitter.com →レスポンスヘッダーだけぱっと見れる curl -v https://twitter.com -v は verbose(意…
文系ガリレオとは 文系Webエンジニアmorisが、理工系出身エンジニアへのコンプレックスを払拭するべく、高校時代に挫折をした数学を学び直し再起を図る、戰いの物語である。 出典図書 (ふたたびの高校数学/永野裕之)http://amzn.asia/fFPGWVn 今日のテーマ …
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…
文系ガリレオとは 文系Webエンジニアmorisが、理工系出身エンジニアへのコンプレックスを払拭するべく、高校時代に挫折をした数学を学び直し再起を図る、戰いの物語である。 出典図書 ふたたびの高校数学 / 永野裕之 対偶 今日は上記の図書、第一章 幾何学を…
ウォーレン・バフェット「最も重要なのは、自分の能力の輪をどれだけ大きくするかではなく、その輪の境界をどこまで厳密に決められるかです」 この言葉、自分に刺さった。 自分の武器を身に着けようとたくさん勉強するのは良いこと。 でも、もっと大事なのは…
社内のマーケターに、「このレコードの更新日おかしくないですか?」と相談され、表題の事件が発覚。 ActiveRecord#update_allでtimestampが記録されない 更新されまくっているレコードなのに、created_atとupdated_atが一致していておかしいと思い、ActiveRe…
Day2 でトレースした星降る夜の映画祭りを、自分なりにいじって遊んでみた Before After 改善ポイント 文字のサイズを全体的に大きく。 色味がさすがに少なく感じたので ☆ に黄色を使用。 映画の紹介をもう少し目立たせたかったので、画像を使用。 fontの色…
TopCoderOpen 2008 Qual Round 1に出題されたEasy問題 いったいどこがEasyなんだ...... 人間が1人、モンスターがM匹、ウサギがB匹います。ここから、モンスターか人間がいなくなるまで無作為に2匹(もしくは1人と1匹)を選び出し、以下の行動を繰り返します…
TopCoderOpen 2008 Qual Round 1に出題されたEasy問題 いったいどこがEasyなんだ...... 人間が1人、モンスターがM匹、ウサギがB匹います。ここから、モンスターか人間がいなくなるまで無作為に2匹(もしくは1人と1匹)を選び出し、以下の行動を繰り返します…
FigmaのVectorの練習を兼ねて、いろいろな図形をつくった。 箱、星、お金マークいろいろつくって最終的に 自分で昔つくったWebサービスのロゴをつくった。 もうちょっとこれに合うフォントほしい
100DaysOfDesign トレース祭り2日目 星降る町の映画祭サイトをトレースした。 star-cinema-festival.com 学んだこと fontの幅だけでかなり印象が違う 言わずもがなfontの種類ではかなり印象が違う fontの調査方法(WhatFont? を活用) 近接効果のために、形状…
細字系 日本語: 'Noto Sans Japanese' 英語: 'Helvetica-Neue'' font-family: 'Helvetica-Neue', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ…
デザイン学習はじめた。 目的は、以下の2つ 1. デザイナーの仕事を巻き取って、スピードを上げたい。 社内のデザイナーがパツパツのため、 重要度の低いデザインのしごとを自分で巻きとり、自己完結してスピードをあげたい。 2. 自分の独自の強みとしたい。 …
初心者向け プログラミング学びたての方から、ajaxがよくわからないという相談を Web上を見るとajaxの詳しい解説はあっても、ハンズオン形式の記事は少ないと感じました。 ということで、細かい説明は抜きにしてとりあえず動くことを重視した記事を作成しま…
場所 ~/.rbenv/versions/2.5.1/lib/ruby/2.5.0/observer.rb 大きな流れ ①Subject(変更する側)からadd_observerを呼び出してConcreateObserver(変更通知を受け取る側)のObjectとインターフェイス(デフォルトは:update)を登録する ②changed(true)を呼び出し変…
参照記事 公式 たった30秒でREST APIのモックが作れる JSON Serverでフロントエンド開発が捗るserver/ 必要なもの Node.js npm 手順 インストール ターミナルにて $ npm install -g json-server リソースの作成 data.jsonというファイルを作成 { "products":…
参考記事 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…
参考記事 事例で学ぶデザインパターン 第1回 | オブジェクトの広場 デザインパターンとは クラスの責務分割のパターン GoFのデザインパターン 生成 Abstract Factory Factory Method Singleton Builder Prototype 構造 Adaptor Bridge Composite Decorator F…
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は自然数)
# 約数を求めるプログラム書いた by Ruby "数学ガール"という書籍を読んでいたら、 自然数nの約数の総和を表す一般式を書け、という問題が出てきたので 数学のニガテな私はRubyちゃんでやってみた。 def factor(num) raise "Invalid Input. Num must be over…
1行要約 戦略とは追いかける指標である 感想 指標という言葉の使い方が新鮮。自分の思考習慣に取り入れる。 メインテーマ「戦略とは追いかける指標である」がさまざまな観点と大量の具体例から帰納されていて、納得感・深みがすごい。 メモ 本質を失った型の…
Vuex学習メモ store.state がgetter的なもの store.commit('-----') がsetter的なもの ↓ store.stateは基本算出プロパティで呼び出す (this.$storeでもよびだせる) Stateについて Vexの前提 → 1つのアプリでは1つのstoreしか持たない。 storeOptionで渡され…
Web系英単語多い...。 Web開発周りは、とにもかくにも英単語が多いですね。 たとえばHTTPリクエストや外部APIのドキュメントなんかにでてくる "payload" 私は今まで、「payloadはpayloadじゃ!!!!!」とやってきたのですが ブログに書くネタがなくなった…
静的ファイルにCDNでVue.jsを入れて遊んでいた時に、Chrome拡張のVue.js Devtoolが動かないことに気がついた。 Vue.js is not detected 解決策 chrome://extensions にアクセスしましょう Vue.jsの詳細オプションをクリックして、"ファイルのURLへのアクセス…
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を使う方法 これだけ。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コン…
問題 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…