タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
目次 CSS小史 SUIT CSS - 命名規約ベースのCSS方法論 styled-components - CSS in JS Tailwind CSS - Utility-first CSS なぜインラインスタイルではダメなのか まとめ タイムライン 参考リンク CSS小史 CSSでアプリのUIを実装するための手法は、これまでいくかの変遷を辿ってきた。 はるか昔、CSSが生まれて間もないころには、関心の分離という文脈から、FONT要素などの物理タグはよくないものとされ、 コンテンツ(HTML)とスタイル(CSS)をきっちりと分離することが奨励されはじめた。 そこでは、HTMLはあくまで文書であり、CSSのクラスセレクタという接点でコンテンツと見た目が隔離されることで、それらは別世界のものとして管理されていた。 また、大規模サービス開発においていかにCSSを管理するかという問題意識はまだ
JX 通信社のフロントエンドでは React TypeScript や Emotion のような CSS in JS を技術選定することが多いです。弊社 SaaS の FASTALERT、新型コロナ関連情報などでも同様の技術選定で、過去にもエンジニアブログで紹介してきました。 tech.jxpress.net tech.jxpress.net 今日は、Emotion の活用の極地「Utility First な CSS in JS フレームワーク」についてご紹介します。 Emotion で開発する悩み 素の Emotion や類似の CSS in JS ライブラリでは、 1 つの TS/JS ファイル内に CSS を書くような感じでスタイル設定を行っていきます*1。CSS in JS ライブラリに概ね共通しているのが、 styled.タグ名 でスタイリングすることです。 const Tit
_______________ _______________ .' .' .| .' .' .' | .'_______________.'______________ .' | | ___ _____ ___ || ___ _____ ___ | | ||_=_|__=__|_=_||||_=_|__=__|_=_|| | ______||_____===_____||||_____===_____|| | __________ .' ||_____===_____||||_____===_____|| .' .'| .' ||_____===_____||||_____===_____|| .' .' | .'___________|_______________||_______________|.'__________.' | |.----------.|.-----___---
Utility Typesとは Utility Typesとはコード内で型変換を容易にする為にTypeScriptが提供する(便利な関数のような)型達です。 Partial<T> Partial<T>はTの全てのプロパティをOptional(任意)のプロパティにしてくれます。 下記のコードPersonでは1つも任意のプロパティが設定されていませんが、Partial<T>を使用する事で、変数taroではfirstNameのみを持つ事ができています。 interface Person { firstName: string lastName: string age: number } const taro: Partial<Person> = { firstName: 'Taro', } console.log(taro); //=> { firstName: 'Taro' } Require
<x.div p={{ _: 3, md: 6 }} bg="white" display="flex" spaceX={4} alignItems="center" boxShadow borderRadius > <x.div flexShrink={0}> <img height={12} width={12} src="/logo.png" alt="xstyled" /> </x.div> <x.div> <x.h4 text={{ _: "md", lg: "xl" }} fontWeight="medium" color="black" > xstyled </x.h4> <x.p color="gray-500" text="sm" my={1}> A CSS-in-JS framework built for React. </x.p> </x.div> </x.div>
今回は、1990年代のオランダ空軍ユーティリティートラウザーズを分析します。 ヨーロッパの空軍に多いカラーがグレイのモデルですね。 でも、オランダ製ではありませんでした。 僅かな汚れもありますが、デッドストックですよ! 目次 1 オランダ陸軍ユーティリティートラウザーズ(グレイタイプ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 オランダ陸軍ユーティリティートラウザーズ(グレイタイプ)とは? 第二次大戦中の1940年、ドイツ軍の侵攻により一週間で降伏したオランダ軍。 空軍の兵士も善戦しましたが、降伏時には95%のパイロットを失っていたとか。 フォッカーD21など、魅力的ながら旧式の機体では、強力なドイツ空軍の攻撃を防ぐことができなかったようです。 戦後は戦闘機の自国開発を諦め、一貫して
今回は、1990年代のドイツ陸軍ユーティリティーシャツを分析します。 以前分析した試作フレックパターンシャツ の単色版量産型ですね。 戦闘服の下に着用するべき衣類になります。 普段愛用している中古品ですが程度は良好ですよ! 目次 1 ドイツ陸軍ユーティリティーシャツ(OD)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 ドイツ陸軍ユーティリティーシャツ(OD)とは? 現在、世界の多くの軍隊では、暖候期の演習や実践における服装として、Tシャツの上にBDU(バトルドレスユニフォーム:戦闘服)を着用することが定番となっていますね。 これは日本でも同様で、陸・海・空自衛官も暖候期にはTシャツと戦闘服(または作業服)といった出立ちで勤務します。(…よね?😅) ところがヨーロッパでは、つい最近まで
今回は、1970年代のスイス陸軍デニムジャケットを分析します。 以前分析した後期型デニムジャケットの前の型ですね。 デザインでは一部で後期型とは大きく違っている箇所がありました。 保管上の汚れがありますが、デッドストックですよ! 目次 1 スイス陸軍デニムジャケット(初期型・1970年代モデル)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 スイス陸軍デニムジャケット(初期型・1970年代モデル)とは? その軍物らしくない素材とデザインで、軍物マニアのみならず、ファッション界でも多く使用されているスイス陸軍デニムジャケット! シンプルで丈夫、それでいて必要な機能は全て備わっている典型的なユーティリティージャケットでした。 しかし現在出回っているものの多くは、いわゆる「後期型」と呼ばれるも
今回は、1970年代のオーストリア軍ユーティリティーシャツを分析します。 カチッとしたデザインが魅力ですね。 シャツにはあまり使用されない素材が用いられています。 普段愛用している中古品ですが、程度は良好ですよ! 目次 1 オーストリア陸軍ユーティリティーシャツ(ブラウン)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 オーストリア陸軍ユーティリティーシャツ(ブラウン)とは? 新型のデジタル迷彩を開発してもなお、ODの単色装備を主体として使用しているオーストリア軍。 独特のこだわりを感じますね。 当ブログではこれまで、そんなOD装備のいくつかを分析していましたが、今回はインナーとも言えるユーティリティーシャツになります。 独特のカラーと材質は、他国の装備にはあまり見られないものですね。
今回は、1950年代のアメリカ軍海兵隊ユーティリティジャケットを分析します。 大戦中モデルのP41、P43から続く一連のシリーズですね。 過去記事:アメリカ海兵隊P43HBTユーティリティジャケット とても貴重なものですね。 中古品ですが程度は極上ですよ! 目次 1 アメリカ軍海兵隊P58ユーティリティジャケットとは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ軍海兵隊P58ユーティリティジャケットとは? 本来は横並びで同等であるにもかかわらず、何故か世界の軍隊では陸軍、海軍、空軍で仲が悪い場合が多いですね。 何かと自分たちを主張し、かつ他軍とは差別化を図ろうとすることが多いです。 (気持ちはわかりますが…😅) 場合によっては、作戦に支障をきたすこともあるので、困ったものです。
今回は、1950年代と思われるアメリカ空軍ユーティリティジャケットを分析します。 以前もアメリカ空軍ユーティリティシャツを分析しましたが、今回のモデルは微妙に仕様が違っていました。 どうやら空軍創設後、間もなくの装備品のようですね。 今回のアイテムは中古品ですが、程度は良好ですよ! 目次 1 アメリカ空軍ユーティリティジャケット(セージグリーン・フロント隠しボタンタイプ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ空軍ユーティリティジャケット(セージグリーン・フロント隠しボタンタイプ)とは? それまでのアメリカ陸軍航空隊から、独立して新しく「アメリカ空軍」が発足したのは、1947年でした。 以降、陸軍との差別化を図るため、ありとあらゆる空軍独自の装備品が開発されましたね。 多
今回は、1990年代のオランダ軍ユーティリティージャケットを分析します。 以前OD(オリーブドラブ)HBT生地のモデルを分析しましたね。 今回のモデルは明るいOG(オリーブグリーン)の生地が特徴です。 中古ですが程度は良好ですよ! 目次 1 オランダ軍陸軍ユーティリティージャケット(オリーブグリーン・末期型)とは? 2 全体及び細部写真 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 オランダ軍陸軍ユーティリティージャケット(オリーブグリーン・末期型)とは? 第二次大戦後、自国の装備に見切りをつけアメリカ軍に類似した装備を整えたオランダ軍。 ヘルメットやフィールドジャケットも、概ねアメリカ式でしたね。 ユーティリティーユニフォームもOD(オリーブドラブ)のHBT(ヘリンボーンツイル:杉綾織)の生地が用いられ、デザインもなん
今回は、1970年代のオランダ陸軍HBT(ヘリンボーンツイル:杉綾織)ユニフォームを分析します。 ジャケットはアメリカ軍の影響が色濃く残るデザインですね。 でもオランダ軍独自の改良(?)点もありました。 中古ですが程度は良好ですよ! 目次 1 オランダ陸軍HBTジャケット(ODタイプ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 オランダ陸軍HBTジャケット(ODタイプ)とは? 第二次大戦で国土をドイツ軍に蹂躙されたオランダ。 (植民地であったインドネシアでは、日本軍にボコボコにされましたね。) 戦後は何かとドイツとの距離を取るようになりました。 軍の装備品、特に個人装備は周辺のイギリス軍やフランス軍ましてやドイツ軍ではなく、助けてくれたアメリカ軍系の装備を採用しましたよ。 第二次大戦
今回は、1990年代のアメリカ海軍ユーティリティージャケットを分析します。 水兵用のジャケットなので、デッキジャケットとも呼ばれていますね。 第二次大戦中から続く伝統のジャケットです。 使用感や汚れがありますが、なんとか着用可能ですよ! 目次 1 アメリカ海軍ユーティリティージャケット(デッキジャケット・4ポケットタイプ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ海軍ユーティリティージャケット(デッキジャケット・4ポケットタイプ)とは? 主に洋上の艦艇に乗組み、各種戦闘や操艦に当たる水兵は、なかなか過酷な環境に置かれているようですね。 特に気温が下がる寒候期は、周到な防寒整備が必要なのは想像に難しくありません。 そのため各国とも優秀な防寒着を開発・支給しています。 しかし暖
今回は、1980年代のアメリカ海軍ユーティリティシャツを分析します。 水兵用ですが、そうは見えない感じが素敵な一品です。 半袖ですが長袖のモデルもありようですね。 中古品ですが程度は良好ですよ! 目次 1 アメリカ海軍ユーティリティシャツ(半袖タイプ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ海軍ユーティリティシャツ(半袖タイプ)とは? 私が持ってるアメリカ海軍水兵のイメージは、シャンブレーシャツにフレアデニムでした。 (古い!) ですが、最近は少々変わってきていますね。 1980年代からはウッドランド迷彩のBDU(バトルドレスユニフォーム)を採用したり、その後のブルーデジタル迷彩服や、グリーン(どちらかというとカーキ)デジタル迷彩服などを採用して、一気に戦闘モードに突入し
今回は、1980年代のデンマーク陸軍ユーティリティージャケットを分析します。 以前、自衛隊を含む各国のユーティリティージャケットを記事にしました。 でも、今回のモデルはデンマーク独自のデザインでとてもシックなのが特徴です。 中古品ですが、程度は極上ですよ! 目次 1 デンマーク陸軍ユーティリティージャケット(OG単色タイプ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 デンマーク陸軍ユーティリティージャケット(OG単色タイプ)とは? デンマーク陸軍といえば、グリーンとブラックグレイ(またはチャコールグレイ)を用いた斑点迷彩が有名ですね。 デンマーク軍斑点迷彩ジャケット 小国ながら、カチッとした軍装品を支給していることで有名ですね。 (各種払い下げ品は、現代でも使用できるものが多いですよ
今回は、1940年代のアメリカ軍HBTカバーオール(つなぎ)を分析します。 現在でも比較的多く残っているアイテムですね。 当時の写真を見ると、多種多様な職種の兵士が使用していましたよ。 今回は中古品で残念ポイントもありますが、程度は良好ですよ! 目次 1 アメリカ陸軍HBTユーティリティカバーオールとは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ陸軍HBTユーティリティカバーオールとは? 第二次大戦中のアメリカ軍が多用した衣類の生地は、概ねサテンとHBTでした。 この内HBT(ヘリンボーンツイル:杉綾織)は、薄く頑丈で通気性もある優れた生地でしたね。 (一般的には、力の加わるジッパーの生地に使用されることが多いですね。) アメリカ陸軍は、このHBTの生地で各種ユーティリティ装備を製造しま
今回は、1980年代のアメリカ軍ユーティリティーシャツを分析します。 ベトナム戦争中からPXなどで販売されていたものですね。 有名なアメリカの下着メーカーも製造していました。 中古品ですが程度は良好ですよ! 目次 1 アメリカ軍ユーティリティーシャツ(コットンポプリン製・PX品)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ軍ユーティリティーシャツ(コットンポプリン製・PX品)とは? ベトナム戦争におけるアメリカ陸軍は、当初戦闘服として各種ユーティリティーユニフォームで参戦しました。 これは、かつて当ブログでもユーティリティジャケットとユーティリティトラウザーズを分析しましたね。 このユニフォームは、アメリカ本土でも各種業務や訓練などで使用されていたものでした。 コットンサテン
今回は、1990年代のアメリカ軍ユーティリティーカバーオールを分析します。 以前分析した大戦中モデルの近代化バージョンですね。 やや生地が厚いですが、各種作業や整備にいい感じで使用できます。 中古品ですが、程度は極上ですよ! 目次 1 アメリカ軍ユーティリティーカバーオール(つなぎ・コットンサテンタイプ・中期型)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ軍ユーティリティーカバーオール(つなぎ・コットンサテンタイプ・中期型)とは? ところであなたは二輪車や四輪車をお持ちですか? 私は両方所有していて、そのうちバイク(125cc MT車)を通勤に使用しています。 (四輪は奥(神)様が使用中!雨が降っても槍が降っても私はバイクで通勤!😅) 元々航空機整備員だったこともあって、軽
今回は、2010年代の海上自衛隊ユーティリティージャケットを分析します。 隊内では「簡易ジャンパー」と呼ばれている…のでしょうか? 本来は制服系の衣類ですね。 (でも艦艇での使用例も…。) 今回のアイテムは、デッドストックですよ! 目次 1 海上自衛隊ユーティリティージャケット(PX品)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 海上自衛隊ユーティリティージャケット(PX品)とは? 2010年代に陸・海・空の3自衛隊は、制服を補佐する「簡易ジャンパー」の着用を服装規則で決定しました。 それぞれ独特のデザインで、陸上自衛隊はオリーブグリーン、航空自衛隊はブルー、海上自衛隊はブラックを基調としたカラーを採用。 なかなか使い勝手の良い衣類でしたね。 多くは冬制服の代わりに、Yシャツやセーターの上に
今回は、2000年代のフィンランド軍ユーティリティーナイフを分析します。 日本では「プッコ(またはプッーコ)ナイフ」という名称で流通していますね。 日本人も驚く精密な仕上げが魅力です。 中古品ですが、殆ど使用されていない極上品ですよ! 目次 1 フィンランド陸軍M95ユーティリティーナイフ(プッコナイフ)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 フィンランド陸軍M95ユーティリティーナイフ(プッコナイフ)とは? 有名な冬戦争では、ソ連軍を相手に互角以上の戦いをしたフィンランド軍。 照準眼鏡を使用しない伝説の狙撃兵、アメリカ製2流戦闘機でソ連機をバタバタ墜とす撃墜王などなど、興味深いエピソードが盛りだくさんですね。 そんなフィンランド軍の、特に陸軍兵士に愛用していたナイフの近代化版が
今回は、1940年代のアメリカ陸軍ブルーデニムユーティリティージャケットを分析します。 さて突然ですが、ここでクイズです。 これから分析するジャケットは、当時の官給品でしょうか?それとも現代のモデル品でしょうか? 正解は…最後の写真をご覧ください! 中古品ですが、程度は良好ですよ! 目次 1 アメリカ陸軍ブルーデニムユーティリティージャケットとは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ陸軍ブルーデニムユーティリティージャケットとは? ところで皆さんは、いわゆる「Gパン」をお持ちですよね。 私も何本か持っています。 「Gパン」は他にもデニムとかジーンズとか呼ばれています。 デニムはフランスの生地が語源ですし、ジーンズはデニムが作られた土地の名前の英語読みという説がありますね。
今回は、1980年代の旧西ドイツ海軍デッキジャケット(ユーティリティジャケット)を分析します。 難燃繊維製になる一つ前のモデルですね。 カラーもシックで生地の厚さもそれほどではないので、今の季節にぴったりですよ。 今回もデッドストックです! 目次 1 旧西ドイツ海軍デッキジャケット(ユーティリティジャケット・ブルー)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 旧西ドイツ海軍デッキジャケット(ユーティリティジャケット・ブルー)とは? 各国海軍の艦艇乗組員(水兵)は、陸軍の歩兵や空軍のパイロットとはまた違った独特の被服(衣類)や装備がありますね。 それに加えて、見た目のスマートさやカッコよさをデザインに取り入れているものが多いように思います。 (そもそも、制服からしてブラック&ホワイトっ
今回も、1940年代のアメリカ海軍MARK2ナイフを分析します。 以前同じくMARK2ナイフを分析したことがありました。 でも今回のモデルはメーカーとブレードの仕上げが違っていましたよ。 中古品ですが、程度は極上です! 目次 1 アメリカ海軍MARK2ナイフ(カミラス社製・ブルーイングモデル)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ海軍MARK2ナイフ(カミラス社製・ブルーイングモデル)とは? 前作MARK1ナイフを改良して開発されたMARK2ナイフ。 対人戦闘をも視野に入れた設計は、ユーティリティーナイフの枠を超えて、名実ともにアメリカ海軍を代表するコンバットナイフともいえます。 そんなMARK2ナイフのブレードは、その殆どが「パーカライジング」というリン酸塩加工がなさ
今回は、1940年代のアメリカ海軍HBTユーティリティージャケットを分析します。 以前分析したアメリカ海兵隊のジャケットと同じデザインですが、もっと後に製造されたものですね。 でもしっかり「海軍」していますね。 運よく入手できたデッドストックですよ! 目次 1 アメリカ海軍HBTユーティリティージャケット(P41タイプ・デッドストック)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 アメリカ海軍HBTユーティリティージャケット(P41タイプ・デッドストック)とは? 第二次大戦中のアメリカ海軍は、面白い個人装備の体系を採用していました。 海軍水兵独自のセーラーユニフォーム(シャンブレーシャツやブルーデニムトラウザーズも含む)や防寒用のN-1デッキジャケットなどは特に有名ですね。 でも中には
今回は、2000年代の航空自衛隊ユーティリティージャケットを分析します。 航空自衛隊では「簡易ジャンパー」とか「簡易服」と呼ばれていますね。 でも今回のモデルは少々訳あり品です。 中古ですが程度は極上ですよ! 目次 1 航空自衛隊ユーティリティージャケット(簡易ジャンパー・初期型・BX品)とは? 2 全体及び細部写真です! 3 その特徴とは? 4 製造とサイズのデータです! 5 まとめ スポンサーリンク スポンサーリンク 1 航空自衛隊ユーティリティージャケット(簡易ジャンパー・初期型・BX品)とは? 私の記憶が確かなら、1990年代に突如としてBXで販売が開始された簡易ジャンパー。 それまで、作業服の上に着るMA–1型のジャンパーは官給品、BX品とも存在していましたが、制服専用のジャンパーはありませんでした。 その頃、アメリカ軍などでは制服を補佐する各種ジャケットがPXで販売
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く