react-routerのハッシュリンクとスムーススクロール
react-routerのハッシュリンクとスムーススクロール React Router を使っているプロジェクトで、できれば「ハッシュリンクを踏んだ時に、対象位置までスクロールしたい」というのがあり、少し調べていた。そもそも React Router はハッシュリンクが正しく機能しないという不具合があったり、既に公開されているライブラリでは機能を満たせない、メンテナンスが不安、コードがアレ…等等、スクラッチで書くところから始まった。 react-router-hashlink React Router の <Link> コンポーネント をラップして、ハッシュリンクに対応したのが 1000ch/react-router-hashlink である。 import { HashLink } from 'react-router-hashlink'; function render() { ret
Jenkinsの無秩序なジョブをDigdagで再定義する - log.fstn
jenkins で回してる ci のジョブを digdag で書き直してみたけど、フローがひと目で分かるし、git で管理できるし、並列化も簡単だし最高だ。— Kosuke Adachi (@foostan) October 8, 2016 ということで Jenkins のジョブを Digdag に置き換えて Git で管理すると最高なので、今困っている人はやりましょう。1日あれば多分終わります。 今回試したのは CI のジョブですが、どんなジョブでも応用できると思います。 詳しく こないだ Rebuild 152 聴いていたらその会話の中に「Jenkinsおじさん」ってワードが出てきたんですよ。 rebuild.fm Jenkinsをそれなりの規模で使っている人ならお馴染みだと思うんですが、Jenkinsって自由度が高くてジョブの編集も簡単にできるから気をつけないとジョブがカオスな状態に
Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io
Intro PWA の普及により、バックグラウンド処理をいかに制限するかといった課題が生まれた。 その対策として、バックグラウンド処理における Budget と Cost の概念が提案され、それを扱う Budget API の策定が進んでいる。 基本概念と現時点での API 外観について解説する。 Update 提案されて以降長いことアップデートがなかったが、 Mozilla Standard Position をリクエストしたところ、仕様が消えていたことがわかった。 https://github.com/mozilla/standards-positions/issues/73#issuecomment-373681407 元のリポジトリに Issue で現状を問い合わせたところ、結局開発者からの支持が得られず、 Obsolete されたとのこと。 blink-dev では Intent
paters(ペイターズ) ~ 「patersで+αの出会いを。」
「会う」ことを前提としたマッチングサービス 会員様の希望に沿った 機能展開で会員数200万人突破！ 有料会員の95%以上が1ヶ月以内に会えています！
去年度から現在に至るまで、その振り返り、リクルートであったことの話 - i remember nothing
2017 - 04 - 24 去年度から現在に至るまで、その振り返り、リクルートであったことの話 一年前の今頃、私は新卒エンジニアとして リクルート に採用され、出向先の リクルート マーケティング パートナーズで実務をやっていた。 就活は自分にとって ロシアンルーレット みたいなものだった。どんな会社でも入ってみないと善し悪しがわからない。だからここは運試しだろうと、内定した企業のうち一番提示年収が高くサービス内容が興味のあるジャンルである（いわゆる英語教育系のサービスであった） リクルート に入社した。 でも、２ヶ月後に休職し、気づけば入社半年後には退職していた。 リクルート では、内定が出る時点でミッショングレードというものが提示される。平たく言うと、そのランクに応じて与えられる業務目標が設定され、年俸が変わるというものだ。 だいたいの新卒は同じミッショングレードを与えられる。私も標
リクルートを退職した - hiroqn's [Data.ByteString.Lazy.ByteString]
退職 is 離苦route 自分はこのブログで書かれているチームにいた。（ちなみに、このブログに書かれていることはすべて事実だ） いわゆる威圧されている側である remember.fornothing.net 自分も疲れたのでやめた。普通に考えて、こういうことが起こる環境で働くのは厳しい。 「リファラルで採用！」みたいな感じで人の紹介を依頼されても、上のように優秀な人間からやめていく環境を紹介できるわけがない。 そう思うとモチベーションは下がる。 どうすれば良かったを論じても結果論にしかならないので、学べたことを書くしかない。 心理的安全性 まず第一に心理的安全性を確保できないのは危険だ。 こんなこと当たり前のように思えるけど意外とできてないし、 そもそも肉体的な安全すら確保できてない企業も多そう。 KPTと呼ばれるKeep（続ける良いこと）Problem（置きてる問題）Try（今後改善す
![リクルートを退職した - hiroqn's [Data.ByteString.Lazy.ByteString]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e2226d01997f57e9cad622dafa4df3199378233/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F10328749687233786557%2F13355765958053505842%2F1496966400)
求人詐欺に画期的判決 求人票と異なる契約を結ばされても無効に（今野晴貴） - エキスパート - Yahoo!ニュース
５月の給料日を迎えて、４月分の給与明細を初めて受け取り、自分の賃金などの労働条件が募集要項や面接時の説明と異なっている「求人詐欺」に気づいて困惑している人も多いのではないだろうか。 実際に、私たちに寄せられる労働相談には、「求人詐欺」が後を絶たない。たとえば、求人段階では「基本給20万円」と示されていたのに、残業したのに20万円しか振り込まれておらず、もらった給与明細を見ると「基本給16万円＋固定残業代４万円」だった、あるいは求人票と業務内容が全く異なっていた、無期雇用のはずが有期雇用だった、などといったケースだ。 中でも悪質な手法は、入社後に募集要項とは異なる契約書にサインを迫るというもの。すでに入社してしまっている中で、「これにサインして」と言われても、なかなか拒むことはできないだろう。 これまでは、もし求人と異なる雇用契約書を結ばされてしまった場合、それが「契約書」として有効になって
vue-playとvue-styleguide-generatorでVueコンポーネント開発 - FLINTERS Engineer's Blog
こんにちは、丸山です。 JavaScriptフレームワークのひとつVue.jsの主な機能のひとつに、コンポーネントがあります。 コンポーネントはUIの部品のようなもので、（最初から特定の機能のために使われることが想定されている場合以外は）なるべく独立して再利用可能な状態を保つべきです。 また、そういったコンポーネントは作った人以外が使用することも多々あるので、どのように使うか、どういう機能を提供しているかといった情報が簡単にわかれば、開発の手助けになるかと思います。 そこで今回は、そういった場面でVueコンポーネントの開発を助けるライブラリを紹介します。 サンプルコンポーネント 今回下記のようなコンポーネントを用意しました。内容は簡単なMarkdownエディタです。 <template> <div id="editor"> <textarea v-model="input"></texta
「ノーアジェンダ・どうしましょうか会議」の傾向と対策 - UNIX的なアレ
wadap.hatenablog.com 先日、こんなエントリーを書きました。割とエンジニアやデザイナーの方は経験したことがある会議ではないでしょうか。このワードに反応されていたので、少し掘り下げてみたいと思います。 「ノーアジェンダ・どうしましょうか会議」とは もうこの名前に全てが詰まってはいるので、経験したことがある人はすぐにわかるとおもうのですが、以下の点が揃っているとまさにその会議かと思います。 アジェンダが用意されていない とりあえず関係がありそうな人を呼ぶ 会議が始まり次第「どうしましょうか」的な空気が流れる ダラダラ長い 丸投げ感満載 というところでしょうか。会議そのものに主催者側の専門性があるものでは起きづらいのですが、自身が理解できない or 経験の無い領域の話になるとわりとこういう会議になりがちなのかなと思います。 会議の傾向 そしてこの会議が始まり「どうしましょうか」
Microsoft Word - 訴訟提起プレスリリース_170508_03.doc
1 平成 29 年５月 10 日 各 位 会社名 兼松エレクトロニクス株式会社 代表者名 代表取締役会長 酒井 峰夫 （コード番号８０９６ 東証第 1 部） 問い合せ先 経営企画室長 岡崎 恭弘 （ＴＥＬ ０３－５２５０－６８２１） 訴訟の提起に関するお知らせ 当社は、平成 29 年５月 10 日開催の取締役会において、以下のとおり株式会社ワークスアプリケーションズ（以 下、「ワークスアプリケーションズ」という。）に対し、損害賠償請求訴訟を東京地方裁判所に提起することを決議い たしましたので、お知らせいたします。 記 １．訴訟提起に至った経緯及び理由 当社は、ワークスアプリケーションズを請負先とし、多様化するビジネス環境や事業戦略・営業戦略に迅速かつ 柔軟に対応するために、平成 26 年より基幹システムの全面刷新に着手してまいりました。 当社は、ワークスアプリケーションズの指導・要請に従い
【前編】転職活動で気づいた、採用が下手な会社と上手な会社 - ジンジニアニッキ！
様々な事情があってしばらく自宅警備員をしながら転職活動をしていたのですが、ようやく落ち着いたので書いています。 タイトルちょっと煽り気味ですが、今回の転職活動では20社くらいの話を聞いたりしていました。 そこで「なるほどなぁ」って思うこともあったのでちょっとまとめてみようかなと思った次第です。 記事をを書くにあたっての前提として、自分のステータスですが 後期アラサーなので社会人経験も人生経験がそれなりにあり、第二新卒ではもうないし、「若手」とも言えずベテランに片足突っ込んでる感じ 人材紹介会社にいたりコミュニティにいたり採用人事やってたりなどしているので、IT業界の他社のことはなんとなく情報が自動的に入ってくる （転職活動の中で気づいたことだが）経験年数の割にどうやら仕事上の修羅場経験はそこそこある 今回は人事とかバックオフィスとかのいわゆる「ビジネス系職種（エンジニアではない）」で転職活
今更聞けない！エンジニアのための CSS の基礎講座 〜ボックスモデル編〜 | 株式会社ヌーラボ(Nulab inc.)
注意 HTML5 からは 見た目は CSS に任せ、HTML は文書の構造（セマンティック）を表すことのみに重点を置かれるようになりました。例えば箇条書きリストを作るのに div と display: list-item; を使って構築するより、箇条書きリストを表す ul li を使ったほうがよりセマンティックです。このように目的にあった HTML 要素を使うようにしてください。 ボックスモデルとは CSS でレイアウトをする際には、 ボックスモデル を理解する必要があります。 CSS の定義するボックスモデルは以下の図のように 4つの領域で構成されています。 ボックスモデル解説図 content（コンテンツ） テキストや画像など、要素そのものの内容が表示される領域です。この領域のサイズは width（幅） と height（高さ）プロパティで指定することができます。 padding（パデ
HTTP/2 Push を Service Worker + Cache Aware Server Push で効率化したい話 - Block Rockin’ Codes
intro このエントリは、 http2 advent calendar の 1 日目です。 http2study の分かってる人にとっては、「casper の JS 版を作ってる」だけで伝わるかもしれませんが、そうでない場合非常に話すべきことがたくさん有る気がするので、順を追って説明します。 今回理解すべき内容は以下 http2 push の問題点 cache aware server push bloom filter と golomb coded set cache fingerprinting dispenser.js (最初は casper.js と言ってたけど、よく考えると被ってるのがあるので dispenser.js に変えました) そして結論からいうと、まだまだ想定していた挙動まではいけませんでした。。 http2 push の問題点 http2 で push することで、
AWS 導入事例：任天堂株式会社、株式会社ディー・エヌ・エー| AWS
Super Mario Run の配信を開始した当日は、待ちわびた世界中のユーザーからのアクセスが一気に集中しましたが、AWS のインフラは十分なレスポンスを返し続けてくれました。ここまで何も大きな障害が発生しないケースは、大量のアクセスが想定されるゲームの配信開始時では極めてまれなことですし、2017 年 3 月時点で 8,000 万ダウンロードを突破する規模になっても AWS で特に問題は起こっていません。 任天堂株式会社は「任天堂に関わる全ての人を笑顔にする」ことを目指し、ホームエンターテインメント分野において、世界中のユーザーにかつて経験したことのない楽しさ、面白さ、驚きを持った娯楽を提供することを最も重視しています。任天堂ではこれまで、ホームエンターテインメントのビジネスを主にゲーム専用機の提供で推進してきました。 さらに任天堂では、先進国が中心となっているゲーム専用機の利用者に
GoogleアナリティクスAPIで「フィルタ」を使ってデータを取得するときに使う「演算子」まとめ｜今村だけがよくわかるブログ
「Googleアナリティクスのデータを取得して何かをしたい」という場合は、GoogleアナリティクスAPIを使うと便利ですね。 アクセス数を取得して人気ランキングを作りたいGoogleアナリティクスで得られるデータを別システム上で閲覧/管理したいなど用途はいろいろあると思いますが、データ量が膨大ですね。そこで「フィルタ」を使うことで、取得するデータを絞ることができます。 例えば「フィルタ」を使うと以下のようなことができます。 フィルタを使うとこんなことができる特定のページ以外のパスを取得するクエリパラメーターがついていないページのパスを取得する月間10,000PV以上のページのタイトル名を取得するなどです。 「GoogleアナリティクスAPIで、フィルタを使えばデータを絞って取得できる」ってことは、上記の内容で何となく理解できると思います。 フィルタに使える演算子があるフィルタを使ってデー
Vim のカラースキームが微妙に気に食わないときの対処法 - 反省はしても後悔はしない
この記事は Vim Advent Calendar の 253 日目の記事です。昨日は id:tyru さんの Alt-Spaceでウインドウのメニューを表示、あとウインドウの最大化 でした。 はじめに Vim にはたくさんのカラースキームがありますね。きっとみなさんは、たくさんあるカラースキームの中からお気に入りを見つけて設定をしていることでしょう。 しかし中には 99% 気に入って入るけれど、1% だけ微妙に気に食わないという場合もあるかと思います。今日はそんなときにカラースキームの一部だけをちょこっと改造する方法を紹介します。 :highlight を vimrc に書く (基本編) 色を変えたい部分は highlight コマンドをちょろっと vimrc に書けば OK です。 " 以下のコマンドは :colorscheme の前に設定します " コメントを濃い緑にする autoc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全部教えます！サーバレスアプリのアンチパターンとチューニング
知っているようで知らないWebサーバアーキテクチャ
chrome 拡張機能でメッセージ送るとき : (*x).b=z->a+y/c
Google Open Source
