ネットワークでなぜ遅延が生じるのか
入門 Kubeflow ～Kubernetesで機械学習をはじめるために～ （NTT Tech Conference #4 講演資料） 2020年1月31日 株式会社NTTデータ / NTT DATA Yuki Nishizawa ↓↓↓↓訂正あります。↓↓↓↓ 2018/07/02に株式会社エフコード社内で行われた勉強会のスライドです。 訂正版(随時更新中): https://docs.google.com/presentation/d/15HOMfAbtdWwO48njcB8IdkN3kVAMu3wsmZo0O3S-f_4/edit?usp=sharing 専門家による資料・専門家向けの資料ではありません。自分自身で学習し、論文・文献等を読解してまとめた内容となります。間違い等あるかもしれませんが、あれば是非コメント頂ければと思います。 【訂正事項】 スライド16: 誤：たった一つのプ
業務でWebサービス開発をする際に気をつけたいこと（新卒向け） - Qiita
趣味でも業務でも日々Webサービスを開発しているzaruです。こんにちは。ついにアドベントカレンダーも最終日です。まだサンタとしての仕事が残っています。さて今回は仕事としてWebサービスを開発するときに気をつけたいポイントを紹介します。まぁ仕事に限った話じゃないですが…参考になれば幸いです。特に新卒プログラマあたりに読んでもらえればと思います😀 なお僕の業務上インフラ周りはAWSが多いです。 RASISという指標 RASISという指標があります。コンピュータシステムの評価指標5つの頭文字を取ったものです。 Reliability（信頼性） Availability（可用性） Serviceability（保守性） Integrity（保全性） Security（機密性） 今回はこの5つの指標に沿ってポイントを紹介していきます。RASIS自体については色々なところで解説されていると思うので
Reactのキーボードイベントをクロスブラウザで確認する - Qiita
React の onKeyDown / onKeyPress / onKeyUp / onChange の挙動が、クロスブラウザでどのように変わるのかを調査しました。 調査方法・内容 それらのイベントに event.key / event.keyCode / event.target.value の値を記録するハンドラを設定し、ひとつの <input type="text"/> に全イベントを付与する。 下記の「キーボードの操作」をクロスOS/ブラウザ環境で行って、その履歴を保存する。 具体的には、CodePen に書いた簡単な自作ツール で行いました。 環境について 使用したハードウェアは、日本語キーボードの Mac Book Pro です。 Win 仮想環境は VirtualBox で構築しており、また（参考記事が見つかりませんが） Mac のキーボードと連動する設定をした上で行ってい
React時代におけるデザイナーとエンジニアの寄り添い方ついて - Qiita
フロントエンド開発において，かつてのようにスタイルとロジックがきれいに分離されていた時代は終焉を迎えました．React 時代においては，それらを独立して扱うことは難しくなってきており，デザイナーとエンジニアはお互いに寄り添って歩んでいかなければなりません． そこで今回は，エンジニアの視点から，デザイナーに寄り添うために具体的にできることを，5 つのポイントに分けて書いてみたいと思います． 1. 頻度の高い JS, JSX の記法を習得してもらう デザイナーが React で View を実装するにあたり，相性のよい JS 記法や JSX 記法をいくつか習得してもらうだけで，生産性は大きく向上します．頻度の高い記法は限られており，かつそれぞれのハードルも高くないので，習得コスト以上のリターンが得られると思います．以下のものあたりを習得してもらうと十分でしょう． map, 三項間演算子, Te
アプリケーションから例外を投げる派、投げない派 - Shin x Blog
例外をどのような状況に投げるかもしくは投げないか、というのはわりと意見が分かれるところです。もちろん、プログラミング言語によっても異なりますが、同じプログラミング言語ユーザ同士でも様々です。 基本の考え方 ベースとしては、Effective Java の項目 39 にある下記の方針が参考になります。 例外的な状況の時にのみ例外を使う。 Effective Java 禅問答のような定義ですが、これには異論は無いでしょう。例外を正常フローで利用したり、制御構造に用いるべきではありません。 人によって異なるのは「例外的な状況」の解釈です。 例外的な状況 この「例外的な状況」の解釈は人によって異なるようで、これまでも議論になっていました。これまで聞いた解釈を乱暴に分けると以下の 2 パターンに分かれます。 1. アプリケーションから独自の例外を投げる派 ランタイムやミドルウェア連携などプラットフォ
"誰にでも使いやすい"を実現するためのキーワード「Webアクセシビリティ」(1) iPhoneやPCで触れられる「アクセスのしやすさ」
はじめまして、サイボウズ株式会社の小林です。現在、プログラマーとしてWebサービスkintoneの開発を行う傍らで、社内外に向けて「Webアクセシビリティ」に関する啓発活動を行っています。 みなさんは、Webアクセシビリティという言葉を聞いたことはありますか？ Webアクセシビリティとは、Webを利用するすべての人が、年齢や身体的制約、利用環境等に関係なく、Webコンテンツを利用できることを表す言葉です。製品・サービス等の種類を問わず、先述のような条件にかかわらず誰でも差し支えなく利用できる度合いを示す「アクセシビリティ」の一翼を担うものです。 抽象的な説明なのでイメージがつきにくいかもしれませんね。まずは皆さんが普段使っているスマホやPCに組み込まれた、「アクセシビリティ」の機能の例を見てみましょう。 身近にあるアクセシビリティへの取り組み iPhoneには「アクセシビリティ」という設定
モバイルウェブのコンバージョンを改善する - フォーム編
インターネットが登場して 20 年以上が経過し、時代はデスクトップからモバイルへと移り変わりました。モバイルでは、単に小さな画面に対応しているだけでなく、よりスピード感のある体験が求められています。それは E コマースビジネスも例外ではありません。 モバイルでの決済において、66% がネイティブアプリではなくウェブ上で行われているというデータがあります。検索結果からアプリをインストールしてまで商品を購入するのは手間がかかりすぎるため、そのままウェブ上で決済しようとする人が多いことが原因と考えられます。 ただ逆にモバイルウェブサイトは、デスクトップのウェブサイトと比較として、コンバージョンレートが 66% 低いというデータも存在します。これは逆に言えば、モバイルウェブでのコンバージョンレートにはまだ伸びしろがある、ということも意味しています。 そこで今回は、フォームを改善することでモバイルウ
スケーラブル tail -f | grep on AWS - KAYAC engineers' blog
こんにちは。組長こと @fujiwara (id:sfujiwara) です。 早速ですが皆さん、ログは見ていますか? 当然見ていますよね。tail -f で追いかけるとか大好きですよね。という前提で話を進めましょう。 この記事は Tech KAYAC Advent Calendar 2016 の24日目の記事です。 TL;DR 多種多様なホストから発生するログの末尾を tail -f で追いかけたい fluentd + ローカルファイルで行うのはちょっと面倒 Amazon Kinesis + Lambda を使ってスケーラブルな仕組みを考えてみた kinesis-tailf というツールも作った 既存の仕組みと問題点 techblog.kayac.com 弊社の Lobi とソーシャルゲームでは、この記事で紹介されたような Fluentd を活用したログ集約の仕組みを整備しています。この
RailsでFoundation for Emails 2.0を使ってレスポンシブなHTMLメールを送る - Qiita
この記事はトレタ Advent Calendar 2016の24日目の記事になります。メリークリスマス！ 今時のメールは大体HTMLメールなのですが、これが結構な曲者です。HTMLメールはブラウザ以上に互換性が低く、色々な罠があります。 RailsではActionMailerがHTMLメールをサポートしていますが、あまり深いところは助けてくれません。そこでいくつかのツールを合わせて解決して見ます。 HTMLメールの罠 CSSの挙動がブラウザと異なる場合がある メール用のResponsive CSSを用意する必要がある CSSはclassではなく、styleでインライン展開する Asset pipelineを使うにはちょっと細工が必要 HTMLメールを作るにあたって知っておきたいことにまとまっています メール用CSSフレームワーク ブラウザではbootstrapやFoundationなど、レ
開発速度と品質のトレードオフの判断基準の合意 - Hatena Developer Blog
Webサービスの開発は、ユーザ/顧客へ価値を早く届けるため、競合より早くリリースするため、人的リソースを無駄使いしないためなど、とにかく素早く進めたいものですね。一方で、開発を急ぐあまり品質を犠牲にすればかえって価値が失われたり、技術的負債が溜まって長期的なコストが大幅に増大する可能性もあります。開発速度とプロダクト品質は基本的にはトレードオフの関係にあるのでしょう。 開発速度と品質のどちらを優先するかはプロダクトの性質や、チームもしくは会社の状況によって異なるとおもいます。この状況の認識がチームメンバー間でずれていると、チームのパフォーマンスを最大限に発揮できないばかりか、チーム内の関係悪化も招きかねません。エンジニアたちとプロダクトオーナーの間の対立のようなありがちな問題の原因の一つかもしれません。 そこで、開発速度と品質のトレードオフをどう判断すべきかの基準を明確にして、原則それに従
ストリーム処理とは何か？＋2016年の出来事 - Qiita
この記事で書いている内容は？ ストリーム処理とはそもそも何かからはじまり、必要になる検討ポイントなどの情報を振り返り用にまとめたものです。 あとは、今年個人的にこの分野に影響が大きかったと思ったイベントをまとめています。 他の方へ説明する際のベースとするためにまとめているため、 既にこの分野を知っている方にとっては冗長な内容も多いかもしれませんが、 その場合は適宜読み飛ばしていただけると。 あと、私の他記事からも内容引っ張ってきているのでかぶりはあると思います。 特にGoogleが考えるストリームデータ処理とは？とは目的もかぶっているので相応に被りがあるかと・・・ 出来るだけよく出てくる固有の言葉を最初から使用せずに書いているつもりですが、 何かわかりにくい場所あればコメントいただけるとありがたいです。 「ストリーム処理」とだけ書くと微妙にストリーミング配信等とも混同しやすいですが、 デー
Linuxの不揮発メモリ対応について - Qiita
(2019/6/12追記) 今なおこの記事を参照してくれる方がいらっしゃるのですが、現在は以下のスライドのほうが情報が新しいです。 本記事は残しておきますが、新しい情報はこちらをご参照ください。 https://www.slideshare.net/ygotokernel/nvdimmlinux-137104084 はじめに Linux Advent Calendarの24日目の記事として不揮発メモリの状況について記載したいと思います。今回はkernelのソースの中とかのあまり技術的に深いところは突っ込まず、概略レベルです。（深いところはまだまだ勉強中の身です）。間違いなどがあればご指摘いただけると幸いです。 不揮発メモリとは これまでPCやサーバなどで主記憶装置といえば、電源を停止させたり再起動させるとデータがクリアされる揮発性のRAMが使われて来ました。この主記憶としてのメモリが不揮発
第6回 Vue.jsの高度なアプリケーション開発 | gihyo.jp
はじめに これまでの連載で、Vue.jsの基礎文法やコンポーネントを学習し、Vue Routerを使ってシングルページアプリケーションの基本的な実装を行いました。連載最終回である今回は、より現場を意識した実践的なアプリケーションの開発について紹介します。 これまでの連載ではVue.jsの気軽に使えるメリットや本質的な機能を理解してもらうために、ES5のJavaScriptを使い、各種のコマンドラインツールなしで解説してきました。より実践向きな高度なアプリケーション開発になるため、ES2015以降のJavaScriptを使用し、エディタ、コマンドラインや開発を補助するライブラリなどの様々なツールを活用しながら学習していきます。 vue-cliによるアプリケーション開発 前準備 開発にnpm（Node.js）を利用します。Node.jsは日本語公式サイトを参考にインストールしてください。npm
ドメイン駆動設計の道標 - sandbox
この記事は 2016年 第2のドワンゴアドベントカレンダー、20日目の記事です。 qiita.com ドメイン駆動設計に関して悩める若者に送るポエムを書いていたら長くなりました。 20日目なはずなのに今日は 12/25 ですが、お察しください。 TL;DR ドメイン駆動設計には3つの顏がある それは「哲学」「戦略」「戦術」である 「戦術」にスポットがあたりがちだが、まず「哲学」とコアの「戦略」から理解する プロダクトにおけるドメインモデルの全体像を描いてから「戦術」を検討しよう ドメイン駆動設計をどの程度取り入れるかの 「ドメイン駆動設計の適用レベル」について はじめに ドメイン駆動設計(DDD)、以前と比較して認知が上がってきたのか、よく「DDD やってるんですか?」 「DDD ってどうはじめればいいんですか?」と聞かれることがあります。そしてこの時にまず話に上がるのが、エンティティ、集
今年1年真剣にRiot.jsと付き合ってきたので振り返ってみた - Web Developer's Struggle Memories
Riot.js Advent Calendar 2016の1日目です！（初トップバッター！） 今回はあまりテクニカルなプログラミングの話はせず、基本ばかりなので、その点ご了承ください（笑） qiita.com はじめに Riot.js（以下riot）は非常にシンプルかつ軽量で敷居も低く、とても書きやすいコンポーネント指向のUIライブラリです。（ここまでテンプレート）そして今一番ホット（筆者比）なJavaScriptのライブラリでもあると思います！ 2016/11/22、ついについに、ずっと待ち望んでいたメジャーアップデート「v3」がリリースされました！ おめでとうございます！ありがとうございます！ そしてつい先日！riotのSlack（日本ユーザ）も立ち上がりましたー！ 皆さんご自由に参加して発言していって下さい！ まずはざっくり振り返ってみる 主に触ってきたのはv2系、特に2.4.*です
githubでhttpsのURLを指定してもgitプロトコルやssh経由にする方法 - @znz blog
要約すると url.<base>.insteadOf や url.<base>.pushInsteadOf を使えば良いという話です。 github 以外でも使えます。 設定例 自分では今のところ、以下の設定にしています。 最初の [url "git@github.com:"] のセクションは URL の指定として https: や git: を使っていても git push のときには ssh 経由にする、 という意味になります。 次の [url "git://github.com/"] は、その他の git fetch や git pull の時は https: の代わりに git: を使うという意味になります。 [url "git@github.com:"] pushInsteadOf = git://github.com/ pushInsteadOf = https://githu
第1章 会場でネットがつながりにくくなる理由―参加者自身の行動も原因の一端に！ | gihyo.jp
IT系のカンファレンスに足を運んだことがある方であれば、その会場でインターネットへの接続をしたことがあるでしょう。もし会場で無線LAN接続が提供されていたら、ぜひそれを利用してください。自前のWi-Fiルータやスマホのテザリングで十分？ いえいえ、それこそがネットにつながりにくくなる原因かもしれないのです。 カンファレンスネットワークとは 昨今はITに関連した勉強会がたくさん開催されるようになりました。勉強会の多くは参加者が数十～100名程度ですが、人気のあるものは大きなイベント会場を1日～数日間使用するITイベントとして開催されます。たとえばYAPCやLL Diverなどの言語系やWeb開発者が多数参加するカンファレンスの場合、その参加者は数百～1,000人以上になることがあります。カンファレンス参加者はセッションに参加しながら、手元のPCやスマートフォンなどからSNSや調べものをするた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[第１話-１]横浜駅SF - 柞刈湯葉 / 新川権兵衛｜ヤングエースUP![[第１話-１]横浜駅SF - 柞刈湯葉 / 新川権兵衛｜ヤングエースUP](https://cdn-ak-scissors.b.st-hatena.com/image/square/943692354a35b29ab171f042adae604cb43eb3b5/height=288;version=1;width=512/https%3A%2F%2Fweb-ace.jp%2Fimg%2Fyoungaceup%2Fcontents%2F1000031%2Fyokohamasf_001-1.jpg)
React Redux テスト考察 - Qiita
GitHub - GrimoireGL/GrimoireJS: A WebGL framework for Web development.
AST explorer
GitHub - infernojs/inferno: :fire: An extremely fast, React-like JavaScript library for building modern user interfaces