2015年までにWebのフロントエンドが辿ってきた道 - Qiita
背景 僕が本格的にWebのエンジニアになったのは2014年頃からで、早いものでもう丸2年ほど経ってしまうことになります。 Webに転向してからは主にフロントエンドエンジニアとして勤務してきました。 よく言われることですが、最近のフロントエンドの趨勢は本当に早いです。 最初はキャッチアップに苦労したことを覚えています。 しかし段々と新しい何かを覚えることは苦でなくなり、今はこの流れに身を置くことが楽しいと思えるようになってきました。 激動の趨勢の中で、Webのフロントエンドエンジニアが口にするパラダイムは日ごとに変化しています。 この記事は元々社内向けに書いたものです。 色々なバックグラウンドを持つエンジニアと一緒にフロントの設計を考える場面で、共通言語を持つきっかけになればいいなー、という思いから書いたものですが、いい機会なので外向けに修正して公開してみます。 Webのフロントエンドを新し
口下手なチームメイトを1日で教育した話 - Qiita
Livesense Advent Calendar 2015の11日目です。 昨日はchuck0523さんの『再帰関数を学んでワンランク上のJavaScriptエンジニアになろう！』でした。 私はWeb業界にやってきて半年のインフラエンジニアです。 去年はROMだったQiitaのアドベントカレンダー。何を書こうかなぁと考えましたが、テクニカルな記事は弊社の他の方に任せ、今回は 私のチームメイトを紹介 しようと思います。 はじめに ご紹介 彼がうちのチームにJOINしたのは、記録を遡る限り1年以上前のようです。 私よりもずっと前より彼は会社にいて、私からは会社の先輩にあたります。 彼は今年の8月頃一度休職していましたが、9月頃に復職しました。 当初は口下手でしたが、今は話しかけられると饒舌で、他の部署の方にも覚えてもらって頻繁にHipChatでコミュニケーションを取ってます。 彼の長所は、な
RubyのDSLの表現力と生産性で有向グラフの作図効率を上げつつ, Graphvizをインストールせずにgravizo経由で利用する - Qiita
require 'gviz' class String def normalize_gviz_id self.gsub(/[ _¥(¥)]/, "") end end file = File.open("ruboty_committers", "r:utf-8"){|f|f.read} committers = file.each_line.map(&:chomp).map(&:normalize_gviz_id).reverse.map.with_index(1){|e, i|"#{e}#{i}"} committers.unshift("start") committers.push("goal") Graph do committers.each_slice(2) do |a, b| break if b.nil? edge :"#{a}_#{b}" end save :sample
Gitリポジトリをメンテナンスして軽量化する - Qiita
この記事はGit Advent Calendar 2015の8日目の記事です。 Gitリポジトリのメンテ？ Gitリポジトリにあるファイルは .git がバージョン管理をしています。 今回はその .git をメンテナンスする話です。 はじめに リポジトリに容量の大きいファイルをコミットしてしまった git clone がやたらと時間がかかる（知らない間に容量の大きいファイルがコミットされている可能性がある） 複数あるリポジトリを統合したい こんな悩みを持ったことはないでしょうか。大型のプロジェクトでないと発生しないと思うので、個人プロジェクトではなかなか遭遇することはないでしょう。 今回は上記を解消するための リポジトリメンテナンス方法 をご紹介します。 !! 注意 !! Gitリポジトリのメンテナンスは破壊的なため、Gitのコマンドを理解している方のみ行ってください。 この記事を読んで実
ansible v2.0にアップデートする前に - Qiita
まもなくリリースされるAnsible v2.0（rc1）を一足早く触ってみて地雷を踏んでみた。 v2.0の主な変更点 Coreのリファクタリング 新しい構文の追加（block/rescue/always） Syntax Errorがより詳細に Strategy Plugins モジュールの追加 インストール $ pip install paramiko PyYAML Jinja2 httplib2 six $ git clone -b stable-2.0 git://github.com/ansible/ansible.git --recursive $ cd ansible/ $ source ./hacking/env-setup $ ansible --version ansible 2.0.0 (stable-2.0 f241c70740) last updated 2015/1
awk のハマるポイントまとめ - Qiita
ダブルクォートではなくシングルクォートでくくること ダブルクォートでくくると，シェルが引数と勘違いするので，シングルクォートでくくるかエスケープすること． 誤
Java System.exit()処理を無効にして代わりにExceptionを発生させる。 - Qiita
バッチ処理などでSystem.exit()で終わる処理をJUnitでテストするとJVMが終了してしまう。 exit()処理の代わりにExceptionを発生させ、テストを可能にするためのクラス。 基本的にはSystem.exit()など使わずにreturnを使うんだが、古いバッチをメンテナンスするとよくある。 package testlib.system; import java.security.Permission; /** * System.exit()処理を無効にし代わりにExitExceptionを発生させる.<br> * JUnitでSystem.exitのある処理をテストを実施する場合等に使用する。<br> * 本クラスはスレッドセーフではないのでマルチスレッド環境では利用不可。<br> * シングルトンクラス。 * * @author boss_ape */ public
DBマイグレーションツール活用のすすめ〜Flyway〜 - Qiita
概要 巷にはDBマイグレーションツールなるものがあります。この、マイグレーションというのは移行を意味しますが、いわゆる旧環境から新環境への移行といったデータ移行を意味するものではないのです。DB環境(DBスキーマ+データ)を移行して、同一状態のDB環境を手軽に構築できるようするツールなのです。 ここではFlywayというDBマイグレーションツールを試してみます。DB環境をバージョン管理して、DB移行を簡単にしてくれるツールです。 開発時、複数の開発者がそれぞれのDBを使うことがあります。それらのDB環境を一致させることが簡単になるので、古いDB環境を使って間違った実装・テストをするといった事態を未然に防止できるようになります。 ソースコードのバージョン管理が開発を支えるように、DB環境のバージョン管理も開発を支えてくれるはず。今後、システム開発の現場でDBマイグレーションツールの利用を検討
自炊(本のスキャン)の環境・手順・設定 - Qiita
丸善 値札はがし液 MH-5 ティッシュ 製本機 とじ太くん3000(※電子レンジで代用可能) キッチンペーパー 断裁機 PK-513L スキャナ ScanSnap iX500 OA機器用クリーナー液 OA機器用クリーニングクロス 綿棒 1.値札はがし まず古本屋で買ってきて気になるのがカバーについている値札。といっても本に直接値札貼ってるところはブック○フ位ですが。 1.丸善 値札はがし液 MH-5 「丸善 値札はがし液 MH-5」でマニュアル通りはがします。この値札はがしはブック○フで売っています。見事なマッチポンプ商法。 値札が貼られた時期が古い程、はがしにくいです。そのような時は多少液が多く出てもいいので根気よくはがし取るしかありません。 2.ティッシュで拭き取る はがした後の本についた液はティッシュで拭き取ります。 ※注意 値札はがし液は揮発性ですのでキャップをなくさないように注
AngularJSの$timeoutを引数無しで実行した時の挙動 - Qiita
$scope.data = resultData; $timeout(function() { // 何かDOMを弄ぶ処理 $('.test').addClass('xxx'); }); $timeoutって秒数を指定して遅延させる処理なんじゃないの？ 何で引数なしに使っているのか、$timeout無しでもいいんじゃないのか。 AngularJSの$timeoutサービスはwindow.setTimeoutのラッパーなので、 上記の書き方はsetTimeout(Function, 0)に等しいです。 上記の理由は以下のサイトの説明がわかりやすかったです。 遅延実行 | JavaScript プログラミング解説 http://so-zou.jp/web-app/tech/programming/javascript/window/delay.htm つまりはイベント発火時の関数(イベントハン
サンプルコードでわかる！Ruby 2.3の主な新機能 - Qiita
はじめに Ruby 2.3が2015年12月25日にリリースされました。 そこでこの記事ではRuby 2.3の主な新機能を紹介していきます。 対象となるバージョン 以下のとおり、この記事では ruby 2.3.0 を使っています。 参考文献 今回紹介するサンプルコードは下記のサイトにあったコードをベースにしています。 New features in ruby 2.3 - BlockScore Blog ただし、実行結果を確認するために Minitest を使ったり、コードをいくつか変更したりしています。 サンプルコードはGitHubにあります この記事で使ったサンプルコードはGitHubに置いてあります。 興味のある方は手元で動かしてみてください。 JunichiIto/ruby-2.3-sandbox それではここからRuby 2.3の新機能を紹介していきます。 深い階層にあるハッシュの
suとsudoの違い - Qiita
suとsudoはオプションの違いはあるものの、できることはほぼ重複している。 ただ、suは切替先ユーザー（root）のパスワードが要求されるのに対し、sudoは元のユーザーのパスワードが要求される。sudoは/etc/sudoersで権限を細かく設定できるので、どちらか片方だけ覚えるならsudoだけを覚えておくとよい。 オプションによって実行後のカレントディレクトリや環境変数が変わってきて、それでハマることがあるので違いをまとめておく。 （Amazon Linuxで確認。CentOSでもほぼ同じと思うが、他のディストリビューションでは違う可能性あり） コマンド .bash_profile .bashrc pwd HOME PATH
実務で役立つシェル系Tips - Qiita
パスの末尾に/があるかないかを気にしたくない 文字列を結合してパスを生成したりするときに、パスを格納した複数の変数を文字列結合するときがあります。 dirHome="/var/lib/hoge/" workDirName="work" echo "${dirHome}${workDirName}" # /var/lib/hoge/workと表示される しかし、dirHomeやworkDirNameのような変数をコンフィグファイルで設定していたり、実際に参照するところと定義箇所が遠いときがあると厄介なことが起こりえます。 例えば、下記のようにdirHomeの末尾に/がなかったらどうなりますでしょうか？
文字コードを指定してgrepする。 - Qiita
今時EUCのファイルなんて殆ど使わないが、grepせざるをえなくなったのでメモ。 コンソールはUTF8なのでそのままだとgrepできない。 ただ、やることは単純でnkfで検索したい文字をeuc-jpにしてファイルをgrep。 そして結果をUTF8にしているだけ。 ただし、LANG=ja_JP.eucjpにしないとeuc-jpでgrepができないので注意。 ちなみにgrepのバージョンは2.6。 ENVIRONMENT VARIABLES The behavior of grep is affected by the following environment variables. The locale for category LC_foo is specified by examining the three environment variables LC_ALL, LC_foo, L
他のサーバー経由でWebサイトにアクセスする。（SSHポートフォワーディング） - Qiita
テスト環境からしか接続が許されていないAPIサーバーへローカルの開発環境からアクセスするために多段でSSHポートフォワーディングしてSOCKS5を使用してどうにかしてみました。 構成図です。 外部から接続出来るのはremote1のみ、APIサーバーから許可されているのはremote2のみです。 つまり、クライアントからの接続をremote2からのアクセスであるようにしたいわけです。 今回わかりやすいように最終目的地をYahooにしてあります。 クライアントからremote2の22番へSSHポートフォワーディング SSHのトンネルを使い、 ローカルの10022番へアクセスしたらremote2の22番へアクセスしたことになるよう設定します。 これでポートフォワード出来ました。認証はパスワードでも鍵ファイルでも環境に合わせて行って下さい。 オプションは * -N リモート・ホストでコマンドを実行
PythonでJavaScriptを使ったWebサイトをスクレイピングする - Qiita
概要 JavaScriptでDOMを作ってるサイトをPythonを使ってスクレイピングしたので、手順をメモ。 大雑把には、ScrapyとSeleniumを組み合わせてやった。 Scrapy Scrapyは、クローラーを実装するためのフレームワーク。 クローラーをSpiderのサブクラス、スクレイピングした情報をItemのサブクラス、スクレイピングした情報に対する処理をPipelineのサブクラス、という風にフレームワークが決めたインターフェースを満たすクラスとしてクローラーを実装する。 scrapyというコマンドが提供されてて、このコマンドを使って、作ったクローラーの一覧を見たり、クローラーを起動したりできる。 Seleniumは、ブラウザをプログラムから制御するためのツール（でいいのかな？）。Pythonも含めたいろんな言語で使える。 よくWebサイト/アプリの自動テスト文脈でよく出てく
`set -e` しているときにコマンドの戻り値を得る - Qiita
次の書き方だと ./xxx.sh が 0 以外のときにそこで終了してしまうので case の後が実行されることはありません。 set -e ./xxx.sh $1 case $? in 1) echo one ;; 2) echo two ;; *) echo unk ;; esac echo end
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
grepで長い行を省略しながら表示 - Qiita
emacsでJSONをフォーマット - Qiita
https://qiita.com/ryot_a/items/9c6a17b6e0b4ae52c980