概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Rails 6: the missing developer setup guide - DEV Community 💻💻 原文公開日: 2019/11/19（最終更新: 2019/12/17） 著者: Vincent Voyer 日本語タイトルは内容に即したものにしました。画像はすべて元記事からの引用です。 原文の目次は省略しました。原文の乱れは訳文で修正してあります。以下のRailsガイドもどうぞ。 Webpacker の概要 - Railsガイド 更新履歴: 2019/11/28: 初版公開 2021/05/06: 更新 👋皆さんこんにちは。本記事では私がRubyやRuby on Railsを学んだ一環として、ドキュメントに書かれていないことを全部盛りしました。RubyやRailsのエコシステムは初めてなので、皆さまか

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す

年始からVimに入信して3ヶ月が経ちました。 インストールしたプラグインの数も増えてきましたが、Vimの動きが遅くなってきたので原因を調べてみました。 Table of Contents 経緯 久しぶりに素のVimを立ち上げて編集したとき、カーソル移動やスクロールのあまりの速さに愕然としました。 Vimmerを目指した理由の1つに『Vimの軽快さ』がありましたので、そのままにはしておけません。 以下のページを参考にして、何がボトルネックになっているかを調べることにしました。 結論から先に言うと、powerlineが遅さの原因になっていたようです。 測定方法 以下の手順でプロファイリング結果を取得します。 "ログ出力先とプロファイリング対象を決める :profile start profile.log :profile func * :profile file * ･･･測定したい動作を実施

💀 Webフォントの問題点 Webフォントに限らず、ブラウザでテキストを表示する過程には、フォントの読み込み作業が存在します。また、フォントを読み終えるまではテキストを表示させない機能1がブラウザには組み込まれています。 ローカル環境下のフォントであれば読み込みに時間はあまりかからないので問題ありませんが、webフォントの場合はローカルフォントと比べると読み込みに多くの時間を要してしまいます。 この機能の影響で、ページのロードをしてからテキストが表示されるまでの間、ユーザーはテキストを読むことができない為、不満や苛立ちを覚え、体験価値の低下やページの離脱を引き起こすと考えられます。 ⚔️ 'font-display'プロパティでこの問題に立ち向かう font-displayというCSSプロパティを用いることで、webフォントを読み終えるまではローカルフォントを代替的にロードし、テキストの

はじめに RSpecにはletという機能があります。 これを使うとインスタンス変数を次のように置き換えることができます。 # インスタンス変数を使う場合 before do @user = User.new(name: 'Taro', email: 'taro@example.com') end it 'is valid' do expect(@user).to be_valid end # letを使う場合 let(:user) { User.new(name: 'Taro', email: 'taro@example.com') } it 'is valid' do expect(user).to be_valid end RSpecを使い慣れている人であれば、おそらくletを使うことが多いと思いますが、初心者の人には違いやメリットがよくわからないと思います。 また、使い慣れている人で

こんにちは、hachi8833です。BPS社内勉強会の発表を元に、社内JavaScript勢の皆さまのお力を得て記事を書きました。 目的 JavaScriptをたまにしか使わない私ですが、それもあってなおさら書くときに迷いに迷います。 ネットの情報多すぎ、動き激しすぎ、選り分けるにしても指針が欲しい 古いコードや毒入りコードを拾って食あたりや、泥舟に乗って沈没するのを少しでも避けたい 最初の一歩をどこから踏み出すかの手がかりが欲しい そういったわけで、2019年前半と区切って、一度JavaScript世界について門外漢ならではの「大きな絵」が欲しかったのでした。ここに書いたことの中には来年には古くなっているものあるかもしれません。 ただ、社内のJS勢の話を総合すると、JavaScript世界は数年前に比べるとかなり落ち着きつつあるとのことです。この機会にということで、主に自分のために現在の

誰もが知る大企業であっても、創業期を経験していない企業はない。起業を決断した創業者はもちろん、先行きの見えない船に乗り込んだ創業メンバーもまた、勇敢なリスクテイカーである。この連載では創業期スタートアップで働くことのリアルを、実践者の声からつまびらかにしていく。 第4回は、株式会社マネーフォワードで執行役員/福岡拠点長を務める黒田直樹氏に話を伺った。新卒でマネックス証券株式会社に入社し、4年で独立してWEBサービス開発事業を展開するものの、会社は空中分解。 マネックス証券時代の上長から誘われ、創業直後のマネーフォワードに加わった。『マネーフォワード ME』や『マネーフォワード クラウドシリーズ』の開発を経て、プロダクトオーナーとして『マネーフォワード クラウド経費』を手がけた。黒田氏は、なぜ創業期スタートアップのメンバーとして働くことを選んだのか。 「ジョインへの不安は皆無だった」という理

2019.05.27 週刊Railsウォッチ（20190527-1/2前編）RuboCopが3分割へ、Railsリクエストのライフサイクル、Opal 1.0、Railsベンチマーク、Rubyパターンマッチングの現状ほか こんにちは、hachi8833です。Macbook Pro 2019をポチりそうになったのを危うく踏みとどまりました。 Macbook Pro の TouchBar要らないと言っているウェブ系エンジニアの皆様、WSL2とWindows terminal来たら開発環境という点でWindowsの評価急上昇の可能性あるので急がないなら待つのも手かと。 — masa寿司 (@masa_iwasaki) May 22, 2019 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のよう

こんにちは。ハルキです。 4月から中学二年生になりました。 僕はこの春休み、パパが働いているマネーフォワードに職業体験インターンという形でお世話になりました。 プログラミングを始めたきっかけは、Scratchという子供向けのプログラミング学習サービスです。 小学校3年生の時にどハマりし、そこから6年生まで夢中になってやり込みました。 ただ、やはり子供向けなので最低限のことしかできず卒業。 その頃、マネーフォワードの方が開催してくれたバーベキューで酒井さんと出会い、そこでPythonを教わりました。 （酒井さんはビジネスマンなのにプログラミングもできちゃうすごい人なのです！） そこから、Chatworkで酒井さんとコミュニケーションを取るようになり、プログラミングで悩んだことがあったら酒井さんに報告して、バグがあれば直し方を教わるようになりました。 酒井さんは面白い記事を紹介してくれたり、そ

xargsを普通に使うと、最後に引数が追加される。 $ cat list.txt | xargs -L1 echo 1 2 3 コマンドの途中に挟むように入れたいときは、-Iオプションを使う。 cat list.txt | xargs -IXXXX echo aXXXXa a1a a2a a3a -IXXXX とすると、XXXXが引数に置き換わる。 -L1と-xが自動的に適用される。また、空白区切りとか関係なく1行丸々が引数に置き換わる。 http://linuxjm.sourceforge.jp/html/GNU_findutils/man1/xargs.1.html

今まで自分のMacのキー入力が割ともっさりしてるなと思っていたのですが、Macのキー入力の設定変更でかなり快適になって感動したので、メモしておきます。 環境 Mac OS X 10.13.6 High Sierra 設定方法 大きく分けて2種類あります。手軽さは 1.の方法、システム上限を超えてキー入力を速くしたい場合は2. の方法を使う形になります。 システム環境設定から設定する defaults コマンドから設定する システム環境設定から設定する 手軽に設定したい場合はこちらから。 [System Preferences] - [Keyboard] より、Key Repeat(キーのリピート)、Delay Until Repeat(リピート入力認識までの時間)をどちらも一番右の最速にします。設定は即時反映されます。 defaults コマンドでシステム環境設定より速く システム環境設定

Your AI-powered assistant for meetings and calls Krisp maximizes the productivity of online meetings with its AI-powered Noise Cancellation, Transcriptions, Meeting Notes and Recording.

2018年のProduct Manager Advent Calendarはわたくしが作成しました。参加していただいた皆さま、ありがとうございました。 各記事について、簡単ですが感想付きでツイートしましたのでまとめておきます。一線で活躍されている皆さんの現場感のある記事ばかりで、とても勉強になりました。（「この人の記事を読みたい！」という方に何人か個別にお声がけさせてもらったのですが、記事中でちょいちょい弄ってもらってありがたいです 😁） Day1 PRDのフォーマットの例。各社各様ありそう。プロダクト全体か機能単位か、開発の粒度によってパターンがあっても良さそう。https://t.co/VSO4Si6JPe — mizuki_tanno (@mizuki_tanno) December 23, 2018 Day2 確かに「なぜ」「どうして」を聞くと合理的な理由を作り出してしまう可能性

最近Rubyで大きいな配列を使うことがあってそんな時に起きたこととその解決策 どんな問題があったか 僕はよくpryとかirbを使ってRubyでちょっとした操作をしたりpry-byebugを使ってbinding.pryでブレークポイントをおいてデバッグしたりする。 例えばpryを使ってa, b, c各ワードを10個並べたものを出力する。 [1] pry(main)> %w(a b c).each { |w| puts w * 10 } aaaaaaaaaa bbbbbbbbbb cccccccccc => ["a", "b", "c"] いつもなら何も違和感がないのだが、オブジェクトがechoされる=> ["a", "b", "c"]が厄介になる。 今回はa b cと3つだがこれが1000, 2000と大きな数をまわすとオブジェクトがechoされるものが最後に出るので本当にみたいものはスクロ

Illustration by unDrawInkdropというMarkdownノートアプリを一人で作っているTAKUYAです。最近、React Nativeを使って、iOS版とAndroid版の新しいバージョンをリリースしました。React Nativeは、JavaScriptとReactを使ってクロスプラットフォームなモバイルアプリが開発できるフレームワークです。 どうすればReact Nativeでハイクオリティなアプリが作れるのか、今回の開発を通して多くのことを学びました。本稿では、よりよいアプリを作るために自分が工夫したことをシェアします。既にReact Nativeでアプリを作っている方も、これから作ろうと思っている方も参考になるかと思います。 概要OSSライブラリは慎重に選ぶネイティブ拡張モジュールは出来るだけ使わないUIテーマの対応タブレットの対応動作を軽く保つ違和感のない

UIデザインとWeb開発に関するトピックのライター。個人ポートフォリオやWeb上のいたるところで彼の記事を見つけることができます。最新のアップデートなどを見るにはTwitterをフォローしてください。 Googleで検索すると、Webサイトのパフォーマンス改善のための便利なツールが数多く見つかります。 サイトの画像最適化から独自のCDN設定にいたるまで、さまざまです。 しかし、デザイナーの中でコード最適化について考える人はほとんどいません。 コード最適化とは、総HTTPリクエスト数を減らしたり、ファイルを軽量化したり、表示スピードアップのために最適なカスタムフレームワークに切り替えることを意味します。 最新のBootstrap v4は素晴らしいデザインですが、残念ながら最も重いフレームワークの１つです。 そこで今回の記事では、重いBootstrapの代わりに軽いWebフレームワークを厳選し

http://inside.pixiv.net/entry/2015/04/27/170944

これは何？ git のコミットハッシュから pull request のページを開いたり、情報を取得するコマンドラインツールです。 どんな時に使う？ Git 管理されたコードで、なぜ今の実装になったのか知りたい事があります。この時、コミットの差分を見てもその意図がよく分からないがコミットした人がすでに退職している、実は自分がコミットしたのによく覚えていないという事はないでしょうか？ コードを GitHub で管理している場合、pull request ページが参照できれば経緯やコードレビューのログが確認できるため開発効率が向上します。また、将来のために pull request にはこのような変更時のログをきちんと残そうという文化をチームに根付かせる動機づけになると思います。 インストール Homebrew ユーザであれば次のコマンドから簡単にインストールできます。

最近新しく人が入ってきて、今まで手がつけられていなかった部分に対する正論をストレートにぶつけてきてくれて思わずにやけてしまった。 そう、新しい人には感じたことをそのまま言ってほしい。まだ自分が成果を出せるかわからないタイミングで正直に思ったことをぶつけるのはすごく勇気がいることだとは思うけれど、新しい旋風を巻き起こしてくれた方が嬉しいし、それをうまく取り込むのは既存メンバーの役割だと思っている。 正論をうまく取り込むには準備と心構えが必要だと思っていて、それをざっとまとめてみる。 社内ブログやSlackチャネル、定例など意見を言いやすい場所を用意しておく 感じたことは率直に言ってほしいと期待している役割などを伝えておく 口だけみたいになるのでは、という不安はいったん気にしなくていいと伝えておく 個人ではなく仕組みに対してという伝え方を意識してほしいと伝えておく 言ってくれたら、まず素直に感