どういったデザイン思考で作ったらいいか「伝えるためのデザイン」に着目してデザインのテクニックを学べる良書

2024/11/08 8 users 良書 デザイ デザイン思考 表紙 デザイン

※本ページは、アフィリエイト広告を利用しています。 表紙をぱっと見ると、デザイン書とは違うのかな？と思うかもしれません。プロのデザイナー向けかと聞かれたら違いますが、デザインを学んだことがなくてもデザインするために役立つ知識やテクニックを学べるデザイン書を紹介します。 どういったデザイン思考でデザイ... 続きを読む

CSSだけでスタイルクエリのサポートを確認する方法、Safari 18のバグを回避する方法も

2024/11/06 10 users CSS コンテナ パク スタイルクエリ ラベル

スタイルクエリとは、親要素のスタイルに応じて子要素のスタイルを適用するCSSの機能です。たとえば、カードのコンテナがあり、カードによってラベルやボタンのスタイルを変更したい場合などに便利です。 このスタイルクエリがブラウザにサポートされているかをCSSだけで確認するテクニックを紹介します。 Feature detec... 続きを読む

大金持ちが税金を払わずに資産を増やすテクニック「買って借りて死ぬ」とは？

2024/10/09 158 users 税金 資産 大金持ち die 抜け道

株や投資でもうけたり、そうして作った資産を子どもに相続させたりすると税金がかかりますが、富裕層はさまざまな抜け道を駆使して節税しています。アメリカの億万長者が税金をほとんど払わずに資産を増やしていくのに使っている「Buy, Borrow, Die(買って、借りて、死ぬ)」という戦略についての解説が、掲示板型ソーシ... 続きを読む

なぜモチベーションが続かないのか？研究でわかった、やる気を保つ「5つのテクニック」 | ライフハッカー・ジャパン

2024/10/03 21 users モチベーション ライフハッカー・ジャパン 研究 やる気 5つ

Ayelet Fishbach氏は、シカゴ大学ブース・スクール・オブ・ビジネスの教授で、行動科学とマーケティングが専門分野。 モチベーション研究学会の元会長でもあり、モチベーション研究に関する自らの洞察を世に伝える著作活動も盛んに行なっています。 Fishbach教授は、米Fast Companyに寄稿した以下の原稿で、自身の新著『... 続きを読む

家を出るのに早すぎる時間なんて無いよ

2024/10/03 629 users 時間 小手先 ダーッ 物事 遅刻癖

特定の誰かを非難したくないからちょっと落ち着いたタイミングで書くんだけど、遅刻癖って物事の捉え方の問題で、小手先のテクニックじゃ改善しないんだよね。 ぶっちゃけ、「まだ家を出るには早いかな」と思うタイプって、時刻を"点"で捉えてるんだよね。実際は"崖"なのに。 イメージしやすいように言えば、"ダーツのど... 続きを読む

「彼らがサボるか、本気になるかは、私の管理の範疇外です」が口癖の叱らないマネジャーの話→様々な声が寄せられる

2024/09/12 289 users マネジャー 口癖 ふじ 安達裕哉 範疇外

安達裕哉 @Books_Apps 叱らないマネジャーを見たことがある。 この人は、「テクニックとして叱らない」というのではなく、芯の部分で「叱っても、成果が上がるわけではない」と、ドライに考えていたフシがあった。 「彼らがサボるか、本気になるかは、私の管理の範疇外です」が口癖。ダメなら人を変えるだけ、と。 続きを読む

RAGは検索エンジンが命！AI Search初心者入門 - Qiita

2024/09/05 154 users Rag Qiita やまぞー エンジニア 近年

はじめに こんにちは！ AI エンジニアのヤマゾーです。 近年、生成 AI の進化が目覚ましく、生成 AI を活用したシステムの開発が盛んに行われています。その中で最も有名なテクニックが RAG です。RAG というのは検索拡張生成 (Retrieval Augmented Generation) の略で、質問の関連情報を検索し、質問と関連情報をセット... 続きを読む

JavaScriptで実現するFLIPアニメーションの原理と基礎 - ICS MEDIA

2024/09/04 80 users FLIP ICS MEDIA 原理 基礎 ライブラリ

アニメーション実装のテクニックのひとつにFLIPと呼ばれるものがあります。FLIPアニメーションは2つの状態をなめらかにつなげるテクニックで、とくに移動や拡大といった動きに有効です。FLIPアニメーションを用いると、次のようなアニメーションを実装できます。 本記事では、ライブラリに依存しないFLIPアニメーション... 続きを読む

ホタルのオスを「女装」させるクモ、光操り別のオスを罠に、研究

2024/08/21 287 users クモ ホタル オズ 研究 シグナル

オニグモ（Araneus ventricosus）の網にかかったオスのホタル。オニグモは、ホタルが交尾相手を見つけるために使う生物発光のシグナルを操作できるのではと、研究者たちは考えている。（Photograph by Xinhua Fu） クモは、驚くほど様々な狩りのテクニックを進化させてきた。唾液を使って獲物をわなにかける種もいれば、... 続きを読む

上司が車買いに行ったとき、営業が明らかに「人と親しくなるテクニック」を使ってきてイラついたから突然スクワットしたりして打ち消した話

2024/08/12 42 users 上司 車買い 営業 相槌 美濃

美濃のbesaco @0926WHITE /ラブの組み合わせに性別や人種や種族は問わない気力のない人類です/推しは皆人外/成人済/アイコンは旭山動物園の気怠いヒグマ 美濃のbesaco @0926WHITE 上司が車買いに行ったとき、営業が明らかにミラー効果意識した行動しててイラついたから突然スクワットしたりすごいデカい声で相槌を打った... 続きを読む

管理職であり連載作家、ピエール手塚先生に学ぶ「時間の作り方」。怠け者な自分を「ハック」するテクニックとは - ミーツキャリアbyマイナビ転職

2024/08/08 531 users かたわら 怠け者 ビジネスパーソン タスク 自己研鑽

日々多くのタスクに追われるビジネスパーソンにとって、「24時間をどう使うか」はスキル・キャリアアップのための重点テーマです。業務効率化しながら自己研鑽の時間を捻出する方法について、普段から考えを巡らせている人も多いでしょう。 会社員のかたわら、漫画家として商業誌への連載を続けてきたピエール手塚さんも... 続きを読む

CSS変数がもっと便利になる新しい記述方法、CSSの次世代変数@propertyがすべてのブラウザにサポートされました

2024/08/08 55 users property カスタムプロパティ CSS変数 CSS 変数

CSSの@propertyがFirefoxにサポートされ、デスクトップ・スマホのすべてのブラウザでサポートされました。 @propertyは次世代変数と呼ばれるもので、これまでの変数（カスタムプロパティ）の使い勝手が大幅に向上します。@propertyによるカスタムプロパティの記述方法、@propertyを使ったCSSのテクニックを紹介します。 ... 続きを読む

がんばっているのに上司が評価してくれない…　仕事の成果を正しく伝え、正当な評価を得るためのテクニック

2024/08/05 9 users 上司 成果 Voicyチャンネル 評価 ビジネスパーソン

日本最大のビジネススクール「グロービス経営大学院」が、ビジネスパーソンに向けて、予測不能な時代に活躍するチャンスを掴むヒントを配信するVoicyチャンネル『ちょっと差がつくビジネスサプリ』。今回は、自分の仕事の成果を正しく伝えるテクニックをお届けします。 ■音声コンテンツはこちら 自分の成果や努力が上司... 続きを読む

CSSの変数をインラインで使用した条件付きCSS、コードを減らしながらもバリエーションを作成するCSSのテクニック

2024/08/05 22 users 変数 class CSS コンポーネント トークン

CSS変数を使用して、コードを減らしながらもUI要素やコンポーネントのバリエーションを作成するCSSのテクニックを紹介します。 CSSはclassを使用すると、個別の値のみをターゲットにスタイルを適用できます。CSS変数を使用すると、連続した値の範囲をカバーでき、特定のトークンを使用して特定のスタイルを適用できるよ... 続きを読む

月間はてなブックマーク数ランキング（2024年7月） - はてなブックマーク開発ブログ

2024/08/02 11 users 順位 月間 TomoyukiArasuna.com 美しい図

はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2024年7月のトップ50です*1。 順位 タイトル 1位 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック | TomoyukiArasuna.com 2位 子育て終わった！やったーー！！ 3位 うまく騙されないよう... 続きを読む

TypeScriptの標準ライブラリで使われているdeclaration mergingのテクニック

2024/07/28 5 users TypeScript API 標準ライブラリ 型定義 ブラウザ

TypeScriptの標準ライブラリとは、TypeScriptに組み込みで備わっている型定義のことです。ECMAScript仕様で定義されているJavaScriptの言語機能に対する型定義が含まれています。また、ブラウザに組み込まれているWeb標準のAPIに対する型定義も含まれています。 TypeScriptの標準ライブラリでは、declaration mergingと... 続きを読む

Webサイトを使いやすく改善する、知っておくと便利なCSSのテクニック

2024/07/25 14 users CSS almost Webサイト エクスペリエンス 一行

Webサイトのエクスペリエンスを改善するCSSの便利なテクニックを紹介します。 基本的には一行のCSSですが、より良くするためにCSSを追加して複数行のものもあります。 CSS One-Liners to Improve (Almost) Every Project by Álvaro Montoro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に... 続きを読む

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

2024/07/16 7 users はてなブックマーク数ランキング 順位 美しい図 多い順 作り方

はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。7月8日（月）～7月14日（日）〔2024年7月第2週〕のトップ30です*1。 順位 タイトル 1位 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック | TomoyukiArasuna.com 2位 クソ不動産業界の闇 ... 続きを読む

ブラウザ開発者ツールのネットワークタブに表示されない情報送信手法 - Qiita

2024/07/14 419 users ネットワークタブ CTF セキュリティエンジニア CSP 手法

はじめに はじめまして、セキュリティエンジニアのSatoki (@satoki00) です。今回はブラウザの開発者ツールのネットワークタブから隠れて、Webサイト内の情報を送信する手法をまとめます。所謂Exfiltrationというやつです。中にはCSPの制限をBypassするために用いられるテクニックもあります。CTFなどで安全に使ってくだ... 続きを読む

X（Twitter）のrobots.txtがおかしい（このミスはちょっと恥ずかしいかも）【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ

2024/07/11 86 users robots.txt Twitter ローカルSEO ミス

robots.txtでは正規表現は使えない――改めて技術を正しく理解したいと心から思うミスがX（Twitter）のサイトに見付かった。今回のピックアップでは、この件に加えて、複数サイトを管理している人向けの便利なrobots.txt管理術をお届けする。 もちろん、ほかにもSEO情報をしっかりまとめている。ローカルSEOのテクニックと... 続きを読む

石丸構文は質問には答えずに 「相手が馬鹿な質問をしている」 という印象を..

2024/07/08 208 users 石丸構文 自画 観客 ワロタ 印象

石丸構文は質問には答えずに 「相手が馬鹿な質問をしている」 という印象を観客に抱かせるテクニックだと思う それはそれとして、暇空が漫画クイズを「唯一石丸構文を突破して嘘を見破った！」って自画自賛してるのワロタ 続きを読む

誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

2024/07/08 1412 users 美しい図 作り方

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会... 続きを読む

しゃぶしゃぶ食べ放題の店でたくさん食べる際、ドリンクバーにある無糖炭酸水を出汁に注ぐと灰汁が凝固して灰汁取りの時短が出来るらしいぞ！

2024/07/02 7 users 灰汁 ドリンクバー 出汁 ダシ 時短

ちゅーべろーず@VRChatter @tuberoseVRC 「しゃぶしゃぶ食べ放題の店で沢山食べる際、ドリンクバーに設置してある無糖炭酸水をダシに注ぐと灰汁が凝固して灰汁取りの時短が出来る」というテクニックを知って、今の気分がまさにコレ pic.twitter.com/MwJlHcmum1 2024-07-02 13:12:05 続きを読む

エンジニアにも知って欲しいChatGPT基本テクニック - Qiita

2024/07/01 1166 users Qiita chatgpt プロンプト markdown記法

はじめに ChatGPTブームがひと段落した感がありますが、周りのエンジニアでChatGPTを活用している姿をあまり見みません。 基本的なテクニックを理解すれば、エンジニアこそChatGPTを活用できると思うので、普段使用しているテクニックをいくつかピックアップして紹介します。 プロンプトの記載方法 Markdown記法で指示す... 続きを読む

Pythonの爆速化！　ピュアPythonに組み込まれている機能でコードの最適化を実現するには

2024/06/30 111 users Python 爆速化 ライブラリ コード 最適化

Pythonの爆速化を可能にするにはどうすればいいのか。ツールやライブラリに頼る前に、まずはピュアPythonに組み込まれている機能を使い、コードの最適化を図るべきです。なぜなら、処理速度の課題を解決できる可能性が高いからです。今回はPythonのパフォーマンスを劇的に向上させるためのテクニックを解説した『爆速Pyt... 続きを読む