Amazon EC2 Container Service(ECS)の概念整理 - Qiita
概念図 とりあえずECSに出てくるエンティティがそれぞれどんな多重度で関連しているのかをまとめてみました。ここからはそれぞれのエンティがどんな概念なのかを解きほぐしていきたいと思います。 図1 概念図 Serviceが中心 ECSは平たく言うと クラスター（＝複数EC2インスタンスの集合）の上で Dockerコンテナを使って、 Serviceを動作させる ものです。 図2 例えばの構成 上図は、 Front Service (裏にいるAPIをCallしてWEB UIを提供するもの） API Service （ビジネスロジック、DBへの読み書きをRESTful APIで提供するもの） と言う２つのService で構成されるWEBアプリケーションの例です。 ECSで言うServiceは、Serviceは利用者から見た「サービス」よりも一段階か二段階細かいもので、APIサーバーとか、フロントサ
【Rails入門】Webpackerではじめるフロントエンド開発！Rails5.1対応 | 侍エンジニアブログ
【Rails入門】Webpackerではじめるフロントエンド開発！Rails5.1対応 2024 3/01 こんにちは！システムエンジニアのオオイシです。 Ruby on RailsのWebpackerをご存知ですか！？ Webpackerを使うとフロントエンド開発で有名なWebpackがRuby on Railsで使えるようになります。 「そもそも、フロントエンド開発はよくわからない・・・」 「Webpackはなにに使うの？」 というそんなあなたにも、今回は以下の内容について解説していきます！ 【基礎】Webpackerとは 【基礎】Webpackの特徴 【基礎】Webpackerのインストール方法 【発展】Webpackerで追加されたファイル一覧 【発展】webpacker.ymlの設定とエントリーポイントの解説 【発展】Webpackerでコンパイルしてみよう 【発展】Webpac
Webpackerについてちゃんと調べてみた - UUUMエンジニアブログ
カイシャで唯一 Emacs を使ってる✨✨✨✨キラキラエンジニア✨✨✨のtakeokunnです。 ギョームで webpacker を使っているのですが、中のコードを読む機会があったのでせっかくだからまとめてみました✨✨✨✨✨ コードについて書く前に、そもそも Webpacker がどんな機能を提供しているか書く。 READMEによると: Features * webpack 4.x.x * ES6 with babel * Automatic code splitting using multiple entry points * Stylesheets - Sass and CSS * Images and fonts * PostCSS - Auto-Prefixer * Asset compression, source-maps, and minification * CDN su
HLS色空間 - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "HLS色空間" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL（2019年1月） HLS色空間（エイチエルエスいろくうかん）とは、色相 (Hue)、彩度 (Saturation)、輝度（Lightness / Luminance または Intensity）の3つの成分からなる色空間。HSV色空間によく似ている。 HSL、HSIと呼ばれることもある。 HLS色空間のカラーモデル 色相 色味を0から360度の範囲の角度で表す。0度は赤で、その反対側に位置する180度は赤の反対色にあたる青緑。すなわち、反対色を見つけるのも容易。色相についてはH
2019年Sassのススメ - Qiita
こんにちは、うにぽたです。 初Qiita投稿にしてAdc大遅刻です・・・すいません。 CSSメタ言語 CSSはスタイルシートと言うだけあって構造化の点で弱さのある言語です。 大規模開発で複雑化してくるとBEMやFLOCSSなどの設計手法を取り入れることもあるわけですが、メタ言語として問題の改善を図ろうとするアプローチがありました。 メタ言語というのはこの場合最終的にCSSを出力するような、独自の機能拡張を行なっている言語のことです。 Sassもその１つです。 この記事 Sassの具体的なメリットを挙げる前に、この拡張言語には２つの記法が存在することを知ってもらう必要があります。 Sass記法と、SCSS記法です。 実にややこしいですね。 ググラビリティ(Google検索のしやすさ)を大幅に下げている要因です。 Sass記法 Sassの元々の記法は次のようなものでした。 インデントによりネス
変更に強いSassの色管理プラクティス - Qiita
タイトルからは意図がわかりづらいかもしれませんが、端的にいうと変更に強いSassを書いて修正や改修時につらくなりにくい状態にしておきたいというはなしです 作業途中や改修でサイトのデザインが変わったり一部分の色が変更になったりする場合があると思いますが、そういうときにすばやく散らからずに対応できるようになります。 カラーパレット変数を作り、機能(パーツ)ごとにカラー変数作る 言ってしまえばこれだけです。 例をみていきましょう。 まずカラーパレットをつくります $palette-trueWhite: #fff $palette-trueBlack: #000 $palette-sunnyRed: #FF141C $palette-cherryRed: #D41655 $palette-sandGray: #999
Bootstrap4の変更点についてまとめてみた | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちはデザイナーの奥田です。 最近では様々なCSSフレームワークが登場していますね。 個人的にはパイオニア的存在でもあるBootstrapを今後も支持していきたいところです。 今回はさらに進化を遂げた「Bootstrap4」のBootstrap3からの変更点を簡単にまとめてみました。 では早速まいりましょう。 Table of ContentsBootstrap4とは使用しているCSSプリプロセッサーがSassに変更された基本単位がremに変更されグローバルフォントサイズが14pxから16pxに変更されたグリッドシステムがflexbox対応になり基準のサイズ名が変更になったPanelsが廃止され、Cardsが追加された汎用クラスが追加された各種記述法が変更された最後にBootstrap4とはBootstrapとは、いまやWebデザイナー・Webエンジニアで知らない人はいないのではないか
【Rails】Rails 6.0 x Docker x MySQLで環境構築 - Qiita
はじめに Rails 6.0 x Docker で環境構築しようとしたら思いのほか手こずったので、メモとして投稿します。 勉強中の初学者による記事です。誤りがあればご指摘いただければ嬉しいです！ 各種バージョン 下記のバージョンにて動作確認しています。 macOS Mojave 10.14.6 Ruby 2.6 Rails 6.0.0 Docker 19.03.1 docker-compose 1.24.1 MySQL 8.0 手順 公式ドキュメントに従い、下記の流れで構築していきます。 なお、ドキュメント内では rails 5 系で進めているため、適宜 rails 6 系に読み替えます。 各種ファイルの用意 rails new でアプリ作成 イメージのビルド database.yml の設定と DB 接続 コンテナ起動 一つずつ詳しくみていきます。 1. 各種ファイルの用意 任意のディレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sassで色を管理する色々な方法 - Qiita