目次 CSS小史 SUIT CSS - 命名規約ベースのCSS方法論 styled-components - CSS in JS Tailwind CSS - Utility-first CSS なぜインラインスタイルではダメなのか まとめ タイムライン 参考リンク CSS小史 CSSでアプリのUIを実装するための手法は、これまでいくかの変遷を辿ってきた。 はるか昔、CSSが生まれて間もないころには、関心の分離という文脈から、FONT要素などの物理タグはよくないものとされ、 コンテンツ(HTML)とスタイル(CSS)をきっちりと分離することが奨励されはじめた。 そこでは、HTMLはあくまで文書であり、CSSのクラスセレクタという接点でコンテンツと見た目が隔離されることで、それらは別世界のものとして管理されていた。 また、大規模サービス開発においていかにCSSを管理するかという問題意識はまだ

本来は親友に向けたマンションリフォームのアドバイスだが、LINEで送るには長すぎるので、増田の日記として公にさらしてみる。ブコメやトラバで有用な反論が得られるかもしれない。 祝1000user超え。いろんな意見が聞けて楽しい。おそうじ浴槽がみんなに届いてうれしい。 祝2000user超え。自分の知識がみんなの役に立ったようでうれしい。はてブ愛してる。 増田は建築士としてそれなりに経験値はあるが、住まいのあり方や価値観は本当に多様なので、N=1の意見として参照するぐらいがちょうどよい。 大前提適切な断熱壁と二重ガラス樹脂サッシが装備されていること。それがない建築が許されるのは安藤忠雄だけ。 既存のサッシが交換できないならインプラスなどの内窓をいれればよし。 風呂編おそうじ浴槽！これが言いたくてこの長い日記を書いているといっても過言ではない。 google:image:おそうじ浴槽 他の設備投

今現在、干し蕎麦を食べまくる連載「家そば放浪記」は第197回まで続いているが、まだ記事を書けていないだけで実はもう199まで食べ終えている。 ついに大台200目前。思い返せば様々な干し蕎麦があったな……というタイミングで、ちょうどよく「年越しそば」の季節がやってきた。 よって今回は、年越しそばに合いそうな干しそばベスト9を選出したいと思う。大晦日用干し蕎麦購入の参考にしていただければ幸いだ。 ・真に美味い蕎麦は冷でも温でもイケる蕎麦 約200種類の干し蕎麦を「冷メニュー（もり）」食べてきた私が思うのは、干し蕎麦には「冷たい蕎麦の方が合いそうな蕎麦」と「温かい蕎麦の方が合いそうな蕎麦」があるということ。 「冷たい蕎麦のほうが合いそうな蕎麦」は、だいたいが「美味い蕎麦」である。小細工をしなくても、素のままで美味い蕎麦。そしてそれらは、ほぼ間違いなく「温」でも美味い。 逆に「温かい蕎麦の方が合い

お知らせ 2023年04月25日 郵便物の特殊取扱料改定に伴う料金の変更 2023年10月1日(日)に郵便物の特殊取扱料を改定することに伴い、e内容証明の料金を以下のとおり変更します。 ■変更内容 e内容証明（電子内容証明） 変更前　　　　変更後 一般書留料金　　　435円　　　　480円 配達証明料金　　　320円　　　　350円 （※電子郵便料金及び謄本送付料金等、他の料金の変更はありません。） ■変更時期 2023年10月1日(日) ■参考 郵便物の特殊取扱料の改定、荷物の付加サービスの料金改定および廃止ならびに国際郵便料金の改定 2022年11月29日 「Webゆうびん（Webレター、Webレタックス及びWeb速達）」ご請求タイミング変更について Webレター、Webレタックス及びWeb速達の、クレジットカード会社へのご請求（決済データ伝送）のタイミングを、以下のとおり変更いたしま

ALL-IN-ONE SYSTEM ドラムからシンセ、サウンドデザイン用コントローラーにシーケンサーまで、SEQTRAKにはすべてが備わっています。 スタイリッシュで多機能。SEQTRAKは場所を選ばずに音楽制作を始められる手軽さだけでなく、こだわりの音楽表現を実現できる機能・環境を提供するでしょう。

みなさんこんにちは。LINE執行役員、企画センター ビジネスプラットフォーム企画室 室長の二木です。 昨年11月に開催されたプロダクトマネージャーカンファレンスにて「LINEにおけるお金とユーザーのジレンマ」をテーマに登壇させていただきました。 本記事では当日お話しした内容を中心に時間内で伝えきれなかった詳細についてお伝えしたいと思います。 テーマ設定の背景 なので今回の登壇では、LINEにおけるプロダクトマネージャー（以下PM）をスキル面で分解しつつも、その奥にある最も大切な役割と私自身も日々悪戦苦闘しているPMのジレンマをテーマにお話させていただきました。 登壇資料 日本でもプロダクトマネージャーという言葉が徐々に浸透し始め、言語化されてきています。いい流れではある一方でスキル偏重になってきているとも感じています。 LINEのPMって？ みんなPMの役割について1度は悩んでいる 多くの

こんにちは、沙東すずです。東京都内で会社員として勤務するかたわら、文筆や生きものに関するイベントなどの活動をしています（以前はメレ山メレ子というペンネームでしたが、2023年春に改名しました）。 今回はわたしの趣味である「家のカスタマイズ」について、途中経過をお見せしながらその愉しさを語りたいと思います。 マンション購入までの道のり 2023年1月にマンションを購入し、数カ月のフルリノベーション工事を経て5月に入居しました。 実はわたしにとってはこれが2回目のマンション購入、そして改装です。 通称「メレヤマンション」にて、アフリカのガーナで作った棺桶と（撮影：宇壽山貴久子）2016年に最初の中古マンションを購入してフルリノベーション。「古いマンションを好き勝手に改装したい」という夢をかなえました。その後、2017年夏～2020年冬まで中国子会社に赴任。「ぜんぜん住んでないじゃないか！」と思

いよいよ大工工事が始まった『studyroom #1』。壁や床の下地づくりが進む中、工事班は現場で細部の仕上げ方を検討。間柱はどこまで見せる？ブロック壁の荒々しい断面は見せちゃう？「リメイク」をテーマにしたリノベ、だからこその仕上げ方を考えていきます。

天井まで目一杯、壁一面を本棚に ファッション誌など大きめの雑誌や A4サイズファイルの収納に 床から天井までを最大限に有効活用できる壁一面本棚です。奥行は250mmでいわゆる一般的な「本棚」の奥行です。A4サイズの書籍、或いはファイルがちょうど背表紙が正面に並ぶ形で収納でき本のありかが一目で分かります。 既製品として4つのサイズを用意していますが、お部屋の天井や梁に合わせた本棚の高さ調整や、形状・サイズに合わせた様々なオーダー加工も承ります。リフォーム工事を行わずに「置くだけ」で、造作家具のような天井までの壁面収納が実現します。

Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modified-Since を付与したのに If-Modified-Since が送られない 先日も、筆者が書いた MDN の Cache セクションで「記述が間違っているのでは?」と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/cont

こんにちは。ソフトウェアエンジニアの坂井 (@manabusakai) です。 カミナシではマルチプロダクト化に向けて、認証・認可の切り出しを進めています。その対応を進める中で、既存テーブルへのカラム追加が必要になりました。 先日、そのリリースのために本番データベースにマイグレーションの ALTER 文を実行したところ、クエリが詰まって危うく障害になるところでした（幸いすぐにキャンセルして事なきを得ました）。 原因を調べたところ、オンライン DDL は複数の条件が関係することがわかりました。オンライン DDL に対する知識不足と事前検証の甘さゆえのミスでしたが、結果的には良い学びが得られました。 カミナシのバリューのひとつである「全開オープン」の気持ちで、事の顛末やそこから得た学びを公開します。 なお、今回の話は MySQL 5.7 互換の Amazon Aurora MySQL 2 で確

久しぶりの投稿です。 はじめに 昨今、様々なサイトがどんどんパスキーに対応しはじめてきました。 まだまだパスキーがデフォルトになっていくには時間が掛かりそうですが、どのような仕組みでパスキーを実装するのか、早めにキャッチアップしておくのも悪くないと思い、パスキーについて色々と調べてみました。 パスキーとは？ パスワードの代わりに、自分の持つデバイスによる生体認証やパターンを用いて認証を行う方法のことです。 次世代認証技術であるFIDO（Fast IDentity Onlineの略で、「ファイド」と呼びます）を使った認証方式（詳細は後述）で、Apple、Google、MicrosoftがFIDOを普及させるために命名したブランド名になります。 FIDOとは？ 脆弱なパスワードは安全ではありません。 2段階・2要素認証を採用してもそれを有効にするユーザーは少なく、昨今では2段階認証を突破する攻

新卒向け研修資料「テスト文字列に”うんこ”と入れるな」を公開しました 代表の松井です。 弊社インフィニットループでは、近年「新卒ファースト」を合言葉に社内教育に力を入れています。 先日、主に新卒向け（それ以外の参加者も多くいましたが）に、「テスト文字列に”うんこ”と入れるな」という講義を行いましたので、その資料を公開します。 なぜ人は入力欄に「うんこ」と入れてしまうのでしょうか。 それはどういう経路で社外に漏れ、防ぐには何をすべきなのでしょうか。 タイトルはアレですが、内容は至って真面目に書いています。 悲しい事故を防ぐために「仕事中にはふざけないこと」など、新社会人に必要なメッセージを強く込めたつもりですので、ぜひ本資料をあなたの会社での研修にも役立てていただければと思います。 ツイート

アメリカ海軍横須賀基地に、最新鋭の無人水上艦（USV）「レンジャー」が寄港しました。同艦が所属する艦隊名は「幽霊艦隊」。遠路はるばる“自律”航行して来ましたが、アメリカ海軍は何を目的にしているのでしょうか。 最新鋭無人水上艇を報道公開 2023年9月21日（木）、神奈川県にあるアメリカ海軍横須賀基地にて、1隻の艦艇が報道陣に向けて公開されました。一見するとただの小型船に見えますが、実はこれこそが、現在アメリカ海軍において試験が進められている、最新鋭の無人水上艦（USV）「レンジャー」です。 拡大画像 横須賀基地に停泊中の、アメリカ海軍の最新無人水上艦（USV）「レンジャー」（稲葉義泰撮影）。 「レンジャー」はもともと、2018（平成30）年に海上の石油掘削用リグなどに物資や人員を輸送するための高速船として建造されました。その後、アメリカ海軍がこれを購入して無人運用に必要な改造を施し、202

フランス空軍の戦闘機「ラファール」や輸送機A400Mが関東に飛来し、注目を集めていた日、横須賀港にひっそりとたたずむ1隻のアメリカ軍艦船がいました。まるで民間フェリーのような外観の「怪しい船」の役割とは。 デンマークの貨物船を米海軍が中古で購入 フランス航空宇宙軍（空軍）の戦闘機「ラファール」と輸送機A400Mの関東飛来や、フランス海軍の情報収集艦「デュピュイ・ド・ローム」の横須賀寄港に沸いた2023年7月28日。横須賀沖にはもう1隻、特殊な船が来ていました。どこにも船名が書かれていないうえ、AIS（船舶自動識別装置）にも表示されない船です。 この船は「オーシャン・トレーダー（Ocean Trader）」。アメリカ海軍軍事海上輸送司令部が運用する特殊作戦支援母船ですが、アメリカ海軍も詳細を明らかにしていません。 「オーシャン・トレーダー」は、もともとデンマークの海運大手A.P.モラー・マー

利用環境を教えてください アプリ対応OS：Android8.0以上、iOS13以上、Windows10、Google Chrome OS 87以上 ※Windowsは、Microsoftのメインストリームサポート期間内であるもの ※Bluetooth4.0以上が利用可能であることも必須となります ※MDMなどでデバイスに対する動作制限を行っているお客様は動作検証をお願いいたします ※タブレットでの操作を推奨（タブレットは別売りです） スマートフォンやタブレットが無いと利用できないのでしょうか？ 本製品では必須となっております 画面が大きい方が操作がしやすいため、スマートフォンよりもタブレットを推奨しております パソコンでも利用できますか？ 以下の条件を満たしていればパソコンでもご利用いただけます ・Windows10(1803以降)でMicrosoft Storeを利用可能なこと または

家の様子が分かるルームツアー動画はこちら 生まれ育った京都府向日市（むこうし）に、まるで宮殿のような一戸建てを築いたミステリー作家・下村敦史さん。 住みやすさより驚きを追求したというご自宅は、曲線を描く階段や地下の「隠し部屋」など、物語の中に迷い込んだような仕掛けがずらり。また書斎は「バロック調」、ベッドルームは「ヴィクトリアン調」……と部屋によってコンセプトが異なっているのも特徴です。 自宅と仕事場を兼ねているケースが多い、小説家や漫画家、美術家など作家の家。生活の場であり、創作の場でもある家にはどんなこだわりが詰まっているのでしょう。その暮らしぶりや創作風景を拝見する連載「作家と家」第6回です。 下村敦史さん邸の間取図 階段に一目ぼれして「輸入住宅」を選んだ タケノコの産地として知られる緑豊かな京都府向日市の住宅地に突如、宮殿を思わせる建物が現れます。第60回江戸川乱歩賞受賞のミステリ

だれもがスマホからウェブサイトを閲覧するようにになったいま、あらゆる端末からでも見やすいサイトづくりが当たり前になっています。 この時に必要になるのが、レスポンシブWebサイトの制作です。 しかし、デスクトップやタブレット、スマホ用のレイアウトを個別に調整するとなると、「Web制作に時間がかかってしまう」と悩んでしまうひとも多いかもしれません。 あらかじめデザインやレイアウトが施されたテンプレートを利用することで、Webサイト制作を効率的に進めることができます。 今回は、商用利用できて無料ダウンロードできるHTML・Figmaテンプレートを公開しているTemplates Jungleをご紹介します。 ライセンスについて 素材を公開しているTemplates Jungleでは、HTMLとFigma用でライセンスが異なるため、注意が必要です。 HTMLテンプレートは、フッターに表示してあるクレ