trinineのブックマーク - はてなブックマーク

AI CSS Animations

AI CSS Animations Make complex animations with your voice and AI. Your animation will appear here 🎬 No saved or generated animations available, prompt an animation above. Browse examples below for inspiration.

trinine 2024/06/18

リンク

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などを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法

trinine 2024/05/29

リンク

【メガテン】『真・女神転生5 Vengeance』6月21日発売。虐げられた者たちの復讐譚となる新ストーリー追加、物語中盤以降に大きく分岐【Nintendo Direct】 | ゲーム・エンタメ最新情報のファミ通.com

︻メガテン︼﹃真・女神転生5 Vengeance﹄6月21日発売。虐げられた者たちの復讐譚となる新ストーリー追加、物語中盤以降に大きく分岐︻Nintendo Direct︼ 2024年2月21日︵水︶23時から配信された、任天堂の新作情報番組“Nintendo Direct ソフトメーカーラインナップ 2024.2.21”︵ニンテンドーダイレクト／ニンダイ︶。本イベントにて、﹃真・女神転生V Vengeance﹄︵以下、﹃V Vengeance﹄︶が発表された。対応プラットフォームはNintendo Switch、プレイステーション5、プレイステーション4、Steam、Xbox Series X｜S、Xbox One、Windowsで、発売日は2024年6月21日予定︵※︶。

trinine 2024/02/22

本当にがっかりな出来だったV これが面白かったとしてもアトラスの無印版にはもう手を出さないな

リンク

Webフロントエンド入門

まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解したモダンなWeb制作を行いたいこれから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。作成するものによっ

trinine 2024/01/07

リンク

「勉強ができない教育ママ」が子供の教育を誤りたくないならぜひ「ガクサン」というマンガを読んでみてほしい - 頭の上にミカンをのせる

togetter.com まさに私が勉強できないママなんだけど、じゃあどうしたらいいのか教えて欲しい🥹 このままじゃ貧困の連鎖なんよ…子供に苦労させたくないのに上手くいかない https://t.co/sop8DDbOb0— ちくわこ (@skullcherry317) 2023年12月24日この問題については以前も一度紹介した﹁ガクサン﹂ってマンガがマジでオススメです。 www.tyoshiki.com www.tyoshiki.com 前回は1話が出た時点でこのマンガはすごいっていきなり紹介しましたが、期待通りその後もしっかり面白い漫画でした。苛烈な中学受験をテーマとしたマンガ﹁2月の勝者﹂はかなり読む人を選ぶマンガだと思いますがこちらの﹁ガクサン﹂は、子供にきちんとした教育を与えたいと考えてる親全ての人に読んでもらいたいです。ガクサン︵1︶ (モーニングコミックス) 作者:

trinine 2023/12/27

リンク

指示したUIをAIがTailwindベースで実装してくれるv0が凄い

v0とは v0は自然言語で作りたいUIをAIに指示するとそのUIをTailwind (shadcn/ui)ベースで作ってくれるサービスです。 shadcn/uiとは shadcn/uiはRadix UIというUIをもたないヘッドレスUIに対してスタイルを当てたコンポーネント集で、TailwindというCSSライブラリを使ってRadix UIに対してスタイルを当てています。 shadcn/ui 本体のライブラリがあるわけではなく、自身のプロジェクトにコンポーネントを直接コピーして使うことが特徴です！ Tailwindが好きな人にはたまらないコンポーネント集ですね！ shadcn/uiに最適に作られていますが、Tailwindユーザーであれば作られたUIをほぼそのまま使うことができます。下の画像のようなチャット風のUIが特徴なサービスになっていて、このチャットに指示を出すことでUIを作ってくれ

trinine 2023/12/03

リンク

ChatGPT for Developer - Promptのチカラ

ChatGPT がアプリケーションに最初に組み込まれたのは GitHub Copilot かもしれません。ここでは、ChatGPT そのものと、GitHub Copilot の双方を使って、アプリケーション開発を爆速させ、品質を少しでも向上させ。そして、Developer の皆さんのスキルを上げていくための入り口として、機能の概要を取り上げます。内容: - Promptだけで出来るコト: 業務で使うために抑えておくべきポイント。データ・変換・抽出 - PromptのEngineeringへの適用: 企画から要件定義、設計、実装、デプロイも。 - 開発の生産性と品質をあげるための戦略: Prompt自身の現在の能力、チーム開発に向けてサンプルのPrompt: https://github.com/dahatake/ChatGPT-Prompt-Sample-Japanese/tree/m

trinine 2023/11/26

リンク

ペペロンチーノに「まさかの調味料」を入れると激ウマに？　板前歴20年が教えるレシピに驚き

ペペロンチーノに﹁まさかの調味料﹂を入れると激ウマに？　板前歴20年が教えるレシピに驚き YouTubeチャンネル﹃料亭スタイル﹄が教える旨味たっぷりのペペロンチーノの作り方。オリーブオイルと﹁アレ﹂を組み合わせるのがポイント？シンプルながらも奥が深いペペロンチーノ。自炊の定番メニューでもあり、さまざまなレシピを試している人は多いだろう。明治45年創業の料亭がルーツの﹁仕出し割烹しげよし﹂による﹁板前歴20年のプロ直伝のレシピ﹂をわかりやすく紹介しているYouTubeチャンネル﹃料亭スタイル﹄で、﹁板前歴20年のペペロンチーノ﹂を紹介。今までの常識が覆される斬新なレシピかつ非常においしかった。画像をもっと見る ■﹁板前歴20年のペペロンチーノ﹂の材料

trinine 2023/11/13

リンク

『バイオハザード RE:4』の「黄色のペンキ誘導いる・いらない」議論が白熱しすぎてネットミーム化。その黄色のハシゴは過剰か適切か - AUTOMATON

﹃バイオハザード RE:4﹄では、プレイヤーがインタラクトできる一部オブジェクトが分かりやすいように黄色いペイントが施されている。この点についてわかりやすいというユーザーと雰囲気にそぐわないといった不満を述べるユーザーに割れ、議論を巻き起こしているようだ。この議論は本作の登場以来続けられてきた様子で、ネットミームとして認識されるほどの広がりを見せている。﹃バイオハザード RE:4﹄は、2005年に発売されたサバイバルホラーゲーム﹃バイオハザード4﹄を原作としたリメイク作品だ。オリジナル版での方向性を活かしつつ、ストーリーを再構成。ゲームプレイにおいては、ナイフでのパリィといった新アクションなど、新たな要素も複数追加されている。グラフィックもRE ENGINEにより最新のビジュアルで再構築されており、キャラのモデルも一新された。また本作に向けては9月21日、オリジナル版の﹁the anot

trinine 2023/10/26

マーカーとか光ったりするのは主人公が気付いたって脳内補完できるけど、ペンキはダメだなどっかにそれを描いた奴がいるってことになっちゃう

リンク

Figma でデザイン、そのままデモ、そのまま実装！ - Qiita

みなさん、デザインツールの Figma を使っていますか？私はまだ「使っている」と言えるほど使えていませんというわけで勉強会を開催して勉強します Figma とは公式の紹介文は以下のとおりですデザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するためのプラットフォームです本記事のタイトルと同じように、「デザインからデモ・実装までチームで製品開発できる」旨が書かれていますまさにその通りで、ブラウザ上で UI をデザインし、そのまま動かしてみることができ、最終的にはコードの生成までできてしまうツールです Figma の人気 2022年に世界中のデザイン関係者を対象としたアンケートでも Figma は圧倒的な人気ですいずれのランキングでも2位の10倍以上の得票数になっていますメインで使っている UI デザインツール第1位

trinine 2023/10/21

リンク

新NISAで選ぶべき投資信託は｢アレ｣1本でいい

コンテンツブロックが有効であることを検知しました。このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

trinine 2023/10/18

リンク

Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog

Goodpatchエンジニアの池澤です。デザインツール﹁Figma﹂のスタイルや値を、テキストエディタ﹁VS Code﹂上で閲覧できる﹁Figma for VS Code﹂機能拡張が2023年6月よりFigma公式から提供されています。この記事ではその﹁Figma for VS Code﹂について、実際に試して感じたことをまとめてみました。 ※ Figma Dev ModeやFigma for VS Codeはまだベータ版で動作保証されておりません。また本記事の内容は個人が趣味で検証したことをご理解の上、自己責任にてご利用ください。 Figma for VS Codeとは主な使い方使用時のワンポイント Point1‥ Figmaのトークンの名前と値が確認できる Point2‥ FigmaのSectionやReady for devマークの有無はあまり気にしなくて良い Point3‥

trinine 2023/09/02

リンク

ブラウザ/ Browser

2023年度リクルートエンジニアコース新人研修の講義資料です

trinine 2023/08/12

リンク

Figma によるデザインシステム入門

本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文 : https://help.figma.com/hc/en-us/sections/14548397990423-Course-Introduction-to-design-systems) この記事は、Figmaから許可を得た上で翻訳され、Brand Guidelineに則った内容となっております。(Brand Guideline: https://www.figma.com/ja/using-the-figma-brand/) ## 更新情報 [2023/7/1] - 表紙画像に、このコ

trinine 2023/06/27

リンク

総務省統計局データサイエンス・オンライン講座社会人のためのデータサイエンス入門

統計データを用いた分析事例を知り、統計リテラシーを学ぶ・大人がデータサイエンスを学ぶべき理由・統計データからわかること① ・統計データからわかること② ・統計データからわかること③ ・統計リテラシーの重要性・統計を利用する際の注意点データ分析に必要な統計学の基礎を学ぶ・データの種類・代表値～平均・中央・最頻値・ヒストグラムと相対度数・四分位・パーセンタイル・箱ひげ図・分散・標準偏差・相関関係・回帰分析・標本分布・信頼区間データの見方と適切なグラフの選び方を学ぶ・統計表の見方・比率の見方①－クロスセクションデータ－・比率の見方②－使い方と注意点－・時系列データの見方① ・時系列データの見方② ・グラフの選び方① ・グラフの選び方② ・グラフを作る時・読む時の注意点誰もが使える公的統計データの取得方法と使い方を学ぶ・公的統計とは・公的データの入手

trinine 2023/06/04

リンク

BUSINESS&CREATIVE Online vol.17「Generative AI時代のUXデザイン」

BUSINESS&CREATIVE Onlineは株式会社ニジボックス主催のビジネス課題の知見共有を中心としたコミュニティです。🌈株式会社ニジボックスhttps://nijibox.jp/work/🙋登壇者への質問はslidoへお願いいたします！https://app.sli.do/event/fYLVYCX...

trinine 2023/05/26

リンク

「ネットワークなんて触ったことないから分からない」という人も必見　AWSを題材にネットワークの基礎が学べる無料の電子書籍

﹁ネットワークなんて触ったことないから分からない﹂という人も必見　AWSを題材にネットワークの基礎が学べる無料の電子書籍‥人気連載まとめ読み！＠IT eBook︵105︶人気過去連載を電子書籍化し、無料ダウンロード提供する＠IT eBookシリーズ。第105弾は、これまであまり物理的なネットワークに触れてこなかったエンジニアを対象に、AWSを用いてネットワークの基礎知識を解説する連載﹁AWSで学ぶクラウド時代のネットワーク基礎知識﹂です。新人エンジニアはもちろん、クラウドを扱う全ての人に身に付けてほしいネットワークの知識を、AWSを題材に学習します。

trinine 2023/05/23

リンク

知らないと大損するかも？「上場株式等に係る所得の課税方式の選択」の廃止について - ゆとりずむ

こんにちは、らくからちゃです。 IT業界で働いていると、お客様に言われてシステムを変更したのに別のお客様から﹁誰だ！こんな風に変えたのは！💢﹂と雷を落とされることが、稀によくあります。﹁Aの処理を変えるとは聞いていたが、Bの表示まで変わるとは聞いていない😡﹂とのことですが、そこもご説明の上で変更を了承頂いたんですけどねえ…と思いつつ日々悲しい気持ちで仕事をしています。何事も影響に直面して初めて気がつくことも多々ありますし、ひとまず弊社に非がないことをご納得頂いた上で、﹁さて困りましたねえ。どうしましょうねえ。😢﹂と一緒に頭を抱える毎日を過ごしております。さて毎年色んな税制の変更がありますが、局所的に大きなトピックスとして、2024年度分の個人住民税より﹁上場株式等に係る所得の課税方式の選択﹂が出来なくなります。中央区ホームページ／上場株式等に係る所得の課税方式の選択について

trinine 2023/05/21

リンク

Bevy + WebGPU

Bevy + WebGPU Posted on May 17, 2023 by Carter Anderson ( @cart @cart_cart cartdev ) I'm excited to announce that Bevy's main branch now supports WebGPU rendering on the web! This means you can play with it now by checking out our repo provided you have a supported web browser (WebGPU is still in the process of rolling out). You can also explore our live WebGPU examples. The upcoming Bevy 0.11 rel

trinine 2023/05/20

リンク

エンジニア夫婦の育児生活（誕生〜１ヶ月） - そこに仁義はあるのか(仮)

4/4 に第一子を出産し、昨日で生後1ヶ月を迎えました！そして、子どもの日の今日は初節句になります！🎏 色々な方にお祝いしていただき、大変ながらも幸せな1ヶ月を過ごしています。初めての育児でわからないことだらけですが、無事に1ヶ月を過ごしてみて、色々と工夫していることをまとめます。 👶 工夫していること Alexa の活用我が家には Echo Show 5 があり、Alexaを日常的に利用しています。 Google Homeもありますが、﹁オーケーグーグル﹂よりも﹁アレクサ﹂の方が言いやすいので、日常使いはめっきり Alexa です。 Echo Show 5 (エコーショー5) 第2世代 - スマートディスプレイwithAlexa、2メガピクセルカメラ付き、チャコール Amazon Amazon Alexa とぴよログを連携﹁ぴよログ﹂というアプリで授乳やミルク、お

trinine 2023/05/06

リンク

はてなブックマーク

タグ

trinineのブックマーク (80)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス