まず Container より始めよ

2023/09/27 106 users

https://yojo.connpass.com/event/294169/ のイベントの登壇資料です。 React のコンポーネント指向開発について、いくつかの誤解があります。（またはかつてありました。）これらの誤解を解きながら、「一つのコンポーネントが複雑で長大になる」「多くのコードジャンプを要して、全体像をつかみにくい」状況に陥らない... 続きを読む

コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する

2023/02/15 245 users コンテナクエリ ウインドウサイズ レスポンシブ対応 新時代

本日（2/14）、ついに Firefox でコンテナクエリに対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ... 続きを読む

Docker DesktopからRancher Desktopに切り替えする手順 - ANDPAD Tech Blog

2022/10/21 78 users Rancher Desktop 手順 Minio MySQL

どうも、ANDPADバックエンドの原田(tomtwinkle)です。 1週間ぶりくらいですね。 Rancher Desktop と Docker Desktop の差異 LocalでMySQL / Localstack/ Minio 等のContainer立ち上げたりする程度なら特に差異はなさそうです。 今まで通り docker コマンドや docker-compose コマンドがそのまま使えます。 Rancher Deskt... 続きを読む

レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説

2022/08/25 137 users Has ビューポート CSS 疑似クラス 実装

CSSの新機能コンテナクエリ（@container）と:has()疑似クラスが、いよいよChrome 105（8月末、来週リリース予定）でサポートされます。 コンテナクエリとは今までのメディアクエリがビューポートに依存していたのとは異なり、親要素（コンテナ）のサイズに対してスタイルを適用できます。:has()疑似クラスは指定した要素... 続きを読む

Vue Native

2018/06/13 274 users Apps text Message template View

Vue Native - The Progressive JavaScript Framework For Mobile Apps< template > < view class = "container" > < text class = "text-color-primary" > {{message}} </ text > </ view > </ template > 続きを読む

Docker、OCI やめるってよ : 革命の日々 その２

2016/08/01 665 users OCI Twitter Docker Kubernetes

Aug 1 Docker、OCI やめるってよ カテゴリ: Container 週末のTwitterの応酬が面白かったのでメモ タイトルはもちろん「桐島、部活やめるってよ」のパクリですが、わたしはこれ見たことないです。 Kelsey Hightower （GoogleのKubernetesの中の人） がまず燃料投下 There are many application platforms that... 続きを読む

dockerをWebで管理できるshipyardが想像以上に便利だった件 - Qiita

2016/03/04 111 users Qiita Docker images プルリク 権限

shipyardとは shipyard · shipyard dockerのcontainer、images等をWebで管理できちゃう ログインアカウントを作れる（読み取りのみ権限とかもOK） Registriesにも対応しているがまだv1のみの対応（プルリク来てたのでそのうち更新されるかも？） 検証環境（ホスト側） CentOS 7.2.1511 docker 1.10.2 インストール 続きを読む

コンテナ - Wikipedia

2016/02/21 312 users Wikipedia コンテナ 直方体 船舶 貨物輸送

コンテナ (Container) とは、内部に物を納めるための容器である。 貨物輸送に使われる大型の物のほかに、人間が持ち運べる小型の箱もコンテナと呼ばれるが、本項目では貨物輸送用に使われる大型の物について記述する。 [編集] 概要 一般的には、鋼鉄・アルミニウムなどで製造され、規格化された形状の箱で、その中に輸送物を積み込み航空機・鉄道・トラック・船舶などで輸送を行う。多くが直方体の形状であるが... 続きを読む

コンテナ技術に関する社内勉強会を主催してみた話 | GREE Engineers' Blog

2015/08/13 71 users GREE Engineers コンテナ技術 Docker

Home » Info » コンテナ技術に関する社内勉強会を主催してみた話 コンテナ技術に関する社内勉強会を主催してみた話 Posted on 8月 13, 2015 by foostan Tweet こんにちは、開発統括本部インフラストラクチャ本部の @foostan です。 今回は私が所属している社内コミュニティ(Container/Docker)で勉強会を主催した話をご紹介します。 グリーで... 続きを読む

Object::Containerを応用したModel呼び出し - ゆーすけべー日記

2013/07/25 749 users MyApp Object Model ゆーすけべー日記 手元

各種Model群についてObject::Containerを応用しつつ管理するとカジュアルにシングルトンになって効率いいかも！って思って、手元の小さなWebアプリで実装してみた。実験的にやってるんで、これおかしいって点あるかもなんでその場合はお手柔らかにツッコんでくだされ。 だいたい僕はこんな感じでWebアプリのファイル、クラス構成をとっています。 ./ └── MyApp ├── Model │... 続きを読む

カッコいいカバーフローを実現できるjQueryプラグイン「CoverScroll」:phpspot開発日誌

2012/06/06 55 users ライブラリ jQueryプラグイン phpspot開発日誌

CoverScroll jQuery plugin カッコいいカバーフローを実現できるjQueryプラグイン「CoverScroll」。 次のような画像をアイコン風にして綺麗にアニメーションさせられるカバーフローを簡単に実装できます 必要なライブラリを読んで上記のようにマークアップを記述して $('#container').coverscroll(); と書くだけ。 オリジナル画像は次のようにサイ... 続きを読む

[CSS]画像無しで、両端にいくにつれ薄くなるラインを描くテクニック | コリス

2012/03/22 328 users コリス 両端 item CSS class

実装 全コードはデモページに記載されているので、ここではラインのスタイルをピックアップします。 HTML マークアップはシンプルなリストで、ul要素にclassを指定するだけです。 <ul class="container"> <li>First list item</li> <li>Second list item</li> <li>Third list item, etc.</li> </ul... 続きを読む

これはちょっと使いたくなる、キーフレームを使ったCSS3アニメーションのナビゲーション | コリス

2012/01/18 89 users コリス NAV ナビゲーション Opera キーフレーム

デモ 実装 デモ デモはキーフレームのアニメーションを使用しているため、Chrome, Safari,Firefoxでご覧ください。 ※IE, Operaでは動作しません。 デモページ: アニメーション完了時 実装 HTML ナビゲーションはリスト要素で実装されており、第二レベルはリストの入れ子になっています。 <div id="container"> <ul id="nav"> <li><a h... 続きを読む

よいCSS開発を行うための８のＴＩＰＳ:phpspot開発日誌

2009/03/31 264 users Tips phpspot開発日誌 wrapper Box 以下

8 methods to bring your front end coding to rockstar levels | StylizedWeb.com よいCSS開発を行うための８のＴＩＰＳとして、当たり前かなと思うことから、なるほどというものがあったので以下にご紹介。 ・IDやクラス名にはより意味のあるものをつけよう たとえば、boxとかwrapperとかcontainerとかは一般的ですね... 続きを読む