Docker for Macでコンテナの中からホストに繋ぐたった一つの冴えたやり方 - cockscomblog?
Networking features in Docker for Mac | Docker Documentation コンテナ中で docker.for.mac.localhost というDNS名を使うと、ホストのmacOSに繋がります。 メリークリスマス。 追記（2018/01/06 21:00） Docker 17.12.0から新たに同じ用途の docker.for.mac.host.internal が追加され、今後はこちらが推奨されます。 これはlocalhost のサブドメインを禁止するRFCが提案されていることによります。 謹賀新年。 追記（2018/03/27 11:00） https://docs.docker.com/docker-for-mac/release-notes/#stable-releases-of-2018 Docker 18.03.0からさらに ho
UIの意味付けに情報アーキテクチャは強い味方
Atomic Designは数ある分類方法のひとつ Atomic Design のように UI の『粒度』で分類することがあります。ボタンやフォーム要素のような小さな『分子』。大小様々な要素で構成された『ページ』と呼ばれる大きな集合体。UI を積み木構造のように考えやすくなりますが、Atomic Design 特有の思想であって、特定のアプリケーションの UI に適した分類ではない場合があります。 汎用性をもたせるために、Atoms、Molecules、Organisms、Templates、Pages の 5 段階が作られていますが、web サイトやアプリケーションによっては段階が多すぎます。無理に当てはめようとするあまり、Molecules かOrganisms かを議論するということにもなりかねません。 よくある話でボタンの分類があります。ボタンは Atom と呼べますが、アイコン付
PLAIDがNode.jsを採用し、5年間で12万行書いてわかったこと | PLAID engineer blog
エンジニアのgamiです。趣味はポッドキャスト配信です。 今回は、「Node.js」に焦点を当てた記事です。 PLAIDでは、約5年前から「KARTE」というサービスを開発しています。そのサーバーサイドの実装は、ほとんどがNode.jsで記述されています。 一方、国内企業の中で、サーバーサイド実装にNode.jsを採用している企業は少ない印象があります。 そこで、以下についてご紹介します。 PLAIDがNode.jsで実現しているプロダクト Node.jsを5年間使ってわかった強みと弱点 Node.jsを使いこなすための工夫 1. PLAIDがNode.jsで実現しているプロダクト 実際にPLAIDがどのようにNode.jsを使っているかを紹介します。PLAIDでは、「リアルタイムユーザー解析サービス」であるKARTEを主に開発しているので、KARTEの開発について説明します。 プロダクト
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
Accessibility Step Vol.01
AWS Fargateのデプロイパイプライン(Gitlab > S3 > CodePipeline)を構築してみた - エムスリーテックブログ
こんにちは、エムスリーエンジニアの園田です。 この記事はAWS FargateでElixirのコンテンツ配信システムを動かしてみた (実装編) - エムスリーテックブログの続きです。 エムスリーでは医療・ヘルスケアサイト向けのコンテンツ配信システムであるChuoiというサービスを運用しています。先日のポストで、ElasticBeanstalkからFargateに運用を切り替えたことについて書きました。 www.m3tech.blog 今回は前回に引き続きその実装編で、CodePipeline を利用したデプロイパイプラインの構築について書きます。 まずは構成のおさらいです。 デプロイ周りは以下のような構成です。 社内 Gitlab からの CI/CD パイプライン構築 先日の記事で述べたとおり、弊社ではソース管理にオンプレの Gitlab を使っており、 CodeBuild や CodeP
Clean Architecture 達人に学ぶソフトウェアの構造と設計 L'eclat des jours(2018-07-29)
_ Clean Architecture 達人に学ぶソフトウェアの構造と設計 アスキーの鈴木さんからアンクル・ボブのクリーンアーキテクチャをもらったので、読んだ。 おもしろかった。内容にもほぼ同意できるし、良いことがたくさん書いてある。 ただ、読みやすくない（正確ではない。350ページの本に対して付録などを除外しても本文34章に分割しているので、読むのはたやすい。ただし、内容が相当前後するし、依存関係が逆転している章もある。全体像を示してから細部へ進むと言えなくもないのだが、全体像を説明するための用語は細部で説明されるため、逆に全体像を理解するのが難しくなっている（とおれは感じた）ところもある。また、おまけが唐突に最後に来るので、なに昔話してるんだ爺さん、みたいな印象も受けることをもって、読みやすくないとここでは表現した）。 本書が最も重視して、そのためにおそらく書籍の作り方にまで影響して
コーディング速度を上げる！Webサービス・ジェネレーターなどの便利ツール7 - Design Color
1. Font-familyの選定「Font-familyメーカー」 Windows・Mac・iOSの標準フォントの一覧が見れて、ドラッグ＆ドロップで自分で組み合わせて好きなFont-fammilyが作れるWebサービスです！ 全部に共通してインストールされてるのはどれだろうとか、このOSではこっちのフォントで代用しよう…なんてあれこれ考えながらFont-familyを考えることができます。 有名サイトで使われているFont-familyが見れたり、特にこだわりが無い時はサルワカさんの「おすすめ」が見れたりと、かゆいところに手が届く便利サイト！ Font-familyメーカー：標準フォント一覧からサクッと指定 2. 画像の縦横比計算「web計。」 昔からお世話になってる縦横比を計算してくれるWebサービス。サムネイルのサイズを計算する時など、本当に時短になって助かってます。黄金比や白銀比、
[CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法
CSSで子要素を親要素の中心に配置するには、水平と垂直の両方の方向に対して中央揃えにする必要があります。特に、子要素の幅や高さが不明な場合はやっかいです。 幅や高さが不明な子要素を親要素の中心に配置するIE8にも対応した古い方法、モダンブラウザ対応の最新の方法を紹介します。 Centering: The Newest Coolest Way vs. The Oldest Coolest Way 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 子要素を親要素の中心に配置するIE8にも対応した古い方法 子要素を親要素の中心に配置するモダンブラウザ対応の最新の方法 画像やテキストごとに適した配置方法は、下記の記事をご覧ください。 高さが分からない要素やテキストを上下中央に揃えるスタイルシートのまとめ 要素を上下左右の中央に配置、最近主
![[CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/db881b28449be2378d2166d55bdc38511b85c7a5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018062510.png)
HTML5 入れ子チートシート | 吉川ウェブ
HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slite - AI-powered knowledge base
お父さんが教えるプログラミング～5歳からのプログラミング教育体験記～一覧
Webデザイン入門：HTMLとCSSの書き方をゼロから学ぼう
JSON Diff - The semantic JSON compare tool
How to ZFS · GitBook (Legacy)
Firestoreを本番運用して得た知見と事件簿 / manga-village
今、我々は、 GUI の設計について 何を考えるべきか
Popbox.js
デザイン原則の実践｜dely design
Creating Components Using the Angular CDK [ng-japan 2018]![Creating Components Using the Angular CDK [ng-japan 2018]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9798ee390d9bce009f6f05a680a0a76028fae0c/height=288;version=1;width=512/https%3A%2F%2Flh7-us.googleusercontent.com%2Fdocs%2FAHkbwyKXdWi_HPpg2v6Rk-eBNNiS1tUXurAdEK9QYaYgitPNkLo6EPcSoli9Hl-t261YmpWwx6xoKqpErqb-svCT6JUJopKEHYyeHXTXSh6v3Bz5hH-Wp4Y1%3Dw1200-h630-p)
Angular and me
