知っておくと便利なCSSの単位: フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。 CSSはそれら以外にもたくさんの単位が使用できます。フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を紹介します。 Relative length units based on font -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: capとは CSSの単位: chとは CSSの単位: emとは CSSの単位: exとは CSSの単位: icとは CSSの単位: lhとは CSSの単位: remとrlhとは CSSの単位: rex, rch, ricとは はじめに
知っておくと便利なCSSの単位: ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 前回はフォントに基づく相対単位でしたが、今回はビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を紹介します。 Relative length units based on the viewport -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: vwとは CSSの単位: vhとは CSSの単位: vbとviとは、ブロックとインライン CSSの単位: lvh, svh, dvhとは ビューポート単位の解説動画
中学校教員だけど、仕事休んで旅をした
私は中学校教員だ。 どうしても心苦しく逃げ出したくなったので、仕事を休んで旅をした。 その顛末を話したい。 休むことにした経緯大学時代、親(同じく学校教員だ)に強く勧められなんとなく教職課程の受講を始めた。 なんとなく高校教員になろうと思っていたが、何の因果か教育実習は中学校に配属された。 実習中は忙しかったものの、生徒が人懐っこくこちらに近づいてくれたことが非常にうれしく、授業以外でも彼らとの交流(体育祭の練習に一緒に参加するなど)に楽しさを覚えた。 この感覚が忘れられず、私は中学校教員になった。 着任当初から雑用が大量に入り、忙殺される毎日だった。 これって本当に教員の仕事か?と思えるような事務作業がやたらと多かった。 また、「校務分掌」という名目でやたらと多くの業務が割り振られた。日本は年寄りは何でもありの価値観が蔓延しており、年齢の低い私には特に業務が集中した。 これらの業務は事務
知っておくと便利なCSSの単位: コンテナクエリに基づく相対単位（cqw, cqh, cqi, cqb, cqmin, cqmaxなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 第3弾となる今回はコンテナクエリに基づく単位（cqw, cqh, cqi, cqb, cqmin, cqmaxなど）の便利な使い方を紹介します。 Container query length units -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 第1弾・第2弾は、下記をご覧ください。 フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を解説 ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得
1992年3月営業運転開始の、東海道新幹線「のぞみ」が進化している。30年を超え今の「のぞみ」の平日は、ビジネスマンの「オフィス」化が進行している。 この10月にのぞみ7号車の一部が、3人掛け座席の中央席がなくなって2人掛けになった。その間にはパーティションが設置され、ひじや書類が当たらないようなスペースが拡大した。テーブルもノートPCが使い易いように、手元までスライドできる。 座席の名称は「S WorkPシート」で、従来の「S Workシート」をグレードアップした。追加料金として指定席料プラス1,200円になる。 youtu.be 声を出したリモート会議も可能に 7号車と8号車の間にある個室の「ビジネスブース」は、試験導入中だった。しかし、10月から順次本格導入が進んでいる。2024年度中に最新車両のN700Sのすべてに取り入れる。そこでは声を出したリモート会議や電話、複数人数での打ち合
2024年3月の、これだけは押さえておきたいWeb関連の動き
2024年3月の、これだけは押さえておきたいWeb関連の動き 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン・Figma・UI Canva、Affinityを買収 Adobe対抗のデザインツール大手 個人的に注目のニュースだったので、記事を書きました。 CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である – Stocker.jp/diary Iconbuddy — 100K+ open source icons アイコン素材検索サイトです。 Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート／ディラン・フィールドCEOが「Figma」の今後の展望を語る 「UIの色を変えただけで大量のクレ
知っておくと便利なCSSの単位: 相対単位が主流の現在、絶対単位（px, in, mmなど）は特定のケースで非常に役立ちます
「知っておくと便利なCSSの単位」シリーズの最後となる今回は、絶対単位（px, in, mmなど）の使いどころを紹介します。 Webサイトやスマホアプリを実装する際に使用する単位は、相対単位が主流ですが、現在でも絶対単位は特定のケースで非常に役立ちます。 Absolute length units -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSで絶対単位を使用する理由1: 特定のピクセルパーフェクトなレイアウト CSSで絶対単位を使用する理由2: 外部メディアとの連携 CSSで絶対単位を使用する理由3: 印刷または固定サイズのレイアウト CSSで使用できる絶対単位 このシリーズの終わりに はじめに
WebKit Features in Safari 17.2
ContentsHTMLCSSImages and videoJavaScriptWeb APIWeb AppsWebGLPrivacyWeb InspectorFixes for Interop 2023 and moreUpdating to Safari 17.2Feedback Web technology is constantly moving forward, with both big new features and small subtle adjustments. Nowadays, web developers expect web browsers to update multiple times a year, instead of the once or twice a year typical of the late 2000s — or the once
JR東日本は、2021年3月から「モバイルSuica」をリニューアルします。複数枚のSuica発行、定期券購入時の経路表示の改善、異なるOSの端末へのSuica移行対応などのサービス拡充のほか、規定回数以上、同一運賃区間を利用するとポイント還元する新サービスも始まります。 モバイルSuicaユーザーがチェックしておきたい、3月からの「モバイルSuica」リニューアルについてまとめました。 ▼3/1(月)～：利用回数でポイント還元！「リピートポイントサービス」開始 ▼3/6(土)～：東海道・山陽新幹線ネット予約「EXサービス」拡充 ▼3/13(土)～：IC入場サービス「タッチでエキナカ」提供開始 ▼3/20(土)午前11時～3/21(日)午前7時：ログインが必要な全サービス一時停止 ▼3/21(日)～：複数枚Suica発行、他OSへのSuica移行対応などアプリ更新 3/1(月)～： 利用回
2021年12月19日（日）乗車分をもってキャンペーンは終了しました。 キャンペーン期間中、「のぞみ」をご利用のエクスプレス予約会員様が、チケットレス乗車などの下記条件を満たすと、「こども」は全員、実質無料になるキャンペーンを実施します！ この機会に、ご家族や友人などと「のぞみ」で旅に出ませんか。 ★キャンペーン対象区間や「よくあるご質問」は、下の「関連リンク」をご参照ください。 【期間および概要】 ２０２１年１１月２４日（水）から２０２１年１２月１９日（日）の期間で「のぞみ」対象区間のご乗車分につき、 条件を満たす「こども」のご利用代金を全額、実質無料（※）とします。 （※）購入の際は「おとな」「こども」の総額を一旦ご請求しますが、条件を満たした場合「こども」のご利用代金を後日クレジットカードに返金します。詳細は下記「【クレジットカードのご利用およびご返金】」をご参照ください。 ○おねだ
おはようございます。 日曜日の今日も天気がいいですね！今日は奥さんのフリーデイなので息子とふたりでお出掛けしてきます。 さて早速ですが、みなさまはスマートウォッチは使われているでしょうか。 私は数年前からApple Watchのシリーズ4を使用しています。 きっかけは仕事で活用したいからというところでしたが、使い始めてみると子どもと遊ぶときにも大活躍してくれています。 スマートウォッチ自体かなり普及してきていますが、改めて子育てをする上でどんな場面で役立つのかをご紹介していきます。 Apple Watchが結局何に使えるかわからない！という方にも是非お読みいただければと思います。 はじめに 結論 交通系ICカード連携 キャッシュレス決済 近くの公園へ遊びに行くとき ドライブ中にコンビニに立ち寄ったとき 通話ができる iPhoneを探す 耐水機能 GPSモデルとGPS＋セルラーモデル 推奨は
2020年10月6日午前、予告どおり、「Apple PayのPASMO」がサービスを開始しました。名称は、Android版で用いられている「モバイルPASMO」ではなく、「Apple PayのPASMO」となっています。 Apple PayのPASMOを利用するには まず、Apple PayのPASMOを利用するには、対応端末として、iOS14がインストールされたiPhone8以降、またはwatchOS7がインストールされたApple Watch Series 3以降が必要です。「Apple PayのSuica」同様、iPhoneだけでなく、Apple Watchでも利用することができます。 Apple PayのPASMOを発行するには、大きくわけて2通りの方法があります。iOSの標準アプリである「Wallet」アプリから発行する方法と「PASMO」アプリから発行する方法です。既にPASM
さて、2022年春夏アニメの「サマータイムレンダ」の聖地巡礼に、和歌山市沖に浮かぶ友ヶ島（沖ノ島）と、その対岸の和歌山市内各地に行ってきたわけだが、せっかくなので聖地巡礼に直接関係ない写真もあわせて、旅日記風に軽く時系列順にまとめてみよう。聖地巡礼の方の記事はこちら。 xckb.hatenablog.com xckb.hatenablog.com ということで、今回の目次。 飛行機の機内 関西空港 和歌山市街 ガデパとホームセンター 和歌山駅前 和歌山市駅 夕食は居酒屋で 田ノ浦・雑賀崎 友ヶ島 友ヶ島汽船（往路） 野奈浦桟橋に到着 第三砲台跡への道 第三砲台跡とその砲座 タカノス山展望台 孝助松海岸 第一砲台跡 第二砲台跡をドローンで撮影 第五砲台跡 桟橋に戻る道 友ヶ島汽船（復路） 加太の街 「ゑびすや」でランチ 淡嶋神社 小嶋一商店付近 加太の街、その他 再び和歌山市街 昼の和歌山市
最近ミニマリズムの本（個人の電子書籍）を執筆している関係で、ミニマリストさんの本を読んだり、改めて生活を見直したりしている。前々から気になっていた「全持ち物リスト」に手を出してみた。 筆者の住まいやステータス 持ち物総数 デスクまわり(18点) 寝具(5点) 常に持ち歩く系(10点) 吊るして保管してる系(8点) 衣類(21点) クローゼット下(27点) クローゼット上(14点) 本(7点) CD/DVD 媒体(2点) キッチン(20点) 飲食物系(7点) 掃除系・入浴系(17点) 身だしなみ系(9点) 玄関(11点) 下駄箱(20点) おわりに 筆者の住まいやステータス 都内、1K 6.5畳のマンション ひとり暮らし 30代男 知的生産で遊びたい系 最近は GTDを噛み砕く というオンライン本を書いた こういう「文章で表現可能で、他者に理解可能な何か（概念やら仕組みやら）」をつくるのが好
自由テーマ：久々の東京出張で都会を感じる - Be financial freedom. 経済的自由の探求
こんにちは、株もっちーです。 水曜日は、自由に色々記載していこうと思います。 読書OUTPUTっぽい、銘柄チェックのような、日記かもしれない、自由テーマの記載になります。 久々に出張に行ってきました やっぱり東京は人が多い 夕飯を求めて神田までブラブラ あとがき：家族で食べる餃子を思い出す 久々に出張に行ってきました コロナ禍依頼、実に何年ぶりだろう、というくらい久々の出張です。 子どもたちに新幹線いいなーと言われて、行ってきました。 朝早かったので、子どもたちは寝てましたけどね。 コロナ禍の途中で、普段の交通系ICカードを捨てて、モバイルSuicaを使い始めていたので、 モバイルSuicaにとEX-ICを連携させて、モバイルSuicaだけで改札を通るということもやってみました。 最初自動改札で止められてしまいましたが、駅員に聞いてEXアプリの予約の画面で改札を通るカードに交通系ICを選択
なお、Suicaは「楽天ペイ」とも連携しており、今回のd払いと同様に、楽天ペイアプリ内でSuicaの新規発行やチャージに対応している。チャージでの楽天ポイント付与、楽天ポイントでのチャージも可能だ。こちらではすでにiPhoneでも利用可能となっている。 関連記事 楽天ペイ、アプリで「Suica」の発行・チャージに対応 楽天ポイントも付与 来春から 楽天ペイメントとJR東日本が提携。「楽天ペイ」アプリ内で「Suica」の発行とチャージができるサービスを2020年春に始める。楽天ペイのユーザーは、Suicaのチャージ額に応じて「楽天スーパーポイント」がたまる。 「モバイルSuica」リニューアル OS間の移行に完全対応、AndroidならモバイルPASMOと共存可能に JR東日本が、スマートフォン向けサービス 「モバイルSuica」 を3月21日にリニューアルすると発表。iOS端末からAndr
JR東海生涯学習財団が運営している美術館が神奈川県・葉山にあると聞き、行ってきました。葉山は東海エリアじゃないよね…なんでかな？ 京急線に乗って、葉山エリア最寄りの新逗子駅にやってきました。 この駅、2020年3月には駅名が逗子・葉山駅に変わります。 葉山エリア側の南口に来ました。カマボコみたいな形の建物が印象的です。 目の前の南口2番乗場からバスに乗ります。 バスに揺られて20分。景色は、綺麗な海が続きます。晴れ重要。葉山マリーナや森戸神社も通るので、帰りに寄っても面白いかな。 富士山だー！ 山口蓬春記念館への看板 「三ヶ丘・神奈川県立近代美術館前」で下車します。看板が見えました。「山口蓬春記念館」という所へ向かいます。 細道が続きます。本当に記念館あるのかな…？と不安になりながらも探検気分。 山口蓬春記念館 急に開けて正面入り口！山口蓬春記念館です。 外観は立派な家です。記念館というよ
EX予約公式サイトより JR東海、JR西日本、JR九州が運営する有料会員制のインタネット予約サービス「エクスプレス予約（EX予約）」について、「カードのデザインがまぎらわしい」と話題になっている。 EX予約の会員になると、専用の割引商品をパソコンやスマホから予約・購入できる。特急券のみの「e特急券」や、特急券と乗車券が一体となったEX予約サービスを、通常よりも安価に購入でき、しかも繁忙期でも割安の会員価格のままである。また、通常は1回のみに限定されている予約変更が、発車時刻前まで何度でも手数料無料で可能になる。 そして乗車の際は、EX予約専用ICカードまたは交通系ICカードを改札にタッチすることで、“チケットレス”乗車できる。 今回話題になっているのは、そのEX予約専用ICカードだ。 カードの券面中央に大きく左から右方向に流れるようなデザインがある。だが、左上を見ると、小さく左向きの矢印が
私にとってはかなりの朗報です！ PASMOがついにiPhoneやApple WatchのApple Payで利用できることになりました。 昨日10月6日から利用がスタートしたようです。 以下、ニュース記事の抜粋になります。 『iPhoneやApple WatchのApple Payで、交通ICカード「PASMO」が10月6日から利用できるようになる。PASMOのサポートページでは「6日9時半ごろから利用できるようになる」と予告しているが、SNSではすでに利用できると報告している人もいる。 対応機種は、iOS14.0がインストールされたiPhone 8以降、またはwatchOS7.0がインストールされたApple Watch Series 3以降。Face IDかTouch ID、パスコードのいずれかが設定されている必要がある。 iPhoneの設定にある「WalletとApple Pay」
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
のぞみの車内が｢走るオフィス｣に🚄 - Madenokoujiのブログ
【まとめ】3月から変わる「モバイルSuica」、ポイント還元・サービス拡充など - iPhone Mania
【12/19ご乗車分まで】こどもは全員、実質無料！ＥＸで「のぞみ」に乗って旅に出よう。
パパ向けアップルウォッチ活用方法 - こどものたしなみ
「Apple PayのPASMO」を紹介 バス利用者向けサービスも充実 - iPhone Mania
和歌山・友ヶ島のサマータイムレンダ旅で撮ってきた写真を旅日記風にまとめよう - xckb的雑記帳
とある東京暮らし会社員ミニマリストの全持ち物リスト(196点) - ガラパゴスタ
d払い、モバイルSuicaへのチャージに対応 dポイントももらえる Android版で
JR東海が神奈川県・葉山に美術館！？ 山口蓬春がスゴい人だった | 鉄道新聞
JR・EX予約カードの矢印デザイン「トラップすぎる」複雑な事情…JRに聞いた
ついにiPhoneで"PASMO"利用可能に！！ - Chimions_Tax’s blog