サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
やる気の出し方
inouetakuya.hatenablog.com
DHH さんが Rails 5.1 に Webpack を取り入れる意向 を示し、webpacker gem なるものをつくり始めたようである。 今後ますます Webpack は利用されていくであろうが、一方で Webpack はいろんなことができ過ぎるが故にかえって本質が掴みにくい点があると思う。そういえばこの間も、同僚のデザイナーに Webpack がよく分からないんですけど?と質問されていたのだった。 そこで今回 Webpack の本質つまり Webpack がどんな問題を解決しようとしているものなのかについて整理する。また Webpack の中核となる機能をよく理解できるチュートリアルを見つけたので紹介する。 (フロントエンドエンジニア Advent Calendar 2016 - Qiita の 9日目が空いていたので、後付けだけどそこに登録した) Webpack がつくられた背
師走に入った。来年良いスタートを切るために一年を振り返るには良い時期だ。 さて、2015年の後半くらいから、フロントエンド・エンジニアとして「良い UI をつくる」ことに自分のリソースを集中させてきた。UI はここではウェブアプリケーションの UI を指す。 一年半をそれに費やしてきて、このあたりで、自分が考える、良い UI(ユーザーインターフェイス)とは何か、どうすればそれを実現できるのかを整理しておくのも悪くないなと思ったので書き留めておく。 良い UI をつくるには 良い UI をつくるには次の 2つが必要だと考える。 1 良い UI を定義できること 2 上記 1 を実装(実現)できること そう、いまから何をしようとしているのかというと、良い UI をつくるために必要な要素をツリー構造で整理しようとしているのだ。 ただし、以下に良い UI をつくるために必要な要素を分類しようと試み
先日、保育園新設の近隣住民説明会に行ってきた。三行まとめだけ抜粋する。 近隣住民からは、保育園を開設する必要性は分かるけど、なんか市の進め方が気に入らんわー、モヤモヤするわー、という声が多かったよ 住民のモヤモヤに対して、行政と市議会議員が足繁く通って解決したよ、という事例を見つけたよ(テレビの番組の録画) 武蔵野市議会議員のみなさん、活躍のチャンスですよ そして、これを書いたあとに「保育園新設の近隣住民への説明責任は、行政と事業者のどちらにあるのか」という論点があることを知ったのでメモ。 忙しい現代人のための三行まとめ 保育園を運営するのは事業者なのだから事業者が説明してね、というロジックがあるし、一方で、市の施策として待機児童対策を進めるのだから市がんばれというロジックもあるよ 武蔵野市の認可保育園の事業者の募集要項には「認可保育所設置の提案前に近隣住民との合意を形成しておいてね、その
自宅の近くに保育園が新設されるということで、近隣住民説明会に行ってきた。この手の説明会に参加するのは生まれて初めてのことで、学びも多かったのでメモ。 なお自宅というのは最近、新設予定だった保育園が近隣住民の反対により開園が断念されたことで話題になった吉祥寺。 東京・吉祥寺:私立保育園が開園断念 近隣住民反対で - 毎日新聞 上記は吉祥寺東町というところの話で、今回は吉祥寺南町の話。 忙しい現代人のための三行まとめ 近隣住民からは、保育園を開設する必要性は分かるけど、なんか市の進め方が気に入らんわー、モヤモヤするわー、という声が多かったよ 住民のモヤモヤに対して、行政と市議会議員が足繁く通って解決したよ、という事例を見つけたよ(テレビの番組の録画) 武蔵野市議会議員のみなさん、活躍のチャンスですよ 以下、本文です。 参加の動機 どういう保育園が新設されるのか知りたいというよりもむしろ、どうし
本日行われた 第6回ペパボテックカンファレンス 〜 もっとおもしろくできる、そして …… 伝説の夜 〜 に登壇してきた。 僕が発表した内容は、最近やったいくつかのプロジェクトで、開発フローを改善してみたよ、レビューポイントを設置してみたよ、というもの。 UI を固める段階でよく練られていなかったがために、開発後期になって仕様変更&大きな手戻りが発生する、といったような苦い思いをした(or している)方の、何らかのヒントになれば幸い。 イベント自体は、文章だとなかなか伝えづらいが、中の人としてもすごく楽しかった。 途中から詩の朗読がはじまったり、ヘヴィメタルの技術的な話がはじまったり、ライブがはじまったりして、おそらく現場にいなくて Twitter のハッシュタグ #pbtech だけ見たひとはよく分からなくてナニコレとなったと思うので、そのあたりは誰かがイベントレポートを書いてくれると思う
Wercker でテスト実行後の Store 時に毎回 Storing artifacts failed: Size exceeds maximum size of 1000MB というエラーが出てこけるようになったのでメモしておく。遭遇したら思い出してほしい。 忙しい現代人のための 4行まとめ Wercker では環境変数 WERCKER_OUTPUT_DIR または WERCKER_ROOT で指定している場所に保存された内容を pipeline の結果とみなして、次の pipeline に引き継ぐようにしている。この内容が 1000MB を超えている、というのが今回のエラーだった Photoshop や Sketch のファイルを富豪的に突っ込んでバージョン管理していたため .git/objects が 1GB に達していた 根本的な対応は Photoshop や Sketch のフ
MySQL 5.7 は 昨年10月に GA 出た し、そろそろ導入したいなと。 Puppet でインストール&セットアップしようとしたら、MySQL の root ユーザーのパスワードまわりで手間取ったのでメモ。 (Puppet だけではなく Docker とか、とにかく自動でセットアップしようとしたら関係するはず) 環境は下記のとおり。 CentOS 7.2 Puppet 3.8.5 MySQL 5.7.13-1.el7 忙しい現代人のための 3行まとめ MySQL 5.7.4 から root@localhost に自動生成されたパスワードが割り当てられるようになったよ(ただしパスワードは ~/.mysql_secret に書かれていたので読み取れた) MySQL 5.7.6 から自動生成されたパスワードが ~/.mysql_secret に書かれなくなったよ(/var/log/mysq
vagrant マシン(CentOS 7.2)の vagrant ユーザーで sudo puppet apply ... しようとしたら、 sudo: puppet: コマンドが見つかりません というエラーが出たのでメモ。 調べたこと root ユーザーになって puppet apply はできる。 [vagrant@app001 vagrant]$ sudo su - [root@app001 ~]# which puppet /opt/puppetlabs/bin/puppet [root@app001 ~]# printenv PATH /usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/opt/puppetlabs/bin:/root/bin はい。PATH は通っていますね。 原因と対処方法 sudo「コマン
ペパボ プロダクトオーナーシップ 勉強会 では下記の本が課題図書に選ばれて、皆で読んだりしていた。 Inspired: 顧客の心を捉える製品の創り方 作者: マーティケイガン出版社/メーカー: 株式会社 マーレアッズーロ発売日: 2015/02/07メディア: Kindle版この商品を含むブログ (1件) を見る 最近、仕事において、この本に書かれている中の一節が非常に関係する場面に何度か(何度も)出くわしたため、頭の整理を兼ねてメモしておく。 引用 関係するのは「第13章 製品理念」という話。ちょっと長めに引用。 第13章 製品理念 何が大切かを決める 製品理念とは、製品開発のための一連の原則を定めたもので、両立させるのが難しいものがうまく折り合うところを見極めて何を優先させるかを決めるときに、大きな拠り所となる。製品理念は、信念や目的を社内の人たちに宣言するものでもある。私が製品開発を
昨日、妻の職場で行われた、育児休業からの復帰を支援するセミナーに行ってきた。想像していたよりもうんと楽しい体験ができたので書く。ブログを書くまでが勉強会。 内容 花王の育児休業中の女性社員とその配偶者を対象に開かれたセミナーで、育児休業から復帰するにあたっての心構えを学ぶというもの。 公式情報は見つけれなかったので、代わりに紹介記事を貼っておく。 ダーリンを自分の職場に連れて行こう!? ♡Vol.6 | 就活ニュースペーパー by 朝日新聞 - 就職サイト あさがくナビ よかったこと 学びはたくさんあったが、一番よかったと思うのは、夫婦参加だったこと。だと思う。 事前に夫婦参加が原則と聞いていて、実際に 9割くらいが夫婦で参加されていた。 妻がどんな職場で働いているのか、通勤はどうなのか(利用している電車)、同僚はどんな人たちなのか、同僚の家族は、など、普段知ることができない情報を知ること
プライベートで新しいサイトを作りたいと思い、ここ最近はデザインに関する本を集中して読んでいた。何冊か是非薦めたいものが見つかったので紹介する。年末年始のお休みのお供にどうだろうか。 今回紹介する本の範囲 デザインといっても範囲が広いが、今回紹介するのは主に UI デザイン、ビジュアルデザインに関するもの。また主にウェブサイトのデザインに関するもの。 なお今回できるだけ新しい本を挙げるようにした。ほとんど今年(2015年)発売されたものばかり。理論的なところはずっと前から変わっていないのかもしれないが、何せウェブデザインの流れがはやいので、説明がしっかりされていることに加えて、取り上げられているサンプルが新しいものか否かが読むときのテンションに大きく影響すると感じたため。 伝えたいことを整理しよう 今回、紹介する本の順番について悩んだが、最初の本だけは迷わなかった。 なるほどデザイン〈目で見
週末の自由工作でマテリアルデザインのカラーパレットを使いたいんだけど、さすがにこれを自分で CSS ファイルに書くのはダルイなぁと。 Color - Style - Google design guidelines material-colors だけど、同じことは他にも考えている人がいるはずで、誰かがつくってくれてるんじゃない?と思ったら、あった。(ありがとうございます) shuhei/material-colors 使い方 CSS, Sass, SCSS, Less, Stylus, JSON, JavaScript 等いろんな言語から使えるようになっている。例えば SCSS からは $md-red-100 とか定義された変数を使う感じ。 中身は dist 配下を見れば分かる。 https://github.com/shuhei/material-colors/tree/master/
そういえばシルバーウィークに入る前に同僚から質問を受けていたのだった(そのときは答えられなかった)。RubyMine で検索対象から特定のディレクトリを除外する設定をメモしておく。 おそらく WebStorm でも PhpStorm でも JetBrains 製の IDE では共通だろうと思う。 解決したい問題 ファイル検索やテキスト検索(Find in Path)時に特定のディレクトリを対象から除外したい。より具体的には、フロントエンドの開発をしていて、下記を除外したい。 bower_components 配下 node_modules 配下 CoffeeScript や SCSS をビルドした結果ファイル テストのカバレッジ結果(HTML) 環境 RubyMine 7.1.4 設定 検索対象から除外したいディレクトリ上で右クリック Mark Directory As -> Exclud
プライベートで 689日連続でコードを書いた。 あるとき毎日コードを書いてみようと思い立ち、それを 1年間続けたならば、何か大変なもの(力・成果)を手にしているのではないかと、はじめる前には予想していた。 しかし、いざやってみて、もちろん得るものもあったが、改善すべきことのほうが多い気がする。ので、ここで振り返って書き留めておこうと思った。 GitHub の Current streak もともと「継続は力なり」という言葉への憧れがあったと思う。ただ、継続は力、のような気がするが、子どもの頃から、皆勤賞とか何かをコツコツやる、みたいなものとは縁遠い日々を送っていたので、なんというか、そこに引け目みたいなものを感じていた。 そこへ(細かい話は割愛するけれど)「とりあえず 1週間だけ毎日コードを書いてみるか」と思い立つことがあって、それが運良く成功したら、GitHub の「Current st
少し前に Ruby 製のバッチ処理を省メモリ化したときの話をメモしておきます。 どのようなバッチ処理だったか 動画共有サイトにアップされた動画がオトナの事情によって削除されることがしばしばあるということは周知のことだと思う。そこで、一定時間おきに配信元サイトをチェックして、もし動画が配信元から削除されていたら、当該動画をこちらのサイトでも動画一覧に表示させないようにする、検索に引っ掛からないようにする、ということをやっていた。 便宜上、そのバッチ処理のことを「(動画の)存在確認くん」と呼ぶ。 oom-killer に殺されていた 彼は非常にデキる子だったが、なんか最近、動画の落とし漏れがあるなーと感じた。原因を調べたら、メモリを食い過ぎて oom-killer に殺されていた。 cat /var/log/messages Apr 6 12:46:45 xxx001 kernel: Out
諸般の事情により今月ようやく Mac OS を Mavericks から Yosemite にアップグレードしました。そうしたら RubyMine が頻繁にフリーズするようになったので対処等を簡単にメモしておきます。 環境 Mac OS X Yosemite 10.10.3 RubyMine 7.1 不具合の内容 頻繁にフリーズするようになった Window > Editor Tabs > Close All メニューを使うと必ずフリーズ 待機しても応答なしなので、仕方なく毎回強制終了していた 原因 Yosemite にアップグレードしたことにより、Java のバージョンが変更された Java 6 -> Java 7 が使われるようになった 対処方法 下記から Java 6 をダウンロードしてインストール https://support.apple.com/kb/DL1572?locale
長年の課題だった英語をようやく本気で勉強する気になった。三日坊主になるかもという危惧もあったが、気がついたら 2週間たっていたので、このまま習慣になることを願いつつ、一旦整理する。 やりたいこと(優先順位順) そもそも何がやりたくて英語を勉強をするのかというと、 1. 英語のドキュメントを読むスピードを上げたい。ちゃんと理解したい これがモチベーションの半分以上を占める。IT エンジニアなので読むドキュメントの半分くらいが英語で書かれていて、読むスピードが遅いと効率に直に影響する。 あとはまあ、例えば RailsCasts の動画 とかを見ながら理解できるようになりたい。つまり、 2. 英語を聞き取れるようになりたい とか、GitHub のプルリクエストや Issue とかで英語で言いたいことを伝えられるようになりたい。つまり、 3. 英語を(あまり考え込まずに)書けるようになりたい とい
これは Pepabo Advent Calendar 2014 の 8日目の記事です。昨日は Ubuntu + Monit + Fluentd 起動の自作 Docker イメージを DockerHub に配置までをやってみた でした。明日は laughk さんです。 今日はペパボのエンジニア評価制度について書きます。 (エンジニアの働き方 | キャリア採用 | 採用情報 | GMOペパボ株式会社) 評価制度そのものの内容は下記の記事が詳しいのですが、 ペパボのエンジニア評価制度をパワーアップした - delirious thoughts ペパボの2014年上半期エンジニア評価について - delirious thoughts 今回はできるだけこれまでにあまり語られてこなかった側面に光を当ててみようかと思います。つまり、 社内の一般エンジニア(シニア以上の職位を有していないエンジニア)はこの
以前も少し書きましたが、いまペパボのフリマアプリ「kiteco(キテコ)」の API を Rails でつくっています(つい先日 Android 版をリリースしました) 古着フリマアプリ kiteco(キテコ)- 手数料無料キャンペーン中! で、少し前に新卒2年目氏がチームに加わったので「これ読んどくと良いよ」という本をチーム内で共有しようと思っていたのですが、クローズドな場所に書く理由も無いですし、せっかくなのでブログに書こうかと思いました。 Rails チュートリアル をやり終えて、"とりあえず動く" 動くコードは書けるようになった、という人が次に遭遇するであろう問題とそれを解決してくれる本をまとめます。 紹介する順番には、特に「この順番で読むべき」という意図はないです。まずは自分がいま抱えている問題の本を手に取ってみると良いと思います もくじ 問題 1. テストが書けない - 読むべ
最近、仕事でずっと iPhone アプリの API を Rails でつくっていて、ようやく 2014年2月6日(木)にやっとリリースできました。いろんなメディアに取り上げていただいて、ユーザー数も伸びてきて、嬉しい限りです。 古着フリマアプリ kiteco(キテコ)- 手数料無料キャンペーン中! 開発の過程のなかで、Ruby コミッターの @hsbt さんと、WEB+DB PRESS で連載記事持ってる @udzura さんにだいぶ「かわいがって」いただいたので、得られた知見をここに書くことで、少し還元したいと考えています。 で、手始めに Rails の高速化のハナシから。 セキュリティに配慮してコードやログは加工しておりますが、できるだけプロセスを再現するかたちで書いてみます。 もくじ 1. はじめに 2. 高速化に着手する前に 3. 現状分析 - ログから読み取れること 4. テーブ
最近 Rails で API をつくりはじめました。1か月テスト書きまくって、だいたい書き方が落ち着いてきたので共有します。 もっとこうした方が良くない?というのをコメントまたははてブコメントしてくださったら泣いて喜びます! 環境は下記のとおりです。 * rails 4.0.0 * rspec-rails 2.14.0 * factory_girl_rails 4.2.0 もくじ Rails でつくる API のテストの書き方(RSpec + FactoryGirl) 1. ベストプラクティス 2. RSpec の Request spec で書く 3. Capybara は使わない 4. GET のテスト例 1(データを 1件取得) (1) ステータスコードの明示 (2) モデルの個別の内容を返すときは、属性を列挙して確認 5. GET のテスト例 2(データを一覧取得) (1) 属性を
最近 Rails で API をつくりはじめたのですが、ドキュメントをどうしようかなと悩んでいまして。なにかイイ感じに自動生成してくれるツールはないものかと探していたら、@hsbt さんと id:antipop さんがまさにズバリのものを教えてくれました。 先日ふわっとリリースされた模様。 体育の日って高速に唱えるとテストの日に聴こえる - ✘╹◡╹✘ r7kamura/autodoc これヤバい。ので、どのくらいヤバいかを共有しようと思います。 Step 1. テスト内に autodoc: true と書く 例えば下記のような感じで、ドキュメントを生成したい対象のテストに autodoc: true と書きます。 # spec/requests/videos_spec.rb require 'spec_helper' describe '動画に関する API' do describe "
先週 babyshark を Rails 3.2.13 から Rails 4.0.0 にアップデートしました。巷の情報では StrongParameters さえ気をつけておけば、なんとかなる << 的な。いやいや、たしかに Rails 2.3 -> 3.0 ほどの大変さではないにしろ、結構大変でしたよ。嘗めてかかるとエライ目に遭うと思います。 というわけで、移行してみて改めて大切だと思ったことと、ハマったポイントを共有します。久しぶりの長文。全力でいきますよ。 **Rails 4 へ移行してあらためて大切だと思ったこと + 役に立ったリンクを全力まとめ -1. Rails 3.2 との変更点を把握しておく -2. 使っている gem が Rails 4 に対応しているか確認する -3. 事前に Rails 3.2 の最新バージョンまで上げておく -4. gem もできるだけ最新バージョン
タイトルの疑問がチーム内で発生して、それに対する答えが、なかなかウェブ上で見つけられなかったので、メモしておきます(Git 公式ページの説明のなかで、少し触れられてはいます) Git - ブランチとマージの基本 *答え 作業中のトピックブランチにいる状態で $ git merge master << すればよい。 *なぜそのような疑問が生じるのか? そもそも、なぜそのような疑問が生じるのか?というと、チームでいわゆる GitHub Flow を使って開発していることが関係しているように思われます。 -GitHub Flow (Japanese translation) -GitHub Flow – Scott Chacon つまり、普段行うマージが「作業用ブランチ -> master ブランチ」であるため、その逆方向のマージについては、「え?それってやっていいの?ルール違反じゃないの?」と
昨日 Provisioning Frameworks Casual Talks vol.1 という Chef とか Puppet とかの勉強会に行ってきました。 開催前は、Chef vs Puppet の全面戦争やー、と騒がれていましたが、全然そんな感じにならなくて。そこはどっちでも好きな方で良いから早く入れろ。むしろそれより問題は運用だ、みたいな流れになってました、全体的に。 そして、その運用について、登壇者の方のほとんどが言及していたのが「テスト」 オマエは Chef なり Puppet なりでサーバに変更を加えた後に、いちいち手で何台も動作確認するのかい? << と言われていて、説得力がありました。 ほとんどの登壇者が #serverspec の話をしている。 #pfcasual— Satoshi.S (@studio3104) 2013年5月10日 *テストツールいろいろ 詳しくは
MySQL のログをローテートさせる設定をしていて、下記の現象(詳細は本文参照)にハマりました。やっと解決できたのでメモしておきます。 手動でコマンドを叩いたときはうまくいくのに cron で動かしたときは flush-logs がうまくいかない 環境は CentOS 6.3、MySQL 5.5.28 です。 # yum list centos-release ... Installed Packages centos-release.x86_64 6-3.el6.centos.9 @base # mysql -V mysql Ver 14.14 Distrib 5.5.28, for Linux (x86_64) using readline 5.1 ## MySQL ログのローテーション設定(logrotate)(flush-logs が cron で動かないときの対処を含む) 1.
最近ペパボ社内でもっとうまくログ解析をして、ビジネスサイクルをもっとうまく回していこうぜという機運が高まっています。 当然 Fluentd とかにも話題が及ぶのですが、やっぱり自分で使ってみないと感覚が掴めないよねと、ようやく重い腰を上げて Fluentd に触ってみたのが 2013年に入ってから。そのときに下記の記事に大変助けられました。 -fluent-agent-lite と td-agent で、小さくはじめる fluentd - studio3104::Blog 他で td-agent の設定ファイルの見本とかをみても全然意味が分からなかったのですが、上記記事の、少しずつできる範囲を拡げていくやり方で、やっと Fluentd と仲良くできそうな気がするところまで辿り着きました。 で、今回は、上記記事のステップバイステップ方式を踏襲しつつ、内容を少し進めて、Fluentd と Gr
2012年の春、90日間限定で公開したエロサイト。 -Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました 予定どおりクローズしたものの、クローズからおよそ半年経った現在でも、未だにサイト名で検索して辿り着くユーザーも相当数いらっしゃるようでして。 ...というのは口実で、要は自分が一番復活を望んでいたサイトだったので、このたび復刻版をつくってリリースしました。 (※大人の事情により、リンクはやむなく削除しました) 見た目は 2012年春の前バージョンのものとほぼ同様ですが、パフォーマンスを上げたり、そのほか結構内部に手を入れました。以下、まとめます。 **Rails 製のエロサイトの復刻版をリリースしました URL の変更 Ruby on Rails 3.2.7 ビジネスロジックをコントローラからモデルへ移すリファクタリング レスポンシブではない boots
前回の「いまどき Rails で何かつくるなら、VPS より Sqale(スケール)だと思うの」に続いて、今回も Rails で何かつくってみようという人向けのエントリーです。 下記のようなレスポンスタイムを表すグラフ等が見られるようになる Web サービス「New Relic」を紹介します(上記 Sqale の環境にも導入できます) べつに Rails じゃないと使えないわけではないのですが、Rails だと導入があっけないくらい簡単で、Rails を使って開発する人には特にオススメなので。 -New Relic : Web Application Performance Management (APM) & Monitoring **Rails + New Relic ならレスポンスタイム等のパフォーマンス監視が簡単にできるよ 用語の整理 パフォーマンス監視とリソース監視とサーバ監視
次のページ
このページを最初にブックマークしてみませんか?
『おいちゃんと呼ばれています』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く