t9aのブックマーク - はてなブックマーク

AWS・Docker・Terraformで構築する本番環境 - y-ohgi's blog

DMMグループ Advent Calendar 2019 - Qiitaの25日目です TL;DR AWSで3層アーキテクチャのサービスを構築するテンプレート︵ここではスターターキットと呼びます︶を公開しました。利用するコンポーネントとしては主にAWSのALB・ECS/Fargate・Aurora、Dockerとローカル環境用にdocker-compose、IaCにTerraformを利用しています。導入や既存メンバーのためのスターターキットで使用するコンポーネントの入門用ドキュメントを備えています。概要 y-ohgi.github.io/starterkit にgitbookとしてドキュメントを公開しているのでそちらを閲覧してください。サンプルとしてGolang・ECS/Fargate・Aurora︵MySQL︶で構築をしています。また、RailsやNextなど、コンテナベー

t9a 2019/12/27

リンク

そのSSDやSDメモリーカードは大丈夫？――データ復旧会社から見る容量偽装の今

2019年10月、30GBのUSBメモリで2TB SSDを偽装持ち込まれたのは、外付けの2TB SSD。購入から数日後、保存したデータが読み出せなくなったという。ケースを開けて中身を調べてみると、中にSSDはなく、USBメモリがUSBコネクタに挿してあるだけだった。ファームウェアが書き換えられており、PCのBIOS︵UEFI︶画面では2TBのSSDと認識されるが、実際の容量は30GBしかないと判明した。いわゆる容量偽装といわれる詐欺ストレージだ。HDDやSSD、メモリカードやUSBメモリなど、さまざまなタイプのストレージで実例が報告されている。一皮むけば、元の型番を潰して偽りの容量を記載したシールを貼り付けるだけといったお粗末な偽装が多いが、ファームウェアを改変しているため、疑いを抱かずに普通に使っていると気付きにくい。実装している本来の記録領域に空きがあるうちは、︵書き込み速度は

t9a 2019/11/15

あとで読む

リンク

WebRTCやるのに最低限必要なJavaScriptのAPIについて - console.lealog();

JavaScriptでWebRTCやるための基礎知識 - console.lealog(); 春なので書きました。言うなれば、これの2019年度版です。はじめに最低限のJavaScriptでWebRTCを扱うにあたり、どういうクラスがあって、どういうAPIを、どう使うのかについての記事です。いわゆるフロントエンドのエンジニアがWebRTCを使ったサービスを作るなどの場合は、だいたい何かしらのSDKを使うと思います。その場合はそのSDKのDocsを読めばそれで十分で、その先の仕組みを知る必要はないかなーと思います。ただし、 SDKの中で何が行われてるか知っておきたい WebRTCのSDKを作る側であるみたいな場合は、一読の価値ありかもです。ようするに、弊社の新入社員のような人材のための記事です！基本的なWebRTCの仕組みみたいなパートはざっくり軽めにして、JavaScri

t9a 2019/04/22

リンク

Visual Studio 2019で始める「WPF on .NET Core 3.0」開発というタイトルで登壇してきました - nuits.jp blog

﹁Visual Studio 2019 Launch Event in Tokyo.﹂で、Visual Studio 2019で始める﹁WPF on .NET Core 3.0﹂開発というタイトルで登壇してきました。資料はこちら Visual Studio 2019で始める﹁WPF on .NET Core 3.0﹂開発 from Atsushi Nakamura www.slideshare.net 今回はコードの公開ができないので、部分的にですが資料とその解説をこちらにアップしておきます。もしよかったらご覧ください。本セッションでは、主に次の二つについてお話ししました。まず初めに、そもそもデスクトップアプリをなぜ.NET Coreで実装するのか？したいのか？そのモチベーションについて再確認したいと思います。その後、実際に.NET Frameworkで作られたWPFのアプリケ

t9a 2019/04/22

リンク

Daniel Schneider, Senior Softwareentwickler und Softwarearchitekt auf www.freelancermap.de

Softwareentwickler mit über 20 Jahren Entwicklungserfahrung. Programmiersprachen und Frameworks C# / .NET: Erstellung qualitativ hochwertiger und performanter Anwendungen Kotlin / Spring: Entwicklung von Microservices TypeScript: Entwicklung von Frontend-Anwendungen mit Angular C++: Entwicklung von Softwarekomponenten zur Kommunikation mit Steuergeräten SQL (Microsoft SQL Server, Oracle, MySQL): D

t9a 2019/04/22

リンク

tiptap

t9a 2018/11/13

リンク

タスクをどんどん遅延させてしまう人に、何故遅延させてしまうのかヒアリングした時の話

何度か書いていますが、しんざきはシステム関係の仕事をしており、今はそんな大きくないチームの責任者です。自分でも色々作業しますが、一応マネジメントもする立場です。今とはまた違うチームにいた頃、チームの統合・再編成が行われたことが何回かありました。チームメンバーは増えたり減ったりしますが、大体毎度、新しいメンバーを何人かは見ることになります。当たり前のことですが、知らないメンバーと一緒にやっていく際には、まずその人にどんなタスクを振るか、どうタスクを振るかを考えないといけません。何か新しい技術に触れていくならどのようにスキルのキャッチアップをしてもらうか考えないといけませんし、引き継ぎがあるなら引き継ぎの計画を立てなくてはいけません。だからチームの再編成の時には、本格的に仕事を始める前に、それぞれのメンバー、及びそれぞれのメンバーの以前の上司に必ず面談とヒアリングをします。いや、別に

t9a 2017/04/25

Quick & Dirtyな要求をこなして行った結果、リーダーになっているというケースも多そう。よい記事だった。

management

リンク

RunKeeperやNike+並みのパフォーマンスを実現する高精度位置情報フィルターの作り方 — 位置情報を正確にトラッキングする技術 in Android (第3回)

前回までのサンプルアプリを実機にインストールして色々なところを移動してみると高いビルに囲まれた路地裏や、木が茂っている公園の中、または厚い雲に覆われた天気で自分の位置とずれたところにパスが描かれることがあるのがわかります。実はこのように普通にLocationManagerを使っただけでは綺麗な位置情報の軌跡をとることはできないことがあります。 Uberのように一時的に車が少し道路よりずれた場所に表示されてもいいアプリのケースもありますがもしNike+のようにユーザーの行動の軌跡を美しくマップ上に描画し、なおかつ走った距離も正確でなければいけないアプリは高い精度の位置情報だけを取り続ける必要があります。この回では高い精度の位置情報だけを取り続けるためのフィルターの作り方について説明します。

t9a 2017/03/12

位置情報

リンク

効果的な 1 on 1 ミーティングのためにマネージャができること

2016 年に逝去した、元 Intel CEO の Andy Grove による High Output Management の日本語訳が復刊され、さらに Hard Things の Ben Horowitz の序文がついたことで、改めてスタートアップ界隈でも 1 on 1 (ワンオンワン) ミーティングの効果が注目され、各社や各人の 1 on 1 のノウハウが共有されるのではないかと期待しています。 Y Combinator の Sam Altman はスタートアップ初期でのコミュニケーションの重要性を何度も説いています。特にスタートアップは業務が複雑になりがちで、かつ状況の変化も早いため、コミュニケーションがボトルネックになりがちです。コミュニケーションの遅れは意思決定の遅れにつながります。そして意思決定の遅れは事業の進捗を遅らせたり、トラブルの兆候を見逃してトラブル発生の原因にな

t9a 2017/01/14

management

リンク

http://pixelatedworks.com/articles/replacing-the-rails-asset-pipeline-with-webpack-and-yarn/

t9a 2016/11/18

リンク

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY

今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次カラフルな配色パターン橙系の配色パターン青系の配色パターン緑系の配色パターン黄色系の配色パターン赤系の配色パターン高級感を表現する配色わび・さびを表現する和風配色シンプルに格好良いグレーの配色カラフルな配色パターン 1. 淡い﹁カラフル﹂ ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DB DB DB 淡いカラフルな配色は、白の背景に合わせると﹁透明感﹂を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い﹁カラフル﹂ ■

t9a 2016/11/04

color
design

リンク

AbemaTVの開発スタイル

AbemaTV Developer Conference 2016 http://developer.abema.io/

t9a 2016/10/16

リンク

Electronでニコ動のコメントみたいにTweetを表示するアプリつくった - c-bata web

知り合いのエンジニア(rayさん)がGTK3で作っていた nsd というのがあるんですが、結構いい感じなのでMacでも動くものが欲しかった。 Electronで似たようなことが出来ないか調べてみると、GTK3とかに比べて簡単にできそうだったので作ってみた。ポイントは：常に最前面にtweetが表示されるマウスのイベントが後ろに透過するコーディングだったり他の作業が問題なく出来る今度、カンファレンスや勉強会で話す時にハッシュタグ表示してみます。ロゴも描いてみたマウスのイベントの透過について rayさんのnsdとかの場合、tweetのテキストを囲うだけのとても小さくて透明なウィンドウを用意していたらしい。こうすることで文字以外のところをクリックすると後ろにマウスのクリックイベントとかが通る仕組み。透明なウィンドウを作れるGUIツールキットはたくさんあるみたいなのですが、Elect

t9a 2016/10/12

Electron

リンク

[archived] メンテナブルな React Component を目指すための小技集 - Qiita

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

t9a 2016/10/11

react

リンク

Ruby on Rails on React on SSR on SPA - ✘╹◡╹✘

amakan での設計を例に、RailsでSingle-Page Applicationをつくるときの自分のやり方をまとめてみます。Gem ﹁JavaScriptで書かれたReactのコンポーネントからHTMLを生成する﹂というのをRubyでやるために、RubyのV8エンジン実装であるmini_racerというGemを使う。この処理を楽に実行するために、react_on_railsというGemも使う。gem "mini_racer"gem "react_on_rails" View body要素内のHTMLは全てReactで生成するので、layout以外にviewのテンプレートは存在しない。 Controller 初回リクエストの場合はHTMLを返すページ遷移時に呼ばれるリクエストの場合はJSONを返す外部サイトからブラウザバックで戻ってきたときにJSONを見せないという要求に

t9a 2016/10/11

react

リンク

オレの最弱のES6開発環境 - Qiita

ブラウザのES6サポートが急速に良くなってきています。社内ツールとかElectronとか、ブラウザの普及率を気にしなくていい環境ならそろそろ使えるのではないかと思って調べたり試してみたりしています。更新 https://caniuse.com/#search=es6 http://kangax.github.io/compat-table/es2016plus/ これを見るともうほぼ実装は完了していますね。Node.jsも対応していますし使えるブラウザが限定できるならもはや変換なんかしなくても大丈夫。注意点としては以下の2つ。 IE11は渋い ES6 modulesはまだまだソースをES6で書いて、結果もそのままES6という手抜き開発に使えるツールのメモです。手抜きなので、おそらく経年変化の影響はほとんどないはずです。対象としてはブラウザだったり、ElectronでのSPA開発です。

t9a 2016/10/07

javascript

リンク

React/reduxでつくったSPAがリリースされたので学んだことを晒す - Qiita

時系列順に書いているので、話題がアッチコッチいきますが現場のライブ感を重視しています！プロジェクトの後半で、すごい優秀な方が入ってきてくれたのでそこからの受け売りも結構混じっています。神様ありがとう。プロトタイピング何は無くともまずはプロトタイプを作成しました。今回はUIライブラリとしてMaterialUIを採用。 superagentを使って外部JSONファイルを読み込んで、Reactコンポーネントとして表示するだけ。この時点でのコードレビューでの話題は主に、CSSをどうするのか問題。 MaterialUIにコンポーネント自体のstyleは既に定義済みだが、それだけでは足りないレイアウト調整が発生しそうという懸念でした。結論は、コンポーネント内に直接定義してしまってOK。実際作業を進めてみたところ、最初の想定よりは補助的なCSS記述は不要でした。 reduxの導入作成す

t9a 2016/10/07

javascript

リンク

Gitのコミットグラフを可視化できるGitGraph.jsがおもしろい - Qiita

プレゼン資料を作っている時に﹁このコミットグラフをMarkdownかテキストで書けたらな﹂と思ったことがある人、結構いるのではないでしょうか。GitGraph.js を使うと、JavaScriptで記述したコミットログをcanvasを使って可視化できることを知りました。なかなかおもしろいです。準備まずGitGraph.js の JavaScript と CSS ファイルを読み込みます。GitHub からソースをcloneするなり、bowerを使うなり、CDNを使うなり、お好みで。ここではコミットグラフを定義するコードも別ファイル index.js に書くことにします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>GitGraph.js</title> <link rel="stylesheet" type=

t9a 2016/09/30

かわいい

リンク

Go でいい感じのコマンドを作れるツールキットの紹介 - Cybozu Inside Out | サイボウズエンジニアのブログ

SRE の @ymmt2005 です。最近は systemd が好物です。今回は GitHub でサイボウズが公開している Go言語のプロジェクト群、特にいい感じのコマンドを作れる github.com/cybozu-go/cmd について紹介します。 SRE チームでは最近 Goでツールを開発する機会が多くなっています。最初のうちは決まった作り方をしていなかったため、コマンドごとに仕様がばらばらで、以下のような問題がでてきました。 REST API サーバーのアクセスログを記録しないコマンドがある外部コマンド実行時のログを記録しないコマンドがある SIGTERM 等シグナル処理の方法がばらばらログファイルのリオープンができずローテートしにくいログメッセージの形式がばらばら大雑把にいうと、ログとシグナル処理がきちんとしてないと扱いにくいわけです。具体的にどうなっていると﹁い

t9a 2016/09/26

go

リンク

GitHub - davecheney/httpstat: It's like curl -v, with colours.

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

t9a 2016/09/26

go

リンク

はてなブックマーク

タグ

t9aのブックマーク (2,908)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス