あっ、そうだ！モダンCSSをまとめておこう
2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー
陰キャおじさんとばかり付き合って
若い頃、陰キャおじさん(30~40代)とばかり付き合ってきた。※30~40代は当時の私にはおじさんだった。 なぜなら同年代の男の子と付き合うと別れた時にダメージ食らうから。おじさんとゲーム感覚で恋愛したほうが楽しくない?と当時思ってた。 私の元カレに限った話なので、これを読んでいる方は自分に重ねる必要はないよ! エセ関西弁おじ私と付き合ってすぐに オンラインの友達に｢俺、19才の彼女ができたんやでぇ、27才なのに19歳の彼女かわいいでぇ｣と自慢していた。 オンラインで10代20代とつるんでいるようだった。 ニコニコ動画の生配信を見るのが好き。｢エロい目で見てるわけじゃないんや、この子とかめっちゃ面白いんやで｣と言っていたが、15~19才の配信しか見てなかった。 このおじは、パソコンを買い替える時に私にお古のパソコンをくれたんだけど ｢俺のPCの中身気になるでしょ?特にやましいものはないから
松本人志の件がよくわからない - メロンダウト
松本人志（敬称略）の件が大騒ぎになっているのだけど、いまいち何が問題なのかが見えてこない。 後輩芸人が松本に女性を「献上」しているという報道があるけれど、直接的にレイプされたというわけではないようである。また、一般の女性であれば松本が権力の勾配を利用して性行為に及んだとは言えない。伊藤詩織さんのように酒を飲ませられたという報道も今のところない。有名芸人である自身の立場を利用し、女性を「ひっかけていた」ということであれば、「キモイ行動」であるし、社会通念的には批判されてしかるべきであるが、だからと言って罪と断定できるようなことではない。自身の地位を利用する形で性行為に及ぶ人はいくらでもいる。 また、能力や地位のある男性へ魅力を感じるのが女性の一般的な態度であるため、そのような意味では勾配を求めているのは女性の側であったりする。女性が勾配を求め、地位のある男性がその勾配を利用する。そうした構造
【個人開発】あなたのアプリを億事業にする「PitchMe」をリリースしました - Qiita
はじめに こんにちは！！ Watanabe Jin (@Sicut_study)です！ スタートアップ界隈を盛り上げる 「PitchMe」 というサービスをリリースしました。 このサービスはたった3日間の開発でリリースしました。 年始から1つ新しいWEBサイトを開設すべく作業を行なった トップページがなんとなく完成。 このサイトは大きなインパクトを与えられる可能性もあるので、頑張りたい 個人開発のポイントは早い段階でデプロイして公開すること。ドメインまで設定できたら最後まで続けられる。 — Watanabe Jin (@Sicut_study) January 1, 2024 この記事では 「どんな経験からアイデアを作ったのか」 、 「どうやって3日でリリースしたのか」 、 「PitchMeはどんなサービスなのか」 について紹介していきます。 この記事を読むことで 「アイデアをどこから見つ
『GitHubのデータセンターでは、Mac miniを分解して取り出したメイン基板をラックマウントに使っている』へのコメント
Apple向けの開発を一切やめるだけで、こんなくだらないことから完全に開放されるんだがな 馬鹿なユーザのせいでご愁傷さまだ
「Mabox Linux」--懐かしさと効率の高さが同居するディストリビューション
「Mabox Linux」の概要 「Mabox Linux」はオープンソースの無料デスクトップOSであるため、自由にダウンロードし、何台にでもインストールできる。 ユーザーフレンドリーで見栄えがよく、動作は高速であり、信頼性も申し分ない。 メニューの表示にはマウスの右ボタンを使う必要があるため、若干の慣れが必要かもしれない。 筆者は2000年代の初め頃、ウィンドウマネージャーを次々に取り替え、評価していた。理想のデスクトップ環境を追い求めていたのだ。その過程でありとあらゆる「Linux」を試した結果、筆者は「Blackbox」というウィンドウマネージャーにしばらくの間落ち着くことになった。Blackboxはとてもシンプルなかたちに仕上げられており、その最小限度のインターフェースとフットプリントによって、筆者のコンピューターはさながらジェット燃料と魔法の力でパワーアップされているかのようだっ
SSH接続への中間者攻撃を可能にするエクスプロイト「Terrapin Attack」が発見される
セキュリティで保護されていないネットワークと通じてコンピューターに安全にコマンドを送信する「Secure Shell(SSH)」プロトコルにおいてハンドシェイクプロセス中にシーケンス番号を操作してSSHプロトコルの整合性を破る「Terrapin Attack」という攻撃が発見されました。この操作で、攻撃者は通信チャネルを通じて交換されるメッセージを削除あるいは変更できるようになり、さまざまな攻撃が可能になります。 Terrapin Attack https://terrapin-attack.com/ Terrapin Attack: Breaking SSH Channel Integrity By Sequence Number Manipulation (PDFファイル)https://terrapin-attack.com/TerrapinAttack.pdf Terrapin a
iOS Safari でキーボード表示時にフッターを固定するもう1つの方法 - *iroi*
zenn.dev エディタを作っていると iOS Safari でキーボードを開いたときの挙動は本当に大変ですよね。 この記事では、キーボードを開いたままスクロールしてもフッターを固定できるようなワークアラウンドを最近見つけたので紹介します。 Safari 16 以降が必要。キーボード開閉時に追従が遅れる挙動は改善しません。 デモは https://mechairoi.github.io/ios-safari-virtual-keyboard/。iPhone か iOS Simulator でお試しください。 GitHub - mechairoi/ios-safari-virtual-keyboard Virtual Keyboard の挙動 Virtual Keyboard を開いたときには以下のようなことが起こっていると推測しています。 Visual_Viewport_API で取得で
JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。
はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します 用はi18nの書式版です。 例を出すより見たほうが早いので実際に機能解説します。 (先に言っておきますが、実はこれバックエンド無しで自然言語処理が出来る優れものです。) 用語解説 localesって何？そもそもnewって何？って人がいるかもしれないので locales https://developer.mozilla.
Rustで書かれたLinux互換OS「Maestro」が爆誕 | ソフトアンテナ
Rustで書かれLinux互換を目指して開発が進められているOS、「Maestro」が公開され注目を集めています。 Maestroは、フランス在住のソフトウェアエンジニアLuc Lenôtre氏によって開発が進められているOSで、2018年12月22日に学校のプロジェクトとして始められました。当初はC言語を使って実装されたそうですが、コードベースをきれいに保つのが難しくなり、1年半後にRust言語での実装に切り替えられます。 Rustへ切り替えた理由として以下のような項目リストアップされています。 以前の失敗から学んだ教訓を生かし、プロジェクトを最初からやり直すことができる。 C言語でLinuxライクなカーネルを書くよりも、もう少し革新的になる。 Rust言語の安全性をカーネル・プログラミングの難点に活用する。Rustの型付けシステムを使うことで、メモリ安全性に関する責任をプログラマからコ
『マクロで見れば、日本は間違いなく好景気なんだけど、アンケートを取ると8割が日本は不況と答える。でもボーナスは過去最高だし、新入社員の初任給も過去最高。非正規雇用の賃金も正規を上回る上昇率。失業率は先進国でダントツ低く、過去最低を更新。それでも日本人は日本は不況と答える』へのコメント
漢字のせいで勘違いしがちだけど、好況とは必ずしも暮らしに好影響をもたらすものではない。サザエさんを読むと、高度経済成長期に「また物価値上がりで家計が苦しいわ」と嘆いてたりする。あれが庶民の感覚。
『マクロで見れば、日本は間違いなく好景気なんだけど、アンケートを取ると8割が日本は不況と答える。でもボーナスは過去最高だし、新入社員の初任給も過去最高。非正規雇用の賃金も正規を上回る上昇率。失業率は先進国でダントツ低く、過去最低を更新。それでも日本人は日本は不況と答える』へのコメント
転職なんてしなくても皆の給料が増えるのが好景気じゃないの？過去四半世紀、散々に雇用の流動性強化を図ってきたが、実質賃金は伸び悩んでいる。物価上昇もあって今や19カ月連続マイナス。
「プログラマーのための CPU 入門 ― CPUは如何にしてソフトウェアを高速に実行するか」を読んだ - おしぼりの日常
年明けの暇な時間を利用して読んでみました。 書籍のリンク 技術書としての感想 良かった点 悪かった点 注意点 総評 技術書としての感想 良かった点 とにかく文章が分かりやすい 色々な用語の使い方に違和感がない 言葉にすると簡単ですが、本当に分かりやすかったです． 具体例が豊富 図が豊富 コード例が豊富 実験例が豊富 まず、「〇〇 な場合に命令の処理が詰まって遅くなります」といった説明の後に、「では、具体的にこういったケースを考えてみましょう」という具体例を持ってくる展開が多く、とても親切だと感じました．また、このような具体例の説明のときにほぼ必ず図が用いられています．特に全体を通して頻繁に出てくる命令流の図は非常に分かりやすかったです．また、コード例とそれを用いた実験も豊富でした．具体的には、キャシュの章では実際にキャッシュミスを意図的に起こすコード・キャッシュヒットを意図的に起こすコード
JavaScriptの小技集 - Qiita
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",
プログラミング用語の中国語の漢字表記がカッコ良すぎるし初心者に優しいからもっとみんなに知ってほしい - Qiita
経緯 筆者は外国語大学で中国語を専攻しているのですが、偶然にも中国語のプログラミング関係の記事を読む機会がありました。その中で日本語だと直接カタカナで使用している用語も、中国語では意味のある漢字に置き換えられており、興味をそそられたので基礎的な用語を調べてみました。私自身は漢字文化圏で育った者として、こうした用語の漢字表記には元素記号の漢字表記のような魅力を感じます。また同時に、漢字は表意文字であるため初学者にもやさしく見えるので、日本でも（自然言語好きな変人たちの間で）もっと広まっていってほしいな、と思います。 個人的6選 Guard:守衛 かっこえぇ！錯誤（error）が発生しても、コードの安全性をしっかりと担保してくれそうな強さを感じますよね？ ええ、感じます。 Delegate: 代理 初心者には取っ付きづらいDelegateも代理とされたら、仕事の一部を任せるんだな、ということが
お正月だからCSSで門松作った
皆様、あけましておめでとうございます。(ちょっと気が早い) お正月なのでCSSで門松を作りました。 個人的にも良くできたと思うので、こだわりポイントとかを書いていきます。 完成形 ↓実際の門松 ↓コード(github) こだわりポイント なんか丸いやつ background-image: radial-gradient(#d42c32 30%, #ffffff00 30%), radial-gradient(#d42c32 30%, #ffffff00 30%); background-size: 34px 34px; background-position: 8px 9px, 27px 26px; background-imageの中にradial-gradientを用いて水玉を作り、はみ出す部分をoverflow: hidden;で非表示にしました。 radial-gradientは元
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitobu - Twitterを簡単に検索
MaboxLinux | fast, lightweight and functional Linux Desktop
bashの機能いろいろ
録音の文字起こし超ラクで仕事のやり方に変化。私生活はひたすら運動した【私の2023】 - 家電 Watch
