ちょうど二年前のアドベントカレンダーでこんな記事を書いていたようです。 現状はどうしてるのか当時を振り返りながらまとめようかなと思います vendoringについて 依存管理は、depを使ってます。（depが出るまではglide使ってました） 2年前にくらべると色々と便利になって普通に使っていけるようになりました。 当時はまだGo1.5とかでしたね... 主に使ってるライブラリ とりあえず以下使ってますという感じ goa gorm 詳細はこちら https://qiita.com/kyokomi/items/dcd8384a0a042d72d22d パッケージ構成とか もともとDDD本に出てくるレイヤードアーキテクチャを意識してたんですが、いつの間にかオニオンアーキテクチャ風になっていたようです。 現時点では、この形が自分の中ではベストかなと思ってます。 ├── application ├

//go:generate goagen -o gen main --force -d github.com/kyokomi/example_goa_api/\_design //go:generate goagen -o gen app -d github.com/kyokomi/example_goa_api/\_design //go:generate goagen -o gen swagger -d github.com/kyokomi/example_goa_api/\_design (/Users/kyokomi/workspace/go/src/github.com/kyokomi/gorm-explain/example/main.go:53) [2017-05-05 18:16:38] [1.08ms] INSERT INTO `products` (`created_a

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この記事は『ドワンゴ AdventCalendar 2017』の14日目の記事です。 はじめに アプリケーション開発において、近年ではQA(Quality Assurance)という品質やパフォーマンスを保証することに対してエンジニアリングがどう対応していくかといったことに注目が集まりつつあります。 例えばGoogleでは既存の品質保証プロセスで存在していた手動プロセスを自動化するという試みが行われており[1]、MercariではQA-SETチームという職務横断型プロジェクトの発足といった取り組みがなされているようです[2]。 今回はこのようなQAの確認項目の一つである負荷試験とパフォーマンス分析についてお話できればと思います。 Goadの紹介 負荷試験(LoadTest)は、構築したシステムがパフォーマンス要件を満たしているかの確認、ボトルネックの発見、パフォーマンス最大化のために行われ

bashとシェル芸 シェル芸を嗜むシェル芸人でなくとも、Unix系OSのユーザであれば日々シェルのお世話になっているはず。 数あるUnix系シェルの中でも、最も普及していると言われるbashについて、あまり使われてなさそうな文法を紹介する。 前提 動作確認環境 Ubuntu 16.04.3 LTS Linux kernel 4.4.0-97-generic x86_64 GNU bash, version 4.3.48(1)-release (x86_64-pc-linux-gnu) 日本語版マニュアルは JM Projectから引用 パイプラインの文法 パイプラインの文法全体の定義は以下の通り パイプライン (pipeline)は、制御演算子 | または |& で区切った 1 つ以上のコマンドの並びです。 パイプラインのフォーマットを以下に示します: [time [-p]] [ ! ]

はじめに クライアントサイドでのWebアプリケーション開発の発展は留まるところを知りません。しかし、JavaScriptは 型安全ではない ビルドのための環境構築が大変 といった課題をずっと抱えています。前者はTypeScriptでかなり改善されていますが、ベースがJavaScriptなので当初から型をもつ言語には及びません。後者もWebpackでかなり改善されましたが、依然としてビルドの設定は一番苦労するところです。WebAssemblyが主要ブラウザでサポートされた今、これらのソリューションとしてRust+WebAssemblyのフレームワークを提案します。 フレームワークの要件 フレームワークは既存の課題を解決するだけでなく、使いやすいことが重要だと思います。今回フレームワークを設計するにあたり、4つの要件を定義しました。 型安全 ビルドツール不要 標準HTMLに近いテンプレート記法

ページ上でずっと動いているsetTimeout、setInterval、requestAnimationFrameを見つけてパフォーマンス改善する 複雑なウェブアプリケーションになってくると、1つのページで複数のTimerなどを回すことがあります。 例えば、Twitterのようなアプリならば、ポーリングで更新するためにsetInvervalのようなタイマーを回します。 また、ゲームなどCanvasで描画を行うアプリケーションならば、メインループをrequestAnimationFrameで回します。 このように色々なタイマー系がありますが、アプリが多機能になっていくと色々なタイマーが同時に動くようになっていきます。 特に問題がなりやすいのが表示中だけタイマーを回すコンポーネントです。 よくあるのが次のようなmount時にtimerを開始して、unmount時にtimerを停止するコンポーネ

OSS紹介 Advent Calendar 2017 にかこつけて、自作オーエスエスを紹介していくスタンス。ということで20日の記事です。 Haconiwaは、いわゆるLinuxコンテナランタイムです。コンテナといえばクジラっぽいロゴのやつが有名ですが、Haconiwaはmrubyを組み込んでおり、コンテナに関するLinuxカーネルの機能を自分で組み合わせて使える点、フック機構など様々なAPIにより自分自身を拡張できる点、に特徴があります。 リリースして RubyKaigi 2016 でおしゃべりしてから大体1年（雑...）経っているのですが、改めて紹介してみます。みるぞ！ インストール 手元にUbuntu Zestyの環境があるので雑にインストールします（Xenialならリポジトリ追加もできますがLTS以外は用意していなかった...） $ wget --content-dispositi

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 弊社は、他社さんとタッグを組んで小規模なソシャゲの開発＆運用を行ってきました。 その中で、開発者ながらも提案・開発・運用まで全てのフェーズに関わらせていただき、色々知見が溜まってきましたので、その一部を共有します。 1. ソシャゲはユーザ層を幅広く意識する必要がある ソシャゲの大きな特徴のひとつとして、「ユーザが継続的に遊ぶ」という点があります。 ソーシャル性（人との関わり）がある コンテンツを継続投入する ことで発生するワケですが、このとき注意しないといけないのがユーザ層についてです。 通常のゲームであれば「ライトなユーザ」か「ヘビー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? LITALICO CTOの岸田崇志(@takish)です。 2017年のアドベントカレンダーもついに最終日となりました。 入社して2年経ち、エンジニアも順調に人数が増え、新卒採用からの育成、そして新規事業ラインへのエンジニアラインがスケールアウトできるようになってきました。 特に前職ではインターネット事業の急激な成長を経験したので、エンジニア育成サイクルの礎を築いて置くことの重要性は身にしみて感じていたので、最初からそれを念頭に組織を組み立てています。 はじめに 筆者はエンジニア組織の立ち上げは3回目なので「デジャヴ？！」と感じる事も多

Chainer Advent Calendar 2017の7日目です。 はじめに みなさん、Deep Learningしてますか？正直Deep Learningって疲れますよね。パラメータチューニングの毎日、下がらないLoss、過学習するモデル、スタープラチナに殴られたようなGANで生成された大量の顔。 そんな鬱憤を晴らすべく、今日はChainerでDeep Learningをしない、という記事を書きます。 Computer Visionの多くの問題は、何らかの最小化問題として定式化されます。最小化する際は、殆どの場合は式を立て、微分し、最適なパラメータを求めます。そこには大きな問題があります。 微分めんどい 微分が複雑・・・式が複雑だと計算間違える・・・手法を変更するたびに微分しなくてはいけない。そんな問題を解決する凄いライブラリがあるのです。そう、Chainerです。Chainerでは

出演者が大勢いる声優イベントに参加すると、当然自分が知らない声優さんもいらっしゃいます。そんな時、出演者の立ち位置や評価を俯瞰できるといいなーと思うことがあったので、簡単に作ってみました。 大体以下のようなテーマで取り組みました。 ある声優がどのようなクラスタに属していて誰に支持されているのかがわかる その声優の流行がわかる 1.は声優とファンのインタラクションを利用して声優をベクトル化できればクラスタリングもできそうなので、レコメンド系の手法をベースにします。2.は時刻に関する情報なので、時系列拡張したレコメンドアルゴリズムを実装してみました。 データ ユーザーと声優の関係データを用います。声優イベント管理ツールであるEventernoteは、気になる声優をお気に入り登録する機能を提供しています。今回はこのデータを拝借しました。 基本的なレコメンドはユーザーとアイテムの関係のみを入力しま

Fringe81 Advent Calendar 19日目です。 本記事は、Wide & Deep Learningの基本的な概念の理解をゴールにしており、実装の細かい話については触れません。 Wide & Deep Learningの詳細を知りたい方は以下のページを参照下さい。 TensorFlow Wide & Deep Learning Tutorial Research Blog: Wide & Deep Learning: Better Together with TensorFlow 対象読者 Python/TensorFlowで機械学習のモデリングをしている 高次元スパースなデータを扱っている 線形モデルとDeepLearningの良いところ取りをしたい TensorFlowとは 以下の記事を参照下さい。 DeepAge: ビッグデータを分散学習するDeep Learning

初めに この記事はスマートスピーカーアドベントカレンダー 2017の13日目の記事です。 遅くなってしまい大変申し訳ありません。 やりたいことが無事に動作したので、記事を公開します。 なお、私は電子工作は素人レベル、Webのセキュリティに関しても専門ではないので、間違っている点についてはぜひ指摘をお願いします。 やりたいこと タイトルの通り、Google HomeからRaspberry Piを経由してリモコンのコントロールを行います。 既にFirebase等を使って実現されている方々もいる中恐縮ですが、ラズパイにサーバーを立ててWebhookから呼び出す単純な方式で作ります。 取り敢えずは自分が知っている知識の範囲で作成して見たかったので、次は是非Firebaseも試して見たいと思います。 作業の流れとしては以下の通りです。 ラズパイにApache2+PHPをインストールする 無料のダイナ

「最小のNode.jsのDockerイメージを目指すスレ」、「JavaでもDockerでマルチステージビルド」というエントリーでは、Node.jsとJavaを使ったアプリケーションのイメージをなるべく小さくするトライアルをしました。 今度はGoでやってみます。ただし、Pure Goで最小というのはすでに方法があって、scratchという何も含まれないイメージを元に、静的リンクしたバイナリを配置するという方法です。 Building Minimal Docker Containers for Go Applications Goを使う場合に、一部cgoで使われたパッケージを利用したいこともあるでしょうし、雑にコマンドラインを利用することもあるだろう、ということで、今回も、できることを減らさずに（やりたいことにしたがって細かく作戦を微調整する必要がない）、なるべく小さく、という方針でいきたいと

はじめに 本記事では私なりの CloudFormation を少しでも楽にメンテするノウハウを説明します。 この記事で触れること AWS CloudFormation の (私なりの) 作成・メンテ手順 Templateファイルをどうやって書くか スタックの作成、更新手順 テスト・CI・動作確認の流れ AWS CloudFormation の組み込み関数 AWS CloudFormation Change Sets AWS CloudFormation Cross Stack Reference この記事で触れないこと AWS の説明 「これから AWS を触るんです！」という方には色々と説明不足な点があると思いますがご了承下さい CloudFormation ヘルパースクリプト cfn-init とか cfn-signal など 私にはベストプラクティスを説明できる自信がないので省いてい

（2018/01/05 追記）ちょうどpython-pptxを調べていたので、pptx形式で図を保存できるようにし、タイトルも修正しました。 はじめに 論文やスライドで、畳み込みニューラルネットワークのアーキテクチャを良い感じに表示したいときがありますよね？スライドだとオリジナル論文の図の引用でも良いかなという気がしますが、論文の図としては使いたくありません。 ということでKerasのSequentialモデルのような記法でモデルを定義すると、そのアーキテクチャを良い感じに図示してくれるツールを作りました。言ってしまえばテキストを出力しているだけのツールなので依存ライブラリとかもありません。 https://github.com/yu4u/convnet-drawer ここまで実装するつもりはなかったので綺麗に設計できていませんが、バグ報告や追加機能要望welcomeです！ 経緯 元々は、

この記事は Retty Advent Calendar 2017 24日目です. 昨日は@udoooom さんの 「カワイイはつくれる」 でした. Rettyのサーバサイドエンジニア兼魚料理担当のnakagawa(@shinyorke)ともうします. 好きな魚料理は「青魚の南蛮漬け」1,趣味は野球のデータ分析です.2 気がつけばRetty Advent Calendar 2017三回目の登場です,今日もPythonのハナシで吟じます,よろしくお願いします テーマ「Pythonでのバックエンド開発」 一言で言うと, Pythonでバックエンド（バッチ処理）をオールインワンで作った時のノウハウとなります. 他社様のサービスとデータ連携する基盤をPython + Docker + AWS ECSで作った＆運用している（今年から） Pythonライブラリ（Jupyter notebook, req

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 昨年に引き続きDeep Learningやっていき Advent Calendar 2017の25日目の滑り込み記事で，畳み込みニューラルネットワークの歴史および最新の研究動向についてのサーベイです．2017年12月のPRMU研究会にて発表した，畳み込みニューラルネットワークについてのサーベイをベースに追記を行ったものになります． はじめに 畳み込みニューラルネットワーク (Convolutional Neural Networks; CNN) （以降CNN）は，主に画像認識に利用されるニューラルネットワークの一種である．CNNの原型は

はじめに futures1 とは、rustにおいて非同期処理を実現するためのライブラリです。非常に強力ですが、結構難易度高いので、使い方のコツとかを書きます。 何が難しいのか 型の追い方 型推論を把握している必要がある 対象者 [required] Result列挙型が実務レベルで使える人。(combinator周りの知識は必要です) [optional] 低レベルな非同期処理をrustで使いたい人。 futures crate触ってみたけど、型に押しつぶされて圧死した挫折した人。 version 大幅な仕様変更は無いと思いますが、将来deprecatedになる可能性はゼロではないので、念の為。 準備 associated type associated typeについては、https://doc.rust-lang.org/book/first-edition/associated-ty

Rails Developers Meetup 2017で発表した「Rails❤️SQL」のサンプルコードです。 スライド スライドはこちらにあります。この記事とあわせてどうぞ。 Rails❤️SQL #railsdm // Speaker Deck 1. ちょっと凝った検索条件 Formモデル target_none?やxxx_selected?は独自のprivateメソッドです（コード例は省略）。 class ProjectSearchForm include ActiveModel::Model attr_accessor :keyword, :project, :customer, :member def result scope = Project.all if keyword.present? conditions = [] if target_none? || project

NTTコミュニケーションズアドベントカレンダー 12日目。 今日は、荒ぶるDDoS攻撃1からサービスを防御するための新しいプロトコル DOTS (DDoS Open Threat Signaling)を紹介します。 DOTSプロトコルについての詳しい日本語の記事は初めてなのではないかと思います。 DOTSとは？ DOTSとはIETFで策定中のDDoS対策のためのプロトコル DDoS対策の自動化と標準化を実現するよ OSSによる実装がでているよ この記事では、OSS実装である go-dots を使って、DOTSプロトコルの利用方法を紹介します。 これからのDDoS対策の話をしよう DDoS攻撃は2つの方向で脅威が進化しています。 大規模化: Arbor社によると、2016年のリオオリンピックでは、500Gbpsを超えるDDoS攻撃があったとのことです。IoTなどインターネットに接続される機器

こんにちは。COUNTERWORKSアドベントカレンダー13日目担当の疋田です。 先月からエンジニアとしてJOINしました。現在、業務ではshopcounterというサービスのRailsアプリケーション開発や日々の運用、データ集計や分析を元にしたプロダクトの改善などをメインで行っています。 スタートアップのエンジニアを経験していく中で、常に素早くPDCA回してユーザからのフィードバックをプロダクトに反映することが重要になってくるため、エンジニアとしてはコードの変更のしやすさとか捨てやすさ、読みやすさってかなり重要だなーと改めて強く思ってます。 今回は3年くらいRailsやってきた中でちょっとずつ溜まってきたメンテするときこういうコード辛かったなって部分を共有できたらなと思います。 ちなみに、これらはすべて今までの自分自身もやっていた時期があるコードであり、反省の意味も込めて書いてみます。

この記事は Akatsuki Advent Calendar 2017 の15日目の記事です。 14日目の記事は Beam SQL DSL ファーストインプレッション でした。 はじめに ソーシャルゲームの運用では、ときに大規模なトラフィックが予想されるイベントが開催されます。 普段は NewRelic や AWS CloudWatch 等で普通に監視していれば問題になることはありませんが、急に3-5倍のトラフィックが来たときは、予想もしていなかった箇所がボトルネックになったりします。 過去の事例をあげると、Amazon RDS(MySQL)のCPUもメモリもIOPSもLock状況も問題ないメトリクスのなかで、データベースの応答時間が極端に遅いということありました。 よく調べてみると SHOW GLOBAL STATUS; で確認できる Open_files の値が低く、これは open_

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みなさんは、Modelと言われたときに何をイメージしますか？ こんなアレを思い浮かべた方も多いかと思います。 マサカらせてください。やはりお前らのModelは間違っている。 アレをModelと呼ぶと何が不味いのか すみません、早速言い過ぎました。半分は正しいです。MVCの発明者、Trygve Reenskaug氏による1979年の説明によると、 Models represent knowledge. A model could be a single object (rather uninteresting), or it could

この記事は 第2のドワンゴ Advent Calendar 2017 7日目の記事です。 昨日の記事は@yue82さんでRTL設計スタイルガイドのアンチパターンをやってみたでした こんにちは。ニコニコ静画でフロントエンド開発を行っているnagisioです。 今年も冬コミに落ちてしまいました 去年の記事はRe:ゼロから始めるElectron開発生活でした。Electronに関して、残念ながら最近はあまり書いてないのですが、Reactは既に趣味でも仕事でも必須なフレームワークとなりました。 本記事ではそんなReactを用いたプロダクト開発について、どのように開発を進めていくのかを追っていきます。 はじめに（宣伝枠） ニコニコ静画チームにおいて、フロントエンドでの新規開発は基本的に少人数（１〜２人程度）で行っています。比較的小規模な開発が多く、例えば直近でリリースしたのがニコニコ漫画@C93です

Shibuya.apk #20 の資料とCyberAgent Developers Advent Calendar 2017の9日目です。 今日はAbemaTVで利用しているデバッグメニューの仕組みについて紹介したいと思います。 背景 アプリのデバッグやQAによるテスト中にはバグ修正などさまざまな作業があります。 よくあるのが、『めったに出ないレビューを訴求するダイアログをデバッグ中は毎回出したい』『デバッグ中にサーバー環境を切り替えたいという』などという一時的な変更があります。 そのために作業を中断し、ブランチを切り替え、編集して動作を確認し、ビルドし直してapkを渡して、作業に戻っているとあっという間に時間が過ぎてしまいます。 そういうタイミングでよくやる方法としてはデバッグメニューを実装して、 デバッグ時にデバッグメニューで動作を変更できるようにして、テストを楽にします。 例えばデバ

Vueでキャンペーンサイトを作った話を自社の記事で投稿してしまい、同じネタを使おうとしたら、二重投稿禁止というのを知らなくて、焦りました。 似たような投稿するのもあれなので、なんか違う話題も書きます。 nuxt.js+expressのvue-cliテンプレートを使って、api+SSRのシングルページアプリケーション構成のマイクロサービスを作っています。 ちっちゃいページ+ちっちゃいAPIを使うとすごくいい感じにマイクロサービスを作ることができました。その良さを今回は語ります。 重要なものが最初から簡単に用意できる webpackの設定は自分でローダーを設定すると柔軟に設定する代わりに割と手間が増えます。 特にVueでお決まりのアプリケーションを作りたいときに、下の要件は欲しいでしょう。 シングルファイルフォーマットでの開発(vue-loaderの設定) linterの実行 シングルページで

はじめに 最近Goを使っているので、自分の興味分野であったマイクロサービスをGoでどうやって実現できるか調べてみました。といってもそんなに深い内容ではありません。gokitのチュートリアルに毛が生えた程度です。すごい簡単なアプリが出てきますが、かなりいい加減なので先に謝っておきます。真似しないように。 それではつらつらと。 Gokitについて A toolkit for microservices と書いてありましたのでその通りなんだと思います。 他にもマイクロサービス用のライブラリはあるらしいですが、スターの数が8500(2017年12月)と圧倒的ぽかったので、触ってみました。 今回作ってみたサンプルアプリについて すごくシンプルなアプリです。 全ソースコード https://github.com/miya-masa/go-micro-sample UserServiceとProduct

エイチームライフスタイルアドベントカレンダー2017、9日目は株式会社エイチームライフスタイルのデザイナー @chika_1127 が担当します。 今回はCSSアニメーションについてのご紹介です。 本記事についての注意書き 今回の記事はCSSアニメーションの基本的な書き方を知っている方向けです 基本的なプロパティや使い方などは省略します 基礎的な記述について知りたい方は下記のページがオススメです CSSアニメーション 入門 CSSアニメーションの使いどころが分からない問題 ところでみなさん、CSSアニメーションをどういう場面で使っていますか？ 特設サイトやLPで使うもの、といったイメージがありませんか？ 世の中にはこれもCSSアニメーションなの！？ と驚くような複雑なCSSアニメーションなどもありますが、 そればかりがCSSアニメーションではありません。 プロモーションサイトのようなギミッ

{ "devDependencies": { "eslint": "github:eslint/eslint", "husky": "github:typicode/husky", "tslint": "github:palantir/tslint", "lint-staged": "github:okonet/lint-staged", "npm-run-all": "github:mysticatea/npm-run-all", "prettier": "github:prettier/prettier" } } Formatter is 正義 JavaScript 業界がここ数年でSyntaxが豊かになるだけでなく、何より開発環境が劇的に進化したと感じています。 代表的なものとしては TypeScript や FlowType のような型情報を付与する概念ですが、 合わせてストレスフ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Cognitect社のNygardさんが10年ぶりに改訂したRelease It! 2nd Editionがまもなくリリースされます。内容は現在のベータ5版で全て書ききっておられるようなので、是非読んでみてください。 https://pragprog.com/book/mnee2/release-it-second-edition その中から4章の安定性パターンの概要をご紹介し、実際JavaのFailsafeライブラリを使った実装例を示したいと思います。 安定性のパターン Stability Patterns 分散システムや後続をブロッ

iOS Advent Calendar 2017 14日目の @tdkn_ です！ 株式会社バックムーン でエンジニアしてます。会社では「てど氏」って呼ばれています 13日目は @kamekiti さんの「iOSアプリ新規開発のノウハウ」でした。 ちなみに明日の担当は @huin さんです。 Advent Calendar に参加するのは今回が初めてです。当初は面白い記事書いてやるぞ〜と意気込んで参加登録したものの、なかなか執筆時間が確保できず...。そこで、今回は僕が iOS 開発をする中でライブラリ探しをするときのフローと、実際によく使っているおすすめのライブラリを紹介したいと思います。 ライブラリの探し方 Awesome iOS を眺める 知らない人もいるかもしれないので説明すると、まず GitHub に awesome というリポジトリがあります。Awesome とは 素晴らしい

こんにちは。@katsuhisa__ です。 本記事は、「Elastic stack (Elasticsearch) Advent Calendar 2017 」の12/18(月)分です。 ###前置き 第21回Elasticsearch 勉強会で、ログ解析基盤としてElastic Stack を導入したお話を発表したのですが、その際に、「次は全文検索エンジンとしてElasticsearch を使います！」という宣言をしました。 残念ながら実務で使うには至っていませんが、少し前にこちらの記事を参考に、Rails でElasticsearch を動かす一通りの流れを実装しました。 というわけで、Rails でElasticsearch を動かすためにやることをあらためて整理しました。実装したときのコードはここに置いていますので、必要であればどうぞ。 ###対象読者 RDBMS 以外を使用した

TL;DR Linux (X11) 向けのキーリマップツールをつくった Python 3 で書かれており sudo pip install xkeysnail で入れることができる uinput という Linux の低レイヤ API を利用し動作するため「多くのキーリマップツールではうまくリマッピングが動かなかった場所」でも動作する アプリケーションごとにキーバインドを変えたり、複数ストロークのキーにコマンドを割り当てたり Python の関数をキーに割り当てたりすることもできる 詳しくは https://github.com/mooz/xkeysnail で 背景 Firefox が Quantum になり、旧来の XUL ベースのアドオンは動作しなくなった。新たな拡張機能の機構である WebExtensions ではキーボードショートカットに関する API が大幅に制限され、ぼくは拙

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づ

Important: In this tutorial, you’ll learn how to use the enums without iota in the first section — After that, you’ll also learn about iota and the other helper tools as well after the first section. So, learn to crawl first, then walk then run! What is an Enum? ★An enum groups related constants together in one type. Example enums:Timezones: EST, CST…T-shirt Sizes: Small, Medium, LargeServer Statu

皆様、新年あけましておめでとうございます。今年も昨年の特集に引き続き、2018年のAPI動向を探っていきたいと思います。新年早々の記事なので当たるも八卦、当たらぬも八卦。気軽な気持ちで読んでみてください。 JSONを巡る動き RFC 8259の策定 まず直近の2017年12月に策定されたRFC 8259 - The JavaScript Object Notation (JSON) Data Interchange Formatに触れない訳にはいかないでしょう。簡単に要点を列挙すると以下のようになります。 このRFC 8259はECMA-404との統合がなされ、今後これらの仕様が足並みを揃えて更新されるようになっていきます。 8.1. Charactor Encodingに示されるとおり、原則JSON textはUTF-8でエンコードされないといけなくなりました。 8.2. Unicode

フロントエンドが戦国時代を迎えて数年が経ちましたね。 最新のあれこれの前に、その前提となる部分を押さえると理解が早くなります。基礎知識は土台の様なものです。こういう部分には大きな変化は頻繁には起きないので、長く使えます。また、一度知っておけば変化が起きてもキャッチアップが早くなります。 ※ 読みきれないと意味ないので、だいぶ削りました。 コーディング全般に関する知識 長く使えますし、JavaScript以外でも使えます。設計技法とデザインパターン、美しいコードを書く為のテクニックetc。良い本が沢山出てます。 ↓ 2017年末にバズってました。 【年末年始に読みたい！】優秀なエンジニアが影響を受けた本ランキングトップ32冊！（559冊収録の全ランキングデータPDFファイルつき） あと、変数と関数の命名は超大事 プログラミングでよく使う英単語のまとめ【随時更新】 - Qiita 今さら聞けな

少し間が空きましたが、12月19日に行われた『大規模リニューアルプロジェクトの舞台裏 UX & Service Sketch #21』に参加してきました。 イベントでは４名の方が登壇し、サービスリニューアルの話を10~15分でプレゼンテーションをしていただきました！ 今回は登壇者の一人、THE GUILD 代表　深津貴之さんの日経電子版アプリのリニューアルをもとに話していただいた『確実に良くするUI UX設計』のプレゼンをまとめました。 THE GUILD 代表　深津貴之さん 「内制でもうまくいくときとそうでないときがあり、リニューアルは大博打である。また自分にとってのキーファクターは、外部と内部の相対的な位置関係、力関係を指摘する人だ」という深津さん。 内部で運営をし続けると２つ大きな問題点がでてくるといいます。 １点目は、世代交代しているうちにだんだんとアップデードしかしないようになる

I’ve been working on a simple web application written in Go, hosted in Google Cloud, using Google Kubernetes Engine. It turned to be such great experience, I couldn’t miss an opportunity to share it. It took me less than an hour to setup things for the first time, reading the documentation and trying to figure out how things work. But, once I finished, I could deploy a new version of my applicatio

MotivationRecently we created a service that handles all events between Salesforce and our Core (Uniplaces main API). Every time there’s an event on the platform that needs to be represented in Salesforce, Core will publish a message to a FIFO queue. The service will then poll the queue for a message, create a payload with the changed data and send it to Salesforce. We want this process to be fast

はじめに LinuxでCtrl-C打ったらコマンドが中断されるとか。皆さんご存知ですよね。こういうことに関連したちょっとした四択クイズです。Linux使い各位、当然、全問正解できますよね? 問題 いずれもPuTTYなりTeraTermなりのターミナルソフトでLinuxマシンにSSHで接続した、ログインシェル上での対話操作の上でのお話です。ターミナルソフトなんかは特に設定をいじらないことにします。一応。それと、シェルは大体なんでも同じだと思うのですが、念のためbashと指定しておきます。 Q1: シグナル送ったのは誰? 「はじめに」でも書きましたが、Ctrl-Cを入力すると、実行中のコマンドを停止させることができますね。例えば次のように。

おはこんにちばんわ。エムスリーエンジニアの園田です。 先日 aws-ssm-env というRubyのgemを公開しました。 github.com AWSのParameter Storeからパラメータを取得して環境変数に設定するgemです。 dotenvのParameter Store版と思っていただければ分かりやすいかと。 本稿ではgemを作ったきっかけ、簡単な使い方などを説明したいと思います。 Parameter Store とは その前にParameter Storeとはなんぞや、ということですが。 Parameter StoreはAWSのVaultサービスで、Key-Valueでパラメータを格納してAPIによる参照が可能です。 KMS(Key Management Service)による暗号化に対応しています。 詳しくは先日私が投稿したQiitaの記事を見て下さい。(手抜き) qii

はじめに 中山（順）です 以前、弊社の大栗より、「EC2の管理を行えるSystems ManagerでgithubやS3に配置したファイルをローカルにダウンロードして実行することが可能になりました。」という内容をご紹介しました。 Systems Managerのスクリプト実行でgithubとS3をサポートしました 今回、これを応用してGitHub上のAnsiblePlaybookをEC2インスタンス上で実行させてみました。 おさらい "AWS-RunRemoteScript"でやっていることは、以下の2つです。 コンテンツ（スクリプトなど）のダウンロード https://docs.aws.amazon.com/systems-manager/latest/userguide/ssm-plugins.html#aws-downloadContent コマンドの実行 (Windows) htt

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

jsのconfigファイルが本番環境と開発環境で違う場合があります。 しかしconfigファイルを含んだファイルをビルドする場合、phpのように.envで分けるみたいなことが出来ません。 そこで、本番環境用にビルドする時と、開発環境用にビルドする時でコマンドを分けることで、この問題が解消されます。 この分ける方法には大きく３つの方法があります。 状況に応じて使い分けていただければと思います。 独立した設定ファイルを作る方法 webpackはデフォルトではwebpack.config.jsというファイルに設定を定義します。 これを開発用と本番用でファイルを分けて別々に実行します。 例えば 開発用はwebpack.dev.js 本番用はwebpack.prod.js で別々に作ります。 そしてビルドする時は 開発用ならwebpack --config webpack.dev.js 本番用ならw

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに ニューラルネットワークの仕組みを理解するためには、やっぱり自分の手で実装することが最も良いと思っています。今回は３層（入力層、隠れ層、出力層）のニューラルネットワークを自作することを目的に記事を書きます。 事前知識 パーセプトロン 聞き飽きている方も多いでしょうが、「パーセプトロン（perceptron）」とは人間の脳にあるニューロンを模倣しています。 ニューロンは下図のような構造をしています。ニューロンは複数のニューロンから樹状突起で電気信号を入力として受け取り、ある一定以上の刺激を受けると、軸索の末端部分から電気刺激を出し、次のニューロンに刺激を与えます。 ニューロンに対して、パーセプトロンは下図のような構造をしています。ニューロンと同じように入力に重み（weight）を付けて複数から受け取り、その重み付け総和を活性化関数（activation function）を通すことで

最初に書いたようにthisの挙動は、Arrow Functionの関数定義とそれ以外（functionキーワードやメソッドの短縮記法）の関数定義で異なります。 そのため、まずはArrow Function以外の関数やメソッドにおけるthisを見ていきます。 Arrow Function以外の関数におけるthis Arrow Function以外の関数（メソッドも含む）におけるthisは、実行時に決まる値となります。 言い方を変えるとthisは関数に渡される暗黙的な引数のようなもので、その渡される値は関数を実行するときに決まります。 次のコードは疑似的なものです。 関数の中に書かれたthisは、関数の呼び出し元から暗黙的に渡される値を参照することになります。 このルールはArrow Function以外の関数やメソッドで共通した仕組みとなります。Arrow Functionで定義した関数やメ

開発者であればGrepのお世話になることが非常に多いはずです。しかしただ文字列を検索するだけで、細かい部分は正規表現などを使って書かなければなりません。また、探し出した後の編集はエディタで行うことになります。 そこで使ってみたいのがGraspです。JavaScriptに特化した、構造を解釈できる検索コマンドです。 Graspの使い方 例えば正規表現が使えます。以下は && が使われている場合。 $ grasp 'if.test[op=&&]' a.js 2: if (x && f(x)) { return [1, 2]; } 5: if (xs.length && ys.length) { 10: if (x == 3 && list[x]) { さらに replace オプションで文字の置換もできます。 $ grasp bi --replace '{{.r}}+{{.l}}' c.js

はじめに この記事は書籍「プロを目指す人のためのRuby入門」に掲載できなかったトピックを著者自らが紹介するアドベントカレンダーの25日目（最終日）です。 本文に出てくる章番号や項番号は書籍の中で使われている番号です。 今回はRuby 2.5で発生する「プロを目指す人のためのRuby入門」との差異を紹介します。 必要な前提知識 「プロを目指す人のためのRuby入門」の第7章、第9章、第11章、第12章を読み終わっていること。 Ruby 2.5で発生する「プロを目指す人のためのRuby入門」との差異について 「プロを目指す人のためのRuby入門」（以下、本書）はRuby 2.4系を対象にして執筆されています。本書は紙の本なので、簡単に内容をアップデートすることができません。しかし、何もしないとどんどん内容が古くなってしまい、「なんか今使っているRubyと動きが違う」ということになってしまいま

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Cost of stubs in tests 原文公開日: 2017/12/09 著者: Dmitriy Nesteryuk 本記事では、テストで何かと見かけるstubについて考察します。stubやmockは便利だと思う人もいれば、そう思わない人もいたりします（stubとmockは別物ですが、両者の違いは本記事の範疇ではないため、まとめてstubと呼ぶことにします: どうかご了承ください）。この話題は私が働いているチームではすっかり落ち着いていたのですが、最近になってまた話題にのぼったので、この際私の考えをざっくりここにまとめることにしました。誤りや見落としがありましたらぜひお知らせください。 かつての私は、依存をstubするのが大好きな開発者でした。テストが簡単に書けますし、読みやすく、しかもシンプルです。 class Cust

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

この記事はLinux Advent Calendar 2017の9日目の記事です。 なんとなくlib/を見ていたらonce.cなんてファイルを見つけて、一度だけ実行したいという時に使う関数を見つけたのでその機能についてのきじになります。 使い方 まず使い方をザクっと見てみましょう。使用するのはDO_ONCEマクロです。 実装はこんな感じです。 サンプルコード #define pr_fmt(fmt) KBUILD_MODNAME ": " fmt #include <linux/module.h> #include <linux/kernel.h> #include <linux/debugfs.h> #include <asm/uaccess.h> #include <linux/err.h> #include <linux/once.h> MODULE_DESCRIPTION("once

はじめに こんばんは！ 突然ですが、 Scala における fold と foldLeft はほとんど同じものだ！と思っていませんか？ また、Scala の Option#fold メソッドを使って、何か不自然に思ったことはありませんか？ 先に結論を述べますと、 fold メソッドと foldLeft メソッドは異なります（もちろん foldRight とも違いますよ！）。 「ちょっとだけ挙動に差が…」的な違いではなく、根本的に違います。 たまたま、 List#fold と List#foldLeft が（例外的に）似たような定義で、かつ（例外的に）似たような挙動をするため、誤った通説（全てのfold≒foldLeft）があったりなかったりするようです。少なくとも僕は、Scala を書くようになってからある一定の期間、全ての fold と foldLeft は同じものだと考えていました。

- Amazon EKS and AWS Fargate were highlighted as two services for running containers on AWS. - Amazon EKS allows users to easily run Kubernetes on AWS and manages the control plane, while AWS Fargate allows running containers without managing servers. - AWS Fargate launches containers without needing to provision or manage servers, providing a simpler experience for developing and operating contai

For the past year, we’ve compared nearly 8,800 open source Machine Learning projects to pick Top 30 (0.3% chance). This is an extremely competitive list and it carefully picks the best open source Machine Learning libraries, datasets and apps published between January and December 2017. Mybridge AI evaluates the quality by considering popularity, engagement and recency. To give you an idea about t

How new developments in algorithms, machine learning, analytics, infrastructure, data ethics, and culture will shape the data world. Here’s what we expect to see—or see more of—in the data world. 1. New tools will make graphs and time series easier, leading to new use cases Graphs and time series have been a crucial part of the explosion in big data. We will see the emergence of a new generation o

一定期間更新がないため広告を表示しています

meltdown_redis.md Meltdown fix impact on Redis performances in virtualized environments UPDATE: apparently kernel difference may have a serious impact, so I'll redo the test from scratch. Test performed with AOF enabled, fsync policy 1 second, allowing the rewrites to be triggered. Command lines used: ./redis-benchmark -q -P 32 -n 1000000 -t set,get -r 1000000 ./redis-benchmark -q -n 1000000 -t se

#はじめに Mastodonインスタンスの一つ、Creatodonを普段は運営しています。 メインのユーザー層としては創作活動をされている方々で、絵を描かれる人や物書きが使われていますねー(かくいう私もフリーゲーム作ってます) 去年の五月に、さくらのクラウドを使ってインスタンスを建てました。 が、メディアストレージを結構使ってて辛かったり(Pawooとかと繋がっている為)、 一回ストレージ関連でインスタンスが正常に動作しなかったこともあり(cronでのキャッシュの削除が上手くいっていなかった) そういうこともありCreatodon Folioという画像投稿サービスを作りました。 基本的には、インスタンスのユーザーが絵や漫画を気軽に投稿できる場所として公開していますねー。 まあ、Creatodon Folio 作った後に AWS S3 へメディアストレージを移したので作った意味があったかとい

Developers.IO 2017 発表資料

Pythonの基本的な組み込み型である、数値型、シーケンス型、テキストシーケンス型、集合型、マッピング型、およびその一般論についてまとめてみました。半分くらいが一般論になってしまいました。 値と参照の違いでハマりやすいところ、イテラブルなオブジェクト、浅いコピー、ハッシュ可能なオブジェクト、といったようなややこみいった話や、ちょっとした便利な技についても適宜まとめましたので、基本的な型なんかもう知ってるんだけど、という方にも役立てるところがあるかと思います。 Pythonのバージョンについては、3.3以降ならこの内容で大丈夫だろうと思います Pythonの環境構築の方法については、著者別記事の「[覚え書き] Pythonの環境構築について」を是非ご覧下さい 目次 一般論 数値型 (int, float, complex, bool) シーケンス型・テキストシーケンス型 (list, tup

前回の記事「Rubyの処理系とGCについて」を書いたときに、LLVMがイマイチ理解できずもやっとしてたので調べました。このエントリーは「LLVMとは」でググった（先日の僕のような）人向けの記事です。間違ったことを書いてあったら教えてください。 疑問 この記事を書く前の疑問はおおよそ以下の様なものです。 LLVMはコンパイラ基盤って言われてるけど、コンパイラ基盤って何？ LLVMはコンパイラ基盤であってVMじゃないって言うけど、LLVMに含まれるJITコンパイラはVMと違うの？ LLVMでマシンコードを作ったあと、実際の実行はどうするの？ 色々とググって調べたりしたのですが、LLVMの全体像がつかめるまとまった情報が見つからなかったので、一次情報（llvm.org）のドキュメントを読むことにしました。 Overview The LLVM Compiler Infrastructure Pro

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

15VISION（イチゴビジョン）いちがみです。普段は主にUIデザインを行なっています。 こばかなさん（@kobaka7）の「観察とは何か？デザインにどう活きるのか？」という記事が注目を集めています。 無意識を意識化すること（そして考察や想像すること）という言葉は、日頃、マイクロインタラクションのアニメーション観察を行う上でおぼろげに意識していることが言語化されたようで爽快でした。 さて、今回はiPhoneアプリ「App Store」の「Today」コンテンツの画面遷移を取り上げます。まずは、動画をご覧ください。 この記事は下記のブログに移動しました。 https://15scope.jp/design/motion-design-tips.html

こんにちは、ユレオです。 数多くのブログがある中、当ブログ「魂を揺さぶるヨ！」を閲覧いただきありがとうございます。 本日この記事を読むために訪れた方はブログを始められたばかりの方か、ブログを始めてみたがGoogleアナリティクスをあまり利用されておらず、使い方を確かめたい方ではないでしょうか。 Googleアナリティクスを始めるには覚えることが多いですが、すべての機能を覚えないといけないわけではありません。 必要最低限の「これだけ覚えておけば便利に使える」という機能があり、それらを覚えた後に必要であればもっと深く勉強するというのが効率的かと思います。 そういった方のために、本日は「初心者の為のGoogleアナリティクスを図解で説明した完全マニュアル」として詳しく説明していきたいと思います。