line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
RubyKaigi 2024 のサイネージについて
今月中旬に沖縄県那覇市で RubyKaigi 2024 を開催した。COVID-19 対応をしていた RubyKaigi Takeout 2020, RubyKaigi Takeout 2021, RubyKaigi 2022, RubyKaigi 2023 とは異なり、今回は配信を伴わないオフラインのみの開催だった。 わたしは Organizer の一人として Sponsor Relations 業などをしつつ、Wi-Fi の支度をしたり、サイネージの支度をしたりしていた。Wi-Fi の話はこれまでもいくつか書いている のでまた今度として、今回はサイネージの話をかきます。 RubyKaigi ではいくつかのサイネージの映像を用意して会場のあちこちに表示している。各セッション会場の横に添えて字幕やチャット, LT タイマーを流すサブスクリーン、お知らせやセッション案内を廊下に設置したモニタ
Thorium Browser
Chromium fork for Linux, Windows, MacOS, Android, and Raspberry Pi named after radioactive element No. 90. Highlights Compiler optimizations include SSE4.2, AVX, AES, and modifications to CFLAGS, LDFLAGS, thinLTO flags, import_instr_limit flags, and PGO, as well as other compiler flags. LLVM LOOP optimizations as -mllvm flags Learn more about these compiler optimizations and how they work Here. UI
Windows10の自動ログオンをマイクロソフト公式ツールで設定する
Windows10のMay 2020 Updateあたりから設定画面だけでは自動ログオンの設定ができなくなってしまったので、マイクロソフトが案内しているツールを使ってサクッと設定する方法をメモしておく。 自動ログオンの注意点として、PCに接触できれば誰でもアクセスできるようになってしまうため、セキュリティ的に問題ない場所や用途を考慮して利用したほうが良いかもしれません。 確認環境 Windows 10 May 2020 Update 設定手順 ツールのダウンロード 以下のページの「Download Autologon」からツールがダウンロードできます。 Autologon – Windows Sysinternals | Microsoft Docs ちなみに、このツールはマイクロソフトが無償提供しているWindows SysinternalsというWindows向け管理ツール郡の一つのよ
NSD-G1000T NSD-G3000T NURO光・ONU一体型ルーターの特徴とポート開放設定説明
NSD-G1000T NSD-G3000T 設定画面の開き方 ルーターの設定画面を開くには「http://192.168.1.1」をブラウザのアドレス欄に入力してEnter ログイン画面が表示されるので、ユーザー名に「admin」を入力。パスワードはWi-Fiルーター本体に記載されているWPA暗号キーをパスワードに入力すると設定画面を開くことができます。 ポート開放するには NSD-G1000T NSD-G3000Tのポート開放をするには、まずIPアドレスを固定してからポートマッピングに必要な情報を入力する必要がありますが、ポート番号が沢山有る場合はDMZ（ポート全部開放する仮想グローバルIPアドレス通信になります）を適用すると良いでしょう。 IPアドレスを固定する ポート開放する端末のIPアドレスを以下の様に固定してください。 ・IPアドレス 192.168.1.50 ・サブネットマスク
Copilot+ PC の紹介 - News Center Japan
ユスフ メディ (Yusuf Mehdi) エグゼクティブ バイス プレジデント 兼 コンシューマー チーフ マーケティング オフィサー ※本ブログは、米国時間 5 月 20 日に公開された “Introducing Copilot+ PCs” の抄訳を基に掲載しています。 マイクロソフトのイベントの基調講演のオンデマンド録画が、米国時間 5 月 20 日午後 2 時に公開される予定です。公開時点で、本ブログ記事のリンクの更新が行われます。 本日、マイクロソフトの新しいキャンパスで開催された特別なイベントにおいて、AI のために設計された新しいカテゴリーの Windows PC である Copilot+ PC (コパイロットプラス ピーシー) を世界に向けて紹介しました。 Copilot+ PC は、これまでで最も高速でインテリジェントな Windows PC です。驚異的な 40 TOP
RubyKaigiで紹介されたクリエイティブコーディングを試してみた - Findy Tech Blog
こんにちは！ファインディでTeam+開発チームのエンジニアメンバーの西村です。 この記事では、私が聞いたRubyKaigi 2024のセッション「Lightning Talks」より「Enjoy Creative Coding with Ruby」で紹介されたクリエイティブコーディングを試してみたので共有します。 クリエイティブコーディングとは クリエイティブコーディングとは、アプリケーションのような機能的なソフトウェアを作るのではなく、プログラミング言語を使ってビジュアルアートを創作することです。 クリエイティブコーディングをはじめるまでの背景 私は、RubyKaigi 2024の「Lightning Talks」より「Enjoy Creative Coding with Ruby」で、初めてクリエイティブコーディングについて知りました。 Miyuki Koshibaさんのスライド資料を
リンクの入れ子は subgrid が最適解かもしれない
はじめに リンクの入れ子とは何かというと、以下のようなデザインです。 カード全体がリンクでクリッカブルになっていて、中のタグやカテゴリーもそれぞれがリンクになっています。ニュースやブログの投稿などでよく見るデザインだと思います。 しかし、以下のようにマークアップすることはできません。 <a href="https://example.com/posts/hello-world/"> <h2>Hello, World!</h2> <p>...</p> <a href="https://example.com/tag/hello/">#hello</a> <a href="https://example.com/tag/world/">#world</a> </a> HTML のルール的に <a> の入れ子はダメだからです。 Subgrid を使った方法 Subgrid がまだない時代からいろ
カード型コンポーネントの実装例 – TAKLOG
このブログの記事一覧のアップデートを行ったので、それを踏まえたカード型コンポーネントの実装メモです。次の実装例の解説をしながらカード型コンポーネントの実装時のポイントを説明していきます。 例に漏れず初学者の方は置いてきぼりの内容になってしまっていることと、個人的な見解が多く含まれる俺流な内容であることはご了承ください。 カード型コンポーネントの実装例
光ファイバケーブルのひみつ | まんがひみつ文庫 | まんがでよくわかるシリーズ | 学研キッズネット
携帯電話などで遠くはなれている人と話をしたり、インターネットを通じて世界じゅうの情報を手に入れたり…。通信技術のおかげで、私たちはすばやく多くの情報を送ったり受け取ったりすることができる。そんな通信技術に欠かせないのが光ファイバケーブルだ。光の情報を伝えることで、現代の通信を担っている。この本を読むと、光ファイバケーブルで通信ができるしくみなど、光ファイバケーブルのことがよくわかるよ。 （もくじ） プロローグ 第１章 光ファイバケーブルって何？ コラム 光ファイバの構造 コラム 光ファイバの種類 第２章 光ファイバケーブルが大活やく コラム 通信線の歴史 コラム 光ファイバケーブルの敷設 第３章 すごいぞ！ 光ファイバケーブル コラム 伝送時の損失の量 第４章 光ファイバケーブルの歩み コラム ファイバスコープに使われた光ファイバ コラム インターネット利用の発展 第５章 光ファイバケーブ
スクロール連動アニメーションの実装例 – TAKLOG
スクロールに連動して要素が画面内に入った際にアニメーションを行う実装のメモです。 スクロール連動アニメーションのコードと実装例スクロール連動アニメーションの実装例 JavaScriptの実装はGitHub Gistに纏めています。コードにはTypeScriptを使用していますので、TypeScriptを利用していないWeb制作現場で使用する場合はChatGPTなどに依頼してJSファイルに変換してください。 initializeObserveAnimation initializeObserveAnimation. GitHub Gist: instantly share code, notes, and snippets. gist.github.com
個人事業主や副業用でGoogleに課金するときどれ選べばいいんだよ問題（Google One プレミアム / Google Workspace Individual / Business の比較） - nomolkのブログ
前にも書いたんですけど先日からフリーランスになりました。 それで、さいきん仕事でビデオチャットを使いたい場面がありまして、よく調べるとZoom契約するよりGoogleの有料プランに入ってMeet使った方が安いしなんかオプション機能いろいろついてきてお得そう。ヨッシャ課金するか！！！！！と思ったらなんか課金プランがいっぱいあって途方にくれました。 しかも一覧性の高い比較表がなくて調べるのに苦労したので、その結果を皆さんにも共有します。 いかれたメンバーを紹介するぜ！ プランの選定条件として、下記が前提です 組織（自分以外のメンバー）を持たない個人事業主である Google Meet で3人以上のグループ通話を60分制限なしで使いたい そうすると候補になってくるのは下記3つ。 Google One プレミアム Googleドライブが容量いっぱいになると「容量を追加しましょう！」つって出てくるア
音の良いLANケーブル探求 14種比較 | Thinking Audio
今回はオーディオシステムに使用した場合のLANケーブルの音質について、14種のLANケーブルを比較試聴したのでその結果を中心に書いていきたい。 というのも、先日からTaiko Audio SGM ExtremeとExtreme Switchをお借りしているのだが（ショップさん、大変貴重な機会をいただきありがとうございます！）、脳死で従来から使っていたネットワーク環境をそのまま使っていてTaikoの本領を発揮させられない事態になってはいけないと思い、これを機にネットワーク環境について再度見直すことにした。 こういう機会にこそ自分の従来の方法論を一旦捨ててフラットな目で見るべきで、実際今回も気づきがあった。やはりオーディオは定期的な見直しが必須だとの思いをまた強くした試聴となった。 ※2024.5.12 PANDUIT UTP28X3Mを追加試聴し計15種となった。 なお、別記事で電源ケーブル
Windows 11と10で動作を遅くしていると指摘されるスタートメニューのWeb検索を無効化する方法は？
Windows 11ではスタートメニューの検索バーで、Windows 10ではスタートアイコン横の検索ボックスか検索アイコンで、PC内を検索して一致する結果を呼び出すことができます。しかしこの時、同時に入力したキーワードでBingのWeb検索候補も表示されるため、検索結果が表示されるまで数秒待つ必要があります。テクノロジー系メディアのTom's Hardwareの編集長であるアブラム・ピルチ氏が、WindowsのWeb検索機能を無効にするための操作について解説しています。 How to Disable Windows Web Search and Speed Up Your PC | Tom's Hardware https://www.tomshardware.com/how-to/disable-windows-web-search Windows 11でWindowsキーを押して「g
価格.com - 『SP+メーカーで「Windows 7 HotFix専用Disc」を作成する手順』 OSソフトのクチコミ掲示板
Windows 7の Service Pack 1 や、バージョンアップしたアプリ、 Windows Update ファイルを収録し、PCのリカバリやクリーン インストールした場合にそれらを一度にインストールできる 「Windows 7 HotFix専用Disc」の作成方法を紹介します。 作成ツールとして、A.K Office様開発のソフト「SP+メーカー」と、 KILI様提供の「Windows 7 / Office 2007 アップデートリスト」を 使用しています。 PCのリカバリやクリーンインストール後のWindows Updateが上手く できない場合や、計画的に作業を行う場合に役立ちます。 ●作業環境 Windows 7(NonSPも可)/8/8.1/10 32bit/64bit ●作成手順 所要時間は、PCのスペックやネット回線速度によりますが、 概ね1～2時間でできると思います
VideoGigaGAN
Our Video Super-Resolution (VSR) model is built upon the asymmetric U-Net architecture of the image GigaGAN upsampler. To enforce temporal consistency, we first inflate the image upsampler into a video upsampler by adding temporal attention layers into the decoder blocks. We also enhance consistency by incorporating the features from the flow-guided propagation module. To suppress aliasing artifac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ハイレゾ時代でも現役! DATに録り憑かれた男の'24年デッキ活用術
筆者が選ぶ!! 中小企業にオススメの「リモートデスクトップ」はどれだ？――急遽テレワークを導入した中小企業の顛末記 総集編【急遽テレワーク導入！の顛末記】
商用可のフリーフォントを探すときに見たいおすすめサイト16選
artificial-garage - Awwwards SOTD