C#、ASP.NET、TypeScript、Angular を中心にプログラミングに関した話題を諸々。 by @jsakamoto

Redux Routerの pushState の使い方と、 React Reduxのconnect の mapDispatchToProps について、 connect のSource codeを追いながら解説. この記事は仮想DOM/Flux Advent Calendar 2015の25日目の記事. Redux Router pushState Usage mapDispatchToProps See Also Redux Router Redux Routerは前回で紹介した通り、 React.jsでde facto standardとなっているRouting libraryのReact RouterのRedux bindings. pushState pushState はReact RouterでURLを遷移するAPIで、元はBrowserのHistory API. Redux

本番と開発の環境の違いで、本番障害を起こしてしまった…という経験がないシステムエンジニアなど存在しないと思います。 どういう点で問題が起こり、どういう対策をすべきだったのか、経験をもとに書きだしてみます。 (ここで開発と呼んでいるのは、一応本番以外のステージング、テスト環境も含みます) ミドルウェア設定 Webサーバ 同時接続可能数(MaxClients) 開発環境では、あまり気にしないパラメータですが、本番では慎重に設定しないと次のようなトラブルを起こします。 MaxClientsが小さすぎて、システム間連携APIがタイムアウトしてしまった。 MaxClientsが大きすぎて、サーバのメモリが枯渇した。 本番でのトラフィックが正確に予測できなければ、デフォルトのままにしておいて、様子をみながらチューニング、の方が下手に設定するより事故が少ないように思います。 リライト コンシューマ向けの

まえがき JavaScriptアドベントカレンダーの最終日をやらせて頂いて光栄です。 http://qiita.com/advent-calendar/2015/javascript ※元々は2の最終日を担当するつもりでしたが、本家が空いておりましたので失礼させていただいております。 2015年、自分の中で一番何に夢中だったかといいますと、モンハンかJavaScript(Node.js)だったなぁと思います。 そんなで今回は1年間どんな感じにJavaScriptとじゃれてきたのかをモクモクと書いてみようと思います。 たまにJavaScriptではなくて、PHPの話とかもするかもしれませんが、あしからず。 1年前のJavaScriptのスキル JavaScriptを使ったWEBアプリ(SPA)を一様書くことはできる。 Backbone.js/Marionette.jsを使ったサービスをすごい

背景 ひと昔前までフロント側build toolと言えば grunt が主流でしたが、今は gulp が主流になりました。 gulpは現在のところ3.9が最新ですが、水面下では4.0が準備中です。 4.0は久しぶりの major version release だけあって、結構な breaking changes が含まれる予定です。 4.0がいつリリースされるかは分かりませんが、 4.0 branch は用意されていて、そのほとんどの機能はもう動かすことができます。 本エントリではchangelogを見ながら、その機能を実際に試していって、どういったものか説明していこうと思います。 今回書いたコードはgithubにあげたので、もし試したい方がいればどうぞ。 資料 changelog API document バージョン $ ./node_modules/gulp/node_modules

Advent Calendarの24日目の記事です。 何を書くか迷った結果、Reactive Extensions関係の記事を書くことにしました。 イベントからストリームを生成する 昔ながらのライブラリなどでは、何らかの通知・監視といった操作にイベントが使われていました。 今もRXを使わないようなライブラリでは、イベントが使われていますし、WPFもフォームもイベントが使われています。 Subscribeすると、イベントハンドラにイベントリスナーが関連付けられます。 Subscribeは、IDisposableを返し、それをDisposeすることでイベントハンドラからイベントリスナーを解除することができます。 イベントが発生すると、イベントデータがOnNextによって伝播され、ストリームに流されます。 SubscribeをDisposeするまでイベントが関連付けられた状態になるため、不要にな

宇宙航空研究開発機構（ＪＡＸＡ）と筑波大などは、宇宙船を模し、外部との行き来ができないようにした閉鎖環境に一般の人に滞在してもらう研究を来年から始める。宇宙滞在によるストレスを客観的に把握する方法を開発し、宇宙飛行士の精神面の健康管理に生かす。２４日から参加者の公募を始めた。 ２０～５５歳の健康な男性が対象で、８人を公募で選ぶ。ＪＡＸＡ筑波宇宙センター（茨城県つくば市）のバス２台分の広さがあるという訓練設備に２週間滞在。国際宇宙ステーションでの滞在を模し、宇宙食を想定した保存食を食べ、ロボットの製作やパソコンでの作業をする。外部との連絡は管制室のみ。血液や尿などを医師が調べ、表情や声の様子などを見て、ストレスの指標となるものを探す。 ２０１６年度にかけ最大４回公募する。最初の滞在は２月５日からで、専用のウェブサイト（http://www.jcvn.jp/）から申し込む。この研究と宇宙飛行士

Stay updatedRealm’s newsletter keeps you up to date on product announcements, best practices, community events, and more.

こんにちは、freee でCTO 兼 概念のほうを担当しています、 @yokoji です。 この記事は freee Engineers Advent Calendar の最終日になります。 freeeでは、「スモールビジネスに携わるみんなが創造的な活動にフォーカスできるように」というミッションの実現を目指す中で、金融機関との連携をすすめており、昨今ではFintechの文脈で取り上げられることも増えてきました。 Fintechの流れの頻出トピックとしては、機械学習、ブロックチェーン、サイバーセキュリティなどいろいろありますが、今回はその中で、先週Linux Foundation主導でプロジェクトが立ち上がった分野であり、エンジニアのみなさまにはあまりピンと来ていなさそうな（私のまわりだけ？）ブロックチェーン技術について、所感を書き留めておきます。 ブロックチェーンとはなにか ブロックチェーン

そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。しかし、ElectronアプリでDOM-based XSSが一か所でも発生すると、(おそらく)確実に任意コード実行へとつながり、利用者のPCの(そのユーザー権限での)全機能が攻撃者によって利用できる。 そのため、Electronでアプリケーションを作成する開発者は気合いと根性でXSSを完全につぶさなければならない。 nodeIntegration:falseやContent-Security-Pol

この記事ははてなデベロッパーアドベントカレンダーを始めます - Hatena Developer Blogの最終日の記事です。昨日は id:ichirin2501 の MySQLでINSERTのデッドロックに嵌る人を1人でも減らすために - ichirin2501's diary でした。 こんにちは、id:stanaka / @stanaka です。今年のはてなデベロッパーアドベントカレンダーも最終日です。 2015年もSwiftのOSS化から、JavaScriptでデスクトップアプリを書けるElectronや、 Chainer, TensorflowなどのDeep Learningライブラリ、AWS RDSのAuroraの東京リージョンでのリリースなどなど、 大小様々な技術が登場しました。 はてな社内でも新しい技術の採用方針については時々議論になるのですが、 社内向けに書いた技術選択を

さくら匿名ダイアリーの「最近のvim偏重主義に思うこと」なる投稿がはてなブックマークで話題を集めている。かつてはサーバー管理者が使用するエディタと言えばvi（Vim）とEmacsだったが、最近ではVimだけが妙にもてはやされすぎているのではないか、という論調だ。 確かにはてなブックマークでは妙にVim関連の話題が目に付く一方、Emacsに関する話題はほとんど見かけない。まあGitHub製のエディタであるAtomやAdobeのBraketsの話題はそれなりに見かけはするので、Emacsがあまり話題になっていないだけのような気もしないでもないが、しかし確かに制約が多くレガシーなVimがこれら2010年代製エディタと同程度に話題になるのは不思議ではある。 タレコミ子はVim（vi）は最小限の編集機能は覚えているものの、リモートログイン時の設定ファイル編集等にしか利用していないためあまり思い入れは

ここにたどり着いた若い君へ 真面目で良い子なら知っておいて欲しい。 私が生きてきて、若いうちに知っておきたかったことを列挙する。 ・アニメ、ドラマ、漫画、テレビ、ネットなどはなるべく控えた方がいい。知らないうちにそれらの価値観が君の価値観に変わっている。恋愛なら、それらの登場人物は美しい容姿を持っているため理想がありもしない容姿を基準にすることになるし、他の価値観においても容姿至上主義、完璧主義になったり、都合の良いものを求めがちになってしまう。それらはありもしないものだと理解しよう。 ・友情は大切にした方がいいが、友人と時間を過ごしすぎると考えが偏ることは理解しておこう。関係が無くなることに怯えてただ維持するだけの関係は友情ではないし、引越しするなどの環境を変えることができる立場であればそんな関係は無くてもあまり変わらない。彼ら彼女らと交流することでどういうメリットがあってデメリットがあ

ここ最近、ニキビが治りづらく跡が残ってしまってお困りではないですか。もともとニキビが出来やすい敏感肌の方に多いお悩みかと思います。 ニキビ跡とは、肌に出来た炎症、傷、または色素沈着によるシミの状態のことです。にきび跡は、なかなか治らなく、場合によっては一生治らないといわれているのでとても心配ですよね。確かに、ニキビ跡の種類によっては、半年～１年、さらに長期になることもありますが、正しい方法で治療をし、食生活や生活習慣を見直すことで、早く改善することができます。 また、最近では医療が発達して、治らないといわれていた重症のニキビ跡もでも目立たなくできるようになってきているんです。 私たちは数々のニキビ跡をリサーチしてきましたが、症状にあわない間違った治療をしてしまうことが一番のトラブルになります。 あなたのニキビ跡の症状に合わせた治療を行って下さい。ここでは症状別の治療方法をご説明します。 １

ねとけん Advent Calendar 2015 の 24日の記事です．一応ガジェットネタです． 2021/10/02 古い記事ですが見てくれる人がいるようなので少し追記しました． プロローグ(※フィクションです) コンビニ帰り，マンションのエントランスで家の鍵を持っていないことに気付きます．鍵は家の中＝部屋の鍵は開いている，ということなのですが，マンションのエントランスにあるこいつが帰宅を阻みます． こいつです．拡大します． アイ○ンです．色々なところで見かけます． こんなとき，フィクションの世界なら，仲間の凄腕のハッカーが怪しいカードをスリットに挿しこみ，接続された端末に謎の文字列がしばらく流れたあと，めでたくドアが開くのですが，残念ながら都合よくそんなハッカーの連れがいないし，そもそもカードを挿すスリットもありません．また，多くの場合，管理会社や不動産会社が使う番号が設定されていた

PFNのmattyaです。chainerを使ったイラスト自動生成をやってみました(上の画像もその一例です)。 20日目の@rezoolabさんの記事(Chainerを使ってコンピュータにイラストを描かせる)とネタが被っちゃったので、本記事ではさらに発展的なところを書いていきたいと思います。一緒に読んでいただくとよいかと。 概要 Chainerで画像を生成するニューラルネットであるDCGANを実装した→github safebooruから顔イラストを集めてきて学習させた 学習済みモデルをconvnetjsで読み込ませて、ブラウザ上で動くデモを作成した→こちら(ローディングに20秒程度かかります) アルゴリズム 今回実装したDCGAN(元論文)はGenerative Adversarial Networkというアルゴリズムの発展形です。GANの目標は、学習データセットと見分けがつかないようなデ

このエントリは「地方在住ITエンジニア（元・地方在住も可） Advent Calendar 2015」の 24 日目の記事です。 www.adventar.org はじめに 今月、会社のアドベントカレンダーでリモートワークについての記事を書いたのですが、離島でリモートワークをするに至った経緯と、仕事に関係ない島生活のことを書きたくて参加させていただきました。 私自身、びっくりすることが多かったので、島ってこんな感じなんだと、楽しんで頂けると嬉しいです。 自己紹介 ITエンジニアとして働いています。 結婚を機に離島に引っ越し、水曜日だけ福岡市内にある会社に出勤して、他の日は島の自宅でリモートワークをする形で働いています。 どこの離島に住んでるの？ 九州本島から船で30分程度のところにある、福岡県の 大島 に住んでいます。 島の周囲は約15km、車だと30分で一周できるくらいです。 2015年

＜この記事は「Money Forward Advent Calendar 2015」の12日目の記事です＞ Railsでアプリを書いたり、RubyでRailsを書いたり(主にBug Fix)しています。金子です。 前書き RailsのCIではRailsのmasterとRubyのtrunkでテストが回っています。普段、趣味でこのテストを眺めていて、テストが壊れたりすると原因を調べてFixしたりしています。 RubyにもRailsにも毎日新しい機能が入っていますので、それらが衝突して思わぬバグが生まれることもあります。今年見ていて面白かったバグを3つほど紹介したいと思います。 第３位　突然の大量Error 例えばテスト結果はこちら。 1) Error: BelongsToAssociationsTest#test_with_select: ArgumentError: wrong number

連載：池澤あやかとはてな大西の「エンジニアの働きやすい職場って？」 女優でエンジニアとしても活躍されている池澤あやかさんと、株式会社はてな チーフエンジニアの大西康裕が、エンジニアの働く環境や開発の様子、エンジニアのキャリアパスなどについてインタビューする連載です。毎回、さまざまな企業を訪問し、エンジニアの理想の働く環境について考えていきます。 大西　こんにちは、はてな サービス開発本部長 チーフエンジニアの大西です。 池澤　池澤です。突然こんな場所からスタートです！ 大西　まるでトレーニングジムのようですが、入り口に会議室の札がありました。連載「エンジニアの働きやすい職場って？」第2回、ここはなんと クックパッド のオフィスなんです。オフィス訪問といっても信じてもらえないかも。今回案内してくれるのは…… 大西　あっ！ 技術部 部長　会員事業部 副部長　人事部 エンジニア人事企画リーダー　

ギークハウスAdvent Calendar 2015 なにかをしていないと 自分が壊れてしまいそうだった だからがむしゃらに山に登った 夢枕獏 『神々の山嶺』より 先月まとめて仕事に費した分を取り戻すため、今月になって南アルプスへと度々入り込んではしばらく山中を放浪していた。サルオガセに包まれた樹林帯を踏み抜きながらツボ足で超え、稜線に乗ってからは新しい粉雪をラッセルするが、時にそれが湿って重くなる。通ったところにあまりクラストしたところはなかった。痛めている右膝は新しいサポーターのお陰かそれほどの違和感はない。薄い雪が強い風で煽られて降り、雪煙も舞う視界の外の、どこか遥か遠くからは地鳴りのような低い響きが聞こえてくる。このあたりにそれほど大きな雪崩を起こす場所は思い当たらないし、大きな崩落地というほどのものもなかったはずだから、どこかで風雪がこの不気味な音を立てているのだと思われた。うっ

日々、bundle updateしてますか！ circleci-bundle-updateとcircleci-bundle-update-prを使って、bundle updateの Pull Requestを自動化する手順をまとめてみます。作者の記事を読めばいいっちゃいいんですが、地味に抜けていた手順と各ステップは何のために必要かを整理してみました。 このgemは、Pull Requestに各gemの差分リンクを貼ってくれるのが便利だな！って思って採用してます。素敵なgemをありがとうございます。 github.com github.com ステップは CircleCI経由でbotからgithubにpush出来るようにしておく CircleCI経由でbotからgithubにPR作れるようにしておく 外部からCircleCIへbuild指示できるようにする 外部からcronでCircleCI

重要なのは、この「煩わしさ」は、「そのタスクを完了した際に、どれだけ体力と意欲を使い果たすか」 の指標であることです。 「技術的には難しくないから、経験の浅い人にまとめてやってもらおう」と、そうした「だるいタスク」を集中させてしまうと、あっという間に人員が疲弊して 最悪離職します 恥ずかしながらこういう経験があります。 「だるさ見積り」した => 予測工数の -5%〜+5% の前倒しor遅延 で済んだ 「だるさ見積り」しなかった => +20%〜40% も遅延した。 終わった後の生産性の低さも本当にもう酷かった。 ごめんなさい。。。。 やろう！『だるさ』見積り！本当に大事だよ！ [見積もり編] 3. OKR を意識したバックログ 具体的には Github の issue サマリを記載していく事柄で実践します Objectives : この PullRequest で何ができてほしいのか サ

クリスマスもコードを書きたいアナタに送る！ 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜

Rivian needs to sell its new revamped vehicles at a profit in order to sustain itself long enough to get to the cheaper mass market R2 SUV on the road.

Censorship Freedom of Speech Moderation 「表現の自由」の名のもとに誰かの表現が抑圧されるなら、それは「自由な表現環境」と言えるのだろうか「とても厄介なのは、言論を沈黙させるために言論を用いる人の中には、自分たちの言論の自由の権利について語り、自分たちの発言が言論の自由に保護されていると主張する人がいることです」 続きを読む

はじめに ここ一年くらいずっと Rails の何がダメでどうすれば良くなるのかを考えていました。 Rails を使ってそれなりの規模のアプリケーションを作ったことがある人なら、メンテナンスのしづらさを感じたことがあるのではないでしょうか。 メンテナンスの問題は Rails 以外の開発でも発生することですが、実のところメンテナンスしやすいアプリケーションはどうすれば作れるのでしょうか？ この難問に対して私も答えを持っていませんが、考え続けています。 少なくとも、 Rails Way や Rails Tutorial をベースにしたアプリケーション開発は、業務で用いるには簡単すぎるように思います。 「レールに乗る」という言葉がありますが、私は考え方を変えました。 Rails は規模の大きいフレームワークですが、土台に過ぎません。 Rails Way の設計方針は小規模な開発では有効ですが、規模

ひっどいタイトルだ。サイアクすぎ。。。 みてますか、地元の微妙な知り合いとか職場の人とか親とか！ 監視してるの知ってるんだからな！クソクソ！死ね！！！！！ はぁはぁ、えっとー、なんの話でしたっけ？ 〜はじまり〜 そう、、、この前、いや、いつもなんですけど、 満員電車からの夜10時、ボロボロになって帰ってきて。 暗い部屋の灯りをパチン…とつけて、震えながらエアコンの暖房つけてさ。 クローゼットの前でネクタイ緩めながら 友達もいない、恋人もいない、やりたい事もない。 趣味は貯金。なんなんだろ自分って。うぅう うううおぇええウワーン！ひっく…てやんでい… って状態で。。。。。。 しかし、なんとなくですよ、なんとなく。 や、やめろ！なんとなくってゆってるぢゃん！ なんとなく、おんにゃのこの格好してみたら、、、 あっ、あっ、あっ、あれえ？おぼぼぼ、オハイオ州？？？ 「か、可愛い…」 そうなのです、女

こんにちは。ヨッピーです。 「あれ？ こいつなんか鼻がデカくね？」って思ってる方もいらっしゃるかも知れませんが正解です。 鼻炎の手術をして退院直後だからです。まだだいぶ腫れてる。 さて、今回は美容家電メーカーのヤーマンさんからこの、スカルプドライヤーを宣伝して欲しいという依頼を頂きました。 スカルプドライヤーは遠赤外線と振動によって、頭皮環境を整え育毛剤の浸透を高めるという思いっきり薄毛の人向けの商品。 しかしながら、僕はまだ一応髪の毛が生えてますので、この商品をアピールするにはやっぱり薄毛の人が実際に使っていただくのが一番と思い、今日はこの人のご自宅にお伺いすることにしました！ えっ…？ 誰？ あっ…。 じゃん！ プロ棋士の佐藤紳哉七段だーーー！ 佐藤紳哉七段 将棋棋士。神奈川県相模原市出身。 【佐藤七段のエピソード】 ・対局中にカツラを外して相手を威嚇する。 ・対局の解説役としてセーラ

「エンジニア35歳定年説」が許されるのは小学生までだよねーとか思っていたら、実際にはそんな感じになってしまったあるエンジニアの半生を振り返ります。ご参考まで。 第一期 サービスリリース前 自分でサービスをガリガリ作っている というかサービスを作ることしかしていない １日１６時間くらい仕事をしても、プログラミングしかしていないので疲れない 仕様の検討をしながら作るので、基本全ての時間は開発をしているという認識 フルスタックエンジニアというある種の全能感を満喫する 第二期 サービスリリース後 運用（ユーザーサポートなども含む）が入ってくるのでサービス開発のスピードが落ちる エンジニアを採用（業務委託含む）する 仕様の調整やコードレビューなど、開発以外の仕事が少しずつ増えてくる でもまだまだ自分が圧倒的にメイン開発者 コードレビューやマージ、リリースは自分が全てやる システムの全体からディテール

人材流動性の高まりを日々感じているみなさんこんにちは。 最近いろんな会社にお呼ばれしていて、その中でエンジニアの採用の話になることがとても多いのでちょっと整理しておきます。 ポイント▼「面白いプロダクトもないし、仕事内容は面白いとは思えないし、よい給与は払えないし、仕事環境にも自由はないけど、良い人雇いたいんだけど、どうしたらよいですか？」悪いが諦めろ。良い人は当然のことながら複数の会社が興味をもつことになるし、働く場所を自分で選択します。Pros/Consを見極めて選ぶことになるので、Prosがない場所で働く理由がありません…だとあまりに冷たいので、もしあなたが次に転職するとして、それでも今の会社に入るのであればあなたを惹きつける理由が何かあるはずで、それをアピールしよう▼「入社してから期待値にあっていないことが分かる、ってことが多いんだけどどうしたらよいですか？」期待値を明文化している

本日、iOSアプリ「はてなブックマーク」バージョン3.4をリリースしました。 今回のアップデートでは、主にアプリ内ブラウザの挙動を改善しました。他にも「通信エラー時にクラッシュする」などの不具合を解消しました。App Storeからアップデートしてご利用くださいませ。 ▽ はてなブックマーク / 人気のブログ・ニュースも無料でまとめ読みを App Store で アップデート内容（バージョン3.4） アプリ内ブラウザでナビゲーションバーが隠れている場合、画面の上部か下部をタップすると表示されるようになりました アプリ内ブラウザやコメント／あわせて読みたいで、画面最上部（時計部分）を押すと最上段にスクロールできるようになりました（Scroll To Topに対応しました） 使い続けると、アプリのストレージ使用量が増える問題を改善しました（キャッシュクリアするタイミングを見直しました） 通信エ