はじめに みなさんにdisられて久しいsprockets氏ですが、メリットはそのままこれまでの問題を解決してくれるsprockets-commonerという素晴らしいgemを見つけたので紹介します。 sprockets-commonerとは sprockets-commonerとは、Railsコミッターも在籍するShopifyで作られたsprocketsの拡張gemです。 このgemの機能の中でも特に嬉しいのは以下の2つの機能です。 1. node.js/ESnextでフロントエンドを書けるようになる sprockets-commonerを入れると、sprockets管理下のJSファイルをbabelでトランスパイルしてくれるようになります。 そのため、node.js/ESnextでフロントエンドを書けるようになります。 一応、sprockets次バージョンの4でもESnextは書けるように

（2017/01/23追記） この後 Flow を導入しようとしたら色々問題が発生したので、Neomake から ALE に乗り換えた。 （追記ここまで） （2018/04/15追記） 現在、記事を書いた時と設定方法が変わっているようです。 こちらの方が最新の手順をまとめてくださっているので、ご参照ください。 （追記ここまで） Vim の Syntax Checker として有名なのは Syntastic ですね。 最近は JavaScript を書くことが多いので、この Syntastic を使って ESLint のチェックをできるようにしていました。 上の記事に書いてある設定を行ったことで、Vim で常に lint チェックをかけられるようになったのは良かったんですが 1 個だけ不満があって、チェックのたびに操作がブロックされてしまうという問題がありました。 正直こればっかりは我慢する

Denite Denite.nvim is a dark powered Neovim unite all interfaces. It resolves unite.vim problems. It is 10 times faster than unite.vim. 暗黒の力を手に入れた云々。早い パッと動かしたい人は操作方法の項まで見れば動かせる文章構成にしています。 こんな感じ インストール python3を持ってないといけません。 pyenvとpyenv-virtualenvを使っている場合 # pyenv install 3.5.2 # 2016/9/22 update 後述するcpsmを利用する場合動的リンクを含む以下の方法でインストールしてください。 env PYTHON_CONFIGURE_OPTS="--enable-framework" pyenv install 3

一部で話題？の「生産性」ですが私も早速読みました。もともと生産性を上げるという考え方は好物で、非生産的な活動を極力排除して日々を送っています。 私を直接知る人は、私が8割型暇そうにしていることを存じていると思いますが、アウトプットが少ないというよりは、最低限の投下時間でアウトプットを最大化しようとした結果として、時間が余っていると思っていただければと。何もしていないわけではないんですよw 梅木の生産性を意識した日々の活動 ざっくりとどんなことをして生産性を上げる工夫をしてきたか羅列しておきましょう 【仕事編】 ・自分が発言しない会議には出ない ・自分が同行しなくても成り立つアポには同行しない ・メールは1度見たら即レス ・DBを作りインプットとアウトプットの往復をしやすくする ・時間を何に使ったかを毎週モニタリングして改善する ・初対面の人にアジェンダなく会うことはしない ・不明瞭なアポは

(編注：2016/11/17、記事を修正いたしました。) ディープラーニングの分野でテクノロジの進化が続いているということが話題になる場合、十中八九畳み込みニューラルネットワークが関係しています。畳み込みニューラルネットワークはCNN（Convolutional Neural Network）またはConvNetとも呼ばれ、ディープニューラルネットワークの分野の主力となっています。CNNは画像を複数のカテゴリに分類するよう学習しており、その分類能力は人間を上回ることもあります。大言壮語のうたい文句を実現している方法が本当にあるとすれば、それはCNNでしょう。 CNNの非常に大きな長所として、理解しやすいことが挙げられます。少なくとも幾つかの基本的な部分にブレークダウンして学べば、それを実感できるでしょう。というわけで、これから一通り説明します。また、画像処理についてこの記事よりも詳細に説明

(編注：2020/08/18、いただいたフィードバックをもとに記事を修正いたしました。) (2016/12/11、いただきましたフィードバックをもとに翻訳を修正いたしました。) H.264は、動画圧縮コーデックの標準規格です。ネット上の動画、Blu-ray、スマホ、セキュリティカメラ、ドローンなどなど、今やあらゆるところでH.264が使われています。 H.264は注目すべき技術のひとつです。たったひとつの目標、つまりフルモーションビデオの送信に要するネットワーク帯域を削減することを目指した30年以上の努力の結晶なのです。 技術的な面でも、H.264はとても興味深い規格です。この記事では、その一部について概要レベルでの知識を得られることでしょう。あまり複雑だと感じさせないようにするつもりです。今回おはなしする概念の多くは動画圧縮全般にあてはまるものであり、H.264に限ったものではありません

この記事はなんたらAdventCalendarとは関係のないただのメモです。 このへんの分野はあんまり強くないものの、手探りでやってみてなんとかできたのでその学びを。 基本的にはこのリンクを参考にしたけども、内容を理解するまでにいろいろ壁があったので・・。 Let's Encryptで複数サブドメインの証明書を発行して自動更新を設定する - Qiita 環境は、 CentOS 6.8 nginx 1.0.15 nginxのバージョンは後であげた。 はじめに そもそも気になってたことなので改めて書いておきます。 Let's EncryptってサブドメインもまとめてHTTPS化できるの？ できます！ ワイルドカードできる証明書じゃないのでちょっと手間はかかるができる。 というわけでざっくり手順 certbot いれる acme-challenge用のlocationを作る 既存のser

こんにちは！ 株式会社LITALICO CTOの岸田崇志です。 記念すべき『LITALICO Engineers Advent Calendar 2016』1日目の記事となります！ LITALICOでは現在『教育×テクノロジー』での可能性を広げるべく、チャレンジを広げています。 今回は、サービスを組み立てる話をしたいと思います。 1.はじめに タイプ別にみる失敗パターン 2.基本を理解しよう！ AARRR - Pirate Metrics（海賊モデル） 3. サービスのコンセプトを設計しよう リーンキャンバスを知る リーンキャンバスについて リーンキャンバスの使い方 （おまけ）KPIを設定しよう まとめ 5.次回は… 1.はじめに サービスを立ち上げの現場では戸惑うことが多いと思います。 特に初めての場合ははなおさらです。 サービスの企画を初めてやるときに、 どうやっていいかわからない。

最近お腹まわりのお肉が気になってきたキタムラです。こんにちは。秋って食べ物美味しくてやばいですね！ さて、今回はWordpressのセキュリティについてのおハナシです。 実は、WordPressで運営されているウェブサイトやブログの多くは、そのユーザー名を誰でも簡単に調べることができちゃいます。 かといって、Twitter や Instagram なんかはユーザー名が公開されているので、それと同じ感覚なら問題ないっちゃ問題ないのかもしれません。 ぼくは、隠せるなら隠したいタイプなので対処しています。 気になった方はスクロールして読んで下さい。特に気にならない方はそのまま記事を閉じてくださいね。 試しにユーザー名が「わかるのか」かやってみよう自分のウェブサイトやブログのトップページを表示させて、アドレスバーのURLの末尾に /?author=1 をコピペして「Enter / Return」を

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 こんにちはぶんたです。みなさんはトラウマってありますか？ ふとした時に思い出してテンションが下がったり、情緒不安定になったり、過去の経験から起因する精神的な痛み。思い出すとすごく辛い気持ちになりますよね。 もう何事にもやる気がなくなってしまったり、同じ事になってしまわないかと萎縮したりよくない停滞を呼び起こしかねません。 今でこそ鬱になったりしませんが、ぼくにも大きなトラウマがあります。 それは起業したが故に起こしてしまった「事件」であり、ぼくにとって最大の「失敗」であり、そしてどん底のぼくを奮い立たせる為の永遠の「起爆剤」でもありました。 今回はそんな二度と起こしたくないトラウマ、最大の失敗のお話。 たくさんの経営者との出会い 起業したての頃から縁あってたく

Reactを勉強し始めた頃は、その概念はわかったとしても、実際にコードを書いてみようとすると、どう書いていいかわからず手が止まってしまう人もいるかと思います。jQueryをバリバリ書いていた人でも、Reactを書こうとすると最初は戸惑ってしまうっていうのはよく聞く話です。ある意味Reactの書き方は特殊です。まずは書き慣れる必要があるかと思います。今回の記事では、初心者向けとしてReactの実装でよく使う基本的な構文を紹介します。今回紹介する構文を覚えれば、ほぼほぼReactの仕組みも理解できるようになり、その後の学習も楽になるかと思います。ぜひ参考にしてみてください。 ファイルを読み込む時の構文ReactでUI（ユーザーインターフェース）を実装する際は、一般的にnpm経由でreactとreact-domをプロジェクトディレクトリ内にインストールして、ファイルに読み込んで使うようにします。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には

class PostsController < ApplicationController def new @post = Post.new @post.post_categories.build end def create @post = Post.new(create_params) @post.save! rescue ActiveRecord::RecordInvalid puts "ERROR" end def edit @post = Post.find(params[:id]) unless @post.post_categories.present? @post.post_categories.build end end def update @post = Post.find(params[:id]) ActiveRecord::Base.transaction do

こんにちは、hachi8833です。 先週のRailsウォッチで金星を取った「Do I really need to patch my Rails apps? (Understanding CVE-2016-6316)」を翻訳いたしました。 このような手順は、ベテランのフルスタックエンジニアwなら誰しも行っていることですが、ベテランにとっては当たり前のことであるだけに、このように丁寧に手順を解説してくれる記事は貴重です。また、XSS脆弱性のよい解説にもなっています。 なお、翻訳後に文章を最適化していますので、逐次的に原文と訳文が対応しているとは限りません。 また、元記事にはRailsのXSSとセキュリティのチートシートを無料でダウンロードできるフォームもあります。リンクか以下の画像をクリックしてください。 原題: Do I really need to patch my Rails app

We will see how migrations in Rails 5 differ by looking at different cases. Case I In Rails 4.x command

有効数字の取り扱い方とか，物理量の表し方とか，四捨五入のやり方とかについて毎年毎年 何度も何度も何度も何度も何度も何度も同じことを繰り返し繰り返し質問されるので，ここにまとめておきます． 1 有効数字 掛け合わされる数値のうち，もっとも桁数の小さいものと同じ桁数で解答します．割り算も同じ． 足し算・引き算では別の考え方をします．少ない桁数に合わせるのは掛け算・割り算です． 左側のゼロは有効数字の桁数にカウントしません．桁数にカウントするのは右側のゼロ． 悩ましいのが小数点以上のゼロをどう扱うかです．「500」の場合，「3桁」と解釈するのが「普通」なのですが，「1桁」と解釈しても誤りとは言い切れないのです*1．これを回避するためにピリオドを打って「500.」と書いたり， 「5.00×102」と書いたりするわけです．SIは5.00×102を推奨しています． 有効数字の桁数が無限と考える場合もあ