火曜日, 6月 3, 2025
No menu items!
ホーム ブログ ページ 4075

豪華芸人が勢揃い！『芸協らくごまつり2025』5月25日に開催決定

インモビ運営局
-
0
豪華芸人が勢揃い！『芸協らくごまつり2025』5月25日に開催決定



豪華芸人が勢揃い！『芸協らくごまつり2025』5月25日に開催決定

新宿で開催される『芸協らくごまつり2025』が5月25日に決定。



Source link

Views: 0

クリスのコーナー：いくつかのアドバイス – Codepen

インモビ運営局
-
0


それを得る？！ 「アドバイス」のように、しかしCSSの場合。

いつCSSをネストする必要がありますか？

スコット・ヴァンデヘイは言う：

簡単な答えと少し複雑な答えがあります。簡単な答えは「ネスティングを避ける」ことです。より実用的ですが、より複雑な答えは、「ネストなしでは、ネストなしの修飾子、メディアクエリ、およびネストなしでは機能しないセレクター」です。

背後にある大きなアイデア 回避 ネスト（これは、今ではネイティブCSS機能である場合、聞いていない場合）は、必要ではない特異性の増加につながる可能性があるということです。のように：

.card {
  .content {
    .byline {

    }
  }
}

それ .byline セレクタ おそらく そのようにネストされても何も得られません。そこからそれを分割すると、必要に応じてより多くの再利用可能でオーバーライドしやすくなります。

しかし、これ：

.card {
  @container (width > 60ch) {

  }
}

おそらく良いです！それはあなたを書き直さなければならないことからあなたを救います .card 再びセレクター。スコットは、より多くの例を備えていますが、私は大いに同意します。

既存の色の明るい色をどのように調整しますか？

私はです biiiiig のファン 相対色の構文、これはこの仕事で優れていますが、それについて接している前に、それはまだ十分にサポートされていないので、そうではありません。しかし、それはInterop 2024リストに載っています！

より良いサポートはです color-mix()、そしてコリー・ラビスカ この仕事に使用するという話があります：

使用 color-mix()、背景色に基づいて色合い/シェードを調整できます。つまり、これらの状態で明るい色/暗い色を手動で選択する必要はありません。そして、私たちがoklchを使用しているため、バリエーションは知覚的に均一になります。 HSLとは異なり。

白と黒を色に混ぜ、オクルチの色の空間でそれを行うことで、本質的に色を色付けして覆い、私たちが持っているどんな色でも均等にしていることを知ることができます。これは、私たちの多くが使用しようとした時代とは対照的です darken() SASSでは、色で非常に異なる結果を見つけるだけです。

カスタムプロパティの最終値はどのように計算されますか？

ステファニー・エックルズ：

カスタムプロパティ（別名「CSS変数」）は、かなり簡単に思えます。ただし、ブラウザが最終値をどのように計算するかについて注意すべき動作がいくつかあります。このプロセスの誤解は、予期せぬ価値または欠損値と問題のトラブルシューティングと解決につながる可能性があります。

カスタムプロパティはカスケードをたどり、実行時に計算されます。 できません 事前に前処理されます。しかし、それよりも複雑です。値がカスタムプロパティに対して有効である場合（ほとんどのものは何でも）、しかし ない あなたがそれを使用しようとしている方法に有効ですか？

これは本物のヘッドスクラッチです：

html { color: red; }

p { color: blue; }

.card { --color: #notacolor; }

.card p { color: var(--color); }

結局のところ .card p 実際にはなります red （私は青を推測したでしょう）が、ステファニーは説明します：

.card p になります 継承 color の値 red によって提供される body。のカスケード値を使用できません blue ブラウザは、構文のみを評価している場合、「解析時間」で可能な値候補としてそれを破棄するためです。

透明なインターフェイスに苦労している人々にどのように対応しますか？

アダム・アーガイルは、このようになる可能性があると説明しています、このメディアクエリを使用して、聞いたことがあるかもしれません。

.example {
  --opacity: .5;

  background: hsl(200 100% 50% / var(--opacity));

  @media (prefers-reduced-transparency: reduce) {
    --opacity: .95;
  }
}

アダムは投稿にたくさんの実用的な例があり、その言葉を考慮しています 減少、そしてそれが意味しない方法 絶対に誰もいません。

間隔のプロパティにどのユニットを使用する必要がありますか？

私、私はただ使っています rem 通常、それは私が他のほぼすべてに使用するものです。しかし、Ashlee M Boyerは、テキストのようなものは相対ユニットを使用するのは理にかなっているが、間隔は同じ速度で拡大する必要はないと主張します。

ユーザーが視聴エクスペリエンスをカスタマイズしているとき、彼らにとって最も重要なものであり、手元のタスクは コンテンツ。ユーザーがタスクを実行するためには間隔が不可欠ではないことが多いため、コンテンツ自体と同じ速度で成長またはスケーリングする必要はありません。

コンテンツ間の間隔が大きくなると、不可欠な不動産を食べて管理が難しくなります。

アシュリーはそれを証明します 前のビデオ そして アフタービデオ、間隔のために相対ユニットを絶対ユニットに移動した後。

すべてのSASSファイルに共通のインポートを自動的に含めるにはどうすればよいですか？

これは、簡単にコードベースを持っている人として、私のために家にぶつかります 数百 すべてのようなものから始まるSASSファイルの @import "@codepen/variables"; SASSがいればクールではないでしょうか 仮定する 私たちはそれをしたかったのです 毎 ファイル？

オースティン・ギルは、しばらくして、Viteでそれを行うことでこれをカバーしました。 Vite Configを定義すると、次のようになります。

  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "@/assets/_shared.scss";`
      }
    }
  }

なるほど Webpackもそれを行うことができます、しかし、SASSだけがそれを行うように構成できるかどうかはわかりませんが、できることを望みます。



Source link

Views: 1

エンジニア歴3ヶ月目の定点観測 #ポエム – Qiita

インモビ運営局
-
0
エンジニア歴3ヶ月目の定点観測 #ポエム – Qiita



エンジニア歴3ヶ月目の定点観測 #ポエム - Qiita

はじめに

初めまして、UX/UIデザイナーとして活動しているKikoといいます。
デザインエンジニアになることを目標に、今年の1月からReactの勉強を始め、エンジニアとしての学習を始めて3ヶ月が経ちました。

簡単な自己紹介はこちらです
https://qiita.com/kikotkk/items/b702b6c3a227690eeec6

3ヶ月目にやったこと

  • React + TypeScriptでミニアプリを開発
  • Supabaseの導入とデータベースの基本操作を習得
  • コードの読み書きに慣れるため、課題をこなすときに意識的に調べて考える習慣をつけた
  • 学習ログをX(Twitter)に記録してモチベーションを維持

できるようになったこと

  • map関数やUseStateなど、Reactの基本的な構造に慣れてきた
  • エラーに対する耐性がつきエラーメッセージを手がかりに自力で解決できる場面が増えた
  • 状態管理やフォーム処理など実務で必要そうな処理にも少しずつ触れ始めた
  • Chakra UI楽しい！

苦戦したこと・反省点

  • TypeScriptの型に対する理解がまだ浅く、型エラーに悩むことが多かった
  • 公式ドキュメントの読み方が分からず時間を浪費することも多い
  • 考える前に手を動かしてしまい後から設計ミスに気づくことも多いにある

来月の目標

今は開発駆動でそろそろ個人開発がスタートするので、これが醍醐味でもあるし一番の大きな目標だったので頑張ろうと思います。

  • 単語帳アプリの開発に着手し、語源による自動カテゴリ分け機能を実装
  • Supabaseを使った認証やデータ保存を試す
  • コードの設計やリファクタリングを意識して、可読性の高いコードを書く
  • TOEICに向けた英語の学習も平行して進める

3ヶ月目は「少しずつ自走できるようになってきた」感覚が持てた月でした。
引き続き焦らず丁寧に、一歩ずつ進んでいきたいと思います。





Source link

Views: 0

eXtremeRate、Switch2向けの新たなカスタマイズ製品群を発表！ – GAME Watch

インモビ運営局
-
0
eXtremeRate、Switch2向けの新たなカスタマイズ製品群を発表！ – GAME Watch


　eXtremeRateは、任天堂の最新ハード「Nintendo Switch 2」に向けた新たなカスタマイズ製品群を発表した。

　2010年の設立以来、同社はNintendo Switch、プレイステーション 5、Xbox、Steam Deckなど幅広いプラットフォームに向けたカスタマイズパーツやモッドキットを提供している。今回、その技術と経験を活かし、次世代ハード「Nintendo Switch 2」向けに、デザイン性と操作性を両立したカスタマイズ製品ラインナップを展開する。

　同社は、「Play Different（異なる遊び方を楽しもう）」の理念のもと、ゲーマーが専門知識なしでも簡単に楽しめる、個性と機能性を両立した製品を提供するとしている。

進化したデザイン・性能・携帯性

精密シェル＆ボタン

　Joy-Conやドックに対応した高品質・純正品同等グレードのシェルとボタンをラインアップ。懐かしのレトロ調から洗練された現代デザインまで幅広く展開。

パフォーマンスモッド

　人間工学に基づいたバックボタンキット、交換可能なサムスティック、LEDキット、高反応クリックボタン・トリガーモッドを用意。

携帯型ドック改造キット

　コンパクトで持ち運びやすく、移動中でも快適なゲーム環境を実現。

　上記により、Nintendo Switch 2時代にふさわしい、唯一無二のゲーム体験を実現する。

ゲーマーの声を製品に反映、品質へのこだわり

　昨今市場に溢れる低品質なカスタムパーツとは一線を画し、eXtremeRateは製品の品質を最優先しているという。

eXtremeRate Switch 2対応交換用シェル

【CEO Ray Zhu氏 コメント】

　eXtremeRateもゲーマーとして、すべての製品を徹底的にテストしています。ユーザーの皆様が安心してカスタマイズを楽しめるよう、詳細な動画ガイドや、長期的なハードウェアサポート体制を整備しています。カスタマイズにおいて最も重要なのは、情熱と長期的な取り組みであり、eXtremeRateは決して妥協しません。

Switch 2世代に向けた今後の取り組み

　eXtremeRateではユーザーコミュニティと積極的に交流を行なっていくとしている。

・「コミュニティチョイスイベント」開催：ユーザー投票で選ばれたデザインを製品化。
・ゲーマーからのフィードバックを積極的に製品開発に反映。
・誰でも簡単にカスタマイズ可能なチュートリアルハブの拡充。
・ネジや工具類のアップグレードによるカスタマイズ成功率の向上。





Source link

Views: 0

Switch2（スイッチ2）の予約条件と販売店舗【逐次更新】

インモビ運営局
-
0
Switch2（スイッチ2）の予約条件と販売店舗【逐次更新】


6月5日からの発売が伝えられているNintendo Switch 2（スイッチ2）について、現在発表されている公式の抽選や、主な量販店などでの予約情報を本記事にてまとめている。予約可能な店舗についての情報は、発表され次第追記していく。

なお、4月2日に発表されたNintendo Directにおけるスイッチ2の主な情報については、以下の記事にてまとめられている。