FlyonUI - Free Tailwind CSS Components LibraryThe Easiest Tailwind CSS Components LibraryFlyonUI is an open-source Tailwind CSS Components Library with semantic classes and powerful JS plugins.
すぐ消えてしまう要素をDevToolsで確認するTips集
はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <
ダークパターンレポート2024 ダークパターンの無自覚な使用を防ぐために ｜ 株式会社コンセント
ダークパターンレポート2024ダークパターンの 無自覚な使用を防ぐために 4社の取り組み例から 考察する、 防止活動普及の鍵 消費者よりも企業にとって都合の良い行動を取るようにし向ける手法、ダークパターン。 悪意のある事業者が意図的に用いる手法だと思われるかもしれません。 しかし、ビジネスで求められる目標を達成するため、 悪意がなくても結果的にダークパターンを用いてしまう可能性があります。 企業はどうすればこの「ダークパターンの無自覚な使用」を防ぎ、 消費者とのより倫理的な関係性を目指していけるのでしょうか? コンセントでは、所属企業にダークパターン使用防止の取り組みがある ビジネスパーソン4名にインタビューを行いました。 本レポートは具体的な取り組み内容を紹介するとともに、 そこから見えたダークパターン問題に向き合う上での課題や 無自覚な使用を防ぐための論点を考察するものです。 調査結果
無料の超便利アプリ！ Super Productivityで仕事を効率化する方法【今日のワークハック】 | ライフハッカー・ジャパン
今日のワークハック：タスク管理アプリで仕事の管理を手放すWindows、Linux、Mac、Androidデバイスで利用可能なこの無料のオープンソースアプリは、ToDoリスト、タイムトラッキング、タイムブロックを兼ね備えています。 このアプリを使えば、Todoリストを素早く作成しにかかる時間を見積もり、それに応じて計画できるのです。 また、タスクに費やされた時間を追跡するようにつくられており、あなたが物事に費やしている実際の時間を把握するのに役立ちます。 Super Productivityを開くと、受信トレイが表示され、思いついたタスクを捨てることができます。 プロジェクトのタスクを管理するプロジェクトを設定してそこにタスクを置くこともできます。 タスクを作成したら、かかる時間の見積もりを追加し、期日を割り当てることもできます。そのあと、「今日」、「スケジュール」、「プランナー」のセクシ
静的ファイル配信を対応したCloudflare WorkersにRemixを移行してログ出力を容易にする方法
昨日のCloudflareからWorkersのアップデートの中にこういうものが入っていました。 Run front-end websites — static or dynamic — directly on Cloudflare’s global network. 超意訳）静的もしくは動的なサイトをCloudflare Workersで配信できるようにします。 は？って感じですよね。静的ファイルの配信といったら、今まではCloudflare PagesかR2などを使用して配信するってのが普通でしたが、Cloudflare Workersから配信する？つまり、プログラム(JS,TS,WASM)以外の静的ファイルをCloudflare Workersのデプロイに含めることが出来るようになったということらしいのです。なのでそのアップデートを受けてRemixをCloudflare Workers
《追記》フレンチという一生モノの沼を薦めたい
（追記） こんな文章が、思ったよりもバズってびっくりしたので、ツイッターで「フレンチ自作沼（アカウント名は＠French_jisaku）」というアカウントを作成しました。 フレンチ自作界隈の人がいたらフォローしてもらえると嬉しいです。 以下でいただいたコメントの一部に返信していきます。 おおよそ素晴らしいことが書いてあるけど③だけ解像度が低い気が…というのも、料理というのは基本的には科学と同じで味に再現性を持たせる必要があり、そのためには分量を正しく理解し守る必要がある(この分量の正確さをレシピなしでも把握できているのがプロ)。その上で、③では"短時間だとミスった時のリカバリができず"とあるけど、正確な分量を計って料理をすれば大きな失敗はなく連鎖的に料理が崩壊することはまずあり得ない。短時間の作業でのミスとして、例えばイタリアンならカルボナーラの卵に火を通し過ぎる等の失敗はあるかもしれない
宮本茂「もし山内がニンテンドーミュージアムを見たら、『そんなもんやめとけ』って言う」。“自分たちの説明をしない”任天堂が、それでもミュージアムを作った理由を宮本茂氏が語った
宮本氏： ひとつは、アーケードゲームを始めとする膨大な資料や、毎年何百本と増えていくゲームソフトなどをどのように保存・管理していくかということです。アーケードゲームは動かないと意味がないですし、ゲームソフトもただパッケージだけ残していてもしょうがないので、なんとか管理していかなければいけない。 もうひとつは、任天堂に百人～二百人と入ってくる新入社員に対して「任天堂とはなんぞや」という説明をする時間の問題です。かつては2時間かけて新入社員セミナーという講座をやっていたんですが、それがいつしか2時間半になり、気付けば3時間近くになってきました。社員は面白がって聞いてくれるんですが、20年近くセミナーをやっているといい加減にそれを引退したいと思うようになりました。 本ミュージアムの展示は、そのセミナーで話していた内容がベースになっています。 たとえば、Wiiを作るにあたっては、『ウルトラマシン』
エンジニアのための時間管理術
はじめに 時間管理が上手くなりたいと日々思っているため、このテーマにしました。 自戒の念を込めて😅 タイムマネジメントの王に!!! おれはなるっ!!!(CV.田中真弓) ※掲載内容は個人の見解であり、所属する企業を代表するものではありません。 参考にした書籍 『エンジニアのための時間管理術』 Thomas A. Limoncelli 著 株式会社クイープ 訳 発行年月日：2006年10月 ページ数：272 ISBN：978-4-87311-307-4 タイムマネジメントについての考え方や手法を取り入れたいと思い読みました。 時間管理した先のゴールは？ 自分のための時間・家族との時間を最大化する。 前提 エンジニアはタイムマネジメントが難しい。 プロジェクトワークと割り込みが入り混じる職業。 外部からの割り込みは生産性を低下させる。 中断した作業に戻るには時間がかかり、エラーが紛れ込む可能
新Reederは未読数を忘れて情報の流れを受け取るRSSリーダーの再発明
macOS / iOS / iPadOS 上でとても人気のある RSS リーダー、“Reeder” に大きなアップデートがやってきました。 RSS などを登録し大量の情報を読むという利用方法は変わらないものの、アプリの思想が根底から変化していますので、これまでのユーザーは注意して移行するか、今後も提供される Reeder Classic を利用するのを検討した方がいいかもしれません。 下の記事で、大きな変化のあった部分は太文字になっていますので、それをフォローするだけでも事情はわかると思います。 Reederにサイトを登録する Reederを開くと、まずはなにも登録されていない空白のリーダー画面が表示されますので、左上の「+」ボタンからお気に入りのサイトを登録します。RSS の URL を知っていれば入力してもいいですが、普通はそのサイトの URL を入力すれば解決をしてくれます。 複数表
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
DroidKaigi 2024 での発表資料
Cloudflare PagesにそれなりにちゃんとBasic認証をかける | おそらくはそれさえも平凡な日々
前回の、社内プライベートポッドキャスト実現方法で、ポッドキャストサイトを静的配信しつつBasic認証をかけるというアイデアを書いた。しかし、Basic認証などなかなか使わなくなり、ネイティブでサポートしている静的ホスティングサービスも少ない。今回はCloudflare PagesのFunctions機能でリクエストをラップするミドルウェアを書けば実現できることが分かり、その方式を採用することにした。多少実装必要になるのと、認証周りを自前で書くのはあまりやりたくはないが、廉価に比較的省力で実現できるので受け入れる。 ネット上にいくつかサンプルは見つかるが、今回実装するにあたっては以下の点を留意した。 コード内に認証情報を載せない 複数ユーザーのIDとパスワードを管理できるようにする パスワードは定数時間比較してタイミング攻撃を防ぐ これらを以下のように解決することとした。 認証情報は環境変数
コードのタイピング力を測るエンジニア向けタイピングゲーム「UnTyping」が登場、コースは「JavaScript」「TypeScript」「React」「Python」の4つ
120秒間ひたすらタイピングし続けてコードを記述するゲーム「UnTyping」が公開されました。下記URLから誰でも無料でプレイできます。 UnTyping - エンジニア向けプログラミングタイピングゲーム https://untyping.jp/ URLにアクセスしたら以下のようにコースが表示されます。コースは「JavaScript」「TypeScript」「React」「Python」の4つです。今回は試しに「JavaScript」をクリック。 スペースキーまたはエンターキーを押してゲームスタート。 ゲームのプレイ動画は以下から確認できます。なお、プレイヤーはプログラミング未経験者です。 エンジニア向けタイピングゲーム「UnTyping」にプログラミング未経験者が挑戦してみた - YouTube ゲームが始まると以下のようにコードが表示されるのでタイピングしていきます。 一つのコードに
Next.js（App router）における開発しやすいディレクトリ構成の例 - TechDoctor開発者Blog
初めまして、テックドクターでフロントエンド開発を担当している大瀧です。 ディレクトリ構成はコードの可読性やスケーラビリティに関わる重要な要素であると思っています。 しかし、フロントエンドのディレクトリ構成はベストプラクティスが確立されておらず、わりと悩むポイントです。 そこで今回は、Next.jsのApp routerにおいて、弊社で採用しているディレクトリ構成を共有します。この記事がディレクトリ構成に悩む開発者の助けになれば幸いです。 ディレクトリ構成の自由度が高すぎる問題 さきほど「フロントエンドのディレクトリ構成はベストプラクティスが確立されていない」と書きましたが、特にApp routerのディレクトリ構成については、公式ドキュメントで以下のように記載されています。 There is no "right" or "wrong" way when it comes to organi
プロンプトエンジニアリングをしよう - 一休.comでの検索システム改善事例 - 一休.com Developers Blog
はじめに こんにちは。宿泊プロダクト開発部の宮崎です。 みなさん、生成 AI 使ってますか？ 近年、AI の進歩はめざましく、文章生成や画像生成はもちろん、動画生成も実用的なレベルで出来るようになっています。 ChatGPT が話題になったのが 2022 年の 11 月なので、たった 2 年足らずでここまで来ているという事実に少し恐ろしくもありますね。AGI(汎用人工知能)の実現もそう遠くないのかもしれません。 一休でも AI 技術は注目していて今年の 6 月に、まさに生成 AI を使ってホテル検索システムの改善を行いました。 この記事では、その時に学んだプロンプトエンジニアリングの重要性について書いていこうと思います。 生成 AI を使ったホテル検索システム 今回我々が実装したのはフリーワード・文章でもホテルを検索できるシステムです。 以下のようなユーザーの自由な入力に対して、適切なホテ
普通の人が注文住宅で99点をとる方法
資産シミュレーション編生活費を1年間記録して月平均を出す資産シミュレーションサイトかファイナンシャルプランナーに頼んで生涯のプランを計算する家に使える金額を一旦弾き出すイニシャルコストとランニングコストに分けて考える イニシャルコストは土地代や建築費やローンの初期費用などランニングコストは固定資産税や電気代、修繕費など何年住むか考えるハウスメーカー訪問編性能を確認する 電気代や冷暖房器具代のランニングコストに影響修繕費を確認する 特に外壁や屋根の修繕費は高くつくので何年持つのか要確認建築費を確認する 設備代が含まれていたりしなかったりするので注意2、3社に絞り込んでおく土地選び編ハザードマップを確認する表層地盤のゆれやすさマップを確認する 大地震の恐れがある場合は耐震等級3が必須(2では家にヒビが入る)ハウスメーカーにこの土地ならどんな家が建つかを確認する ハウスメーカーが近所に家を建てた
「アイディア出しの技術」を生成AIに学ばせた結果がすごすぎた。 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
企画を考えたり、問題解決の方法を模索したり、ビジネスの場面では、アイデアを考えることが多くあります。しかし、なかなかいいアイデアが浮かばない……ということも多いですよね。 そんなときは、生成AIにアイデア出しを手伝ってもらうのはどうでしょうか。 本記事では、ビジネスでよく使われるアイデア出しの基本技術をAIに適用させ、それを使って実際にアイデアを出すプロセスをご紹介します。今回は、多くの人にとって身近な「オフィスの生産性向上」をテーマにアイデア出しを試してみました。 生成AIはアイデア出しの強い味方になる！ まずは簡単な準備から。使うAIを選ぼう 1. アイデア出しの基本「逆算法」 2. アイデアを広げるなら「SCAMPER法」 3. 異なる視点を得るなら「ペルソナ法」 AIはアイデア出しの強い味方になる！ 実践してわかった、生成AIでアイデアを出すコツ 生成AIはアイデア出しの強い味方に
「Datadogを見ればすべてがわかる」状態を作っていく
株式会社グロービス / Jutaro Numata チームリーダー / SRE / 従業員規模: 501名〜1,000名 / エンジニア組織: 101名〜300名
ググっても「必要な情報」になかなか出会えないあなたへ。元国立国会図書館の司書が教える、調べ物の技術 - ミーツキャリアbyマイナビ転職
今週あなたは仕事で何回「調べ物」をしましたか？ 仕事においても、日常生活においても、私たちは常に何かを調べています。 そして、近年は「探す方法」も増えて、さまざまな情報にアクセスしやすくなりました。しかしその反面、得られる情報量が多く、「正しい情報かどうか」の判断は難しくなったと言えます。調べ物をしながら「これじゃない……」を繰り返した経験は誰しもあるはず。 「国会図書館にはのべ4700万点の本やその他の資料があるけれど、調べたい内容がその中に書いていないこともよくあるし、本の内容が直接検索できるようになっているのは、2024年9月時点だと体感で3割くらいなんです」。 そう語るのは、国立国会図書館のレファレンス業務に15年以上携わり、著書『調べる技術 国会図書館秘伝のレファレンス・チップス』がSNSなどで話題を集める小林昌樹さん。 レファレンス業務とは、図書館の利用者が必要な情報を得るため
スロークエリログをどう使えばいいのかって疑問、全て解決
これはなに ども、レバテック開発部のもりたです。 今回はMySQLでのスロークエリログについて調査してまとめました。 スロークエリログといえば古くからパフォーマンスチューニングの力強い味方といったふうに語られることも多いですが、最近はクラウドで使える便利なツールも生まれています。この記事ではスロークエリログの一般的な使い方を紹介するとともに、他のツールとの比較や、どんな場面でスロークエリログが役に立つのか、また役に立たない場合はどんなツールを利用することができるのかについてまとめました。 足りないところなどあればおおいにマサカリ投げていただけると幸いです。 記事の流れ 記事の流れ この記事はそこそこ長いので、初めに記事の流れを解説します。適宜読み飛ばしてください。 なぜスロークエリログなのか ここではそもそもスロークエリログをなぜ確認したいのかみたいなところを説明します スロークエリログの
『ゼルダの伝説 ティアーズ オブ ザ キングダム』を事例に、任天堂のCGスペシャリストの仕事を深掘り
CGWORLD（以下、CGW）：井上さんは、任天堂でCGスペシャリストのマネージャーを務めているそうですね。CGスペシャリストの役割は、テクニカルアーティスト（以下、TA）のようなものでしょうか？ 井上氏（以下、井上）：近年のTAはかなり広範囲の業務を担当する職種になっているため、デザイナーのグループに所属して、TA業務の一部を担う職種のことを弊社ではCGスペシャリストと呼んでいます。一般的なTA業務の中でも、特にDCCワークフローの整備や、リグ、プロシージャル生成、マテリアル作成、ライティングといった、デザイン業務やビジュアル構築にまつわる部分を担う、テクニカルなスキルセットをもつ職種です。 CGスペシャリストは比較的新しい職種で、5年ほど前から正式な活動を始めました。当初はテクニカルデザイナーとも呼ばれていましたね。デザイナーの中にも技術に強い人がいて、制作業務を行いながらツールをつく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
