社会人として数年間働いている方でも「分かりやすい資料作りには自信がない」と言う方は多くおられます。体系的に資料の作り方を学ぶ機会が少ない上、資料を使った提案力は何年もかけて少しずつ磨かれるため、実は自信が持てなくて当たり前なのです。 私も働き始めの頃、先輩が分かりやすく美しい資料を作り、お客さまの心を動かしてコンペに勝ったり、お客さまから大きな信頼・共感を得たりする姿を見て、とても羨ましく思った記憶があります。 そんな20年以上前の自分を思い起こすと、経験が少ないがゆえに、資料作りで「つい、やってしまう表現」が沢山あったと感じます。この無意識のうちに「つい、やってしまう表現」は、資料の分かりやすさや見た目の美しさを阻害します。 この記事ではまず、なぜ人は資料を分かりにくくする手法を「つい、やってしまう」のか？という理由を探ります。その上で、ありがちな「つい」の事例と共に、ビフォー・アフター
Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。
ワーキングメモリを消費しない料理テクニック
ワーキングメモリを消費せずに簡単に料理できるテクニックを書いとくよ。 あえて具体的に書いてるけど慣れてきたらアレンジしたら良いよ。 １．作業時間を減らす ◆休日にスーパーでこれを買う 野菜：ジャガイモ2個、人参1本、タマネギ2個、しめじ1袋、 肉：鶏もも（約8個 約250g）、豚バラ薄切り（約9枚 約270gくらい） ジップロック的なのMサイズ10枚くらい入ってるの ◆冷凍素材を作って冷凍保存 野菜はカットして、下記の分をジップロックに入れて冷凍庫。4袋できる。 ・じゃがいも1/2 ・人参1/4 ・玉ねぎ1/2 ・しめじ1/4 鶏もも 2個ずつでサランラップに包んで冷凍 4個できる 豚バラ 3枚ずつでサランラップに包んで冷凍 3個できる これで4回分のスープ具材セットの完成。 カレー、シチュー、豚汁、ポトフ、クラムチャウダーあたりはこれでできる。 鍋キューブ使えば、鍋ができる。 肉は料理に
“ダブルスイカ” を4回達成し、元総合スコア1位（7355点）のランカーが『スイカゲーム』を完全解説！ スイカの作り方から、整地する技術や時差置きなど上級テクニックまで紹介
初級編（始めたばかりでまずはスイカを作りたい方向け） 冒頭でも触れたとおり『スイカゲーム』は同じ種類のフルーツを組み合わせ、少しずつ大きなフルーツに進化させていくゲームです。フルーツの種類は、チェリー・イチゴ・ブドウ・デコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカの11種。始めたばかりだと、これらのフルーツを「どこに置いて進化させればいいかわからない」のではないでしょうか。 闇雲に置いてしまうとデカ玉【※1】同士がつかなかったり、小物【※2】が散乱して取り返しがつかなくなるので、そうならないようにコツをいくつかご紹介いたします。 デカ玉と小物はそれぞれセットで考える 落ちてくるフルーツを「大きい」or「小さい」で選別していけば、小物があまってしまうようなことが少なくなります。 具体的にはデコポン・柿・リンゴ・梨・桃・パイン・メロン・スイカを「デカ玉」、チェリー・イチゴ・ブドウを「小物
仕事で差をつけるChatGPT活用術。初心者でも使えるスゴいテクニックを達人に聞く - ミーツキャリアbyマイナビ転職
業務効率化に一役買ってくれると話題の「ChatGPT」。 今や「大学生の4人に1人が就活でChatGPTを使っている」といったデータもあり、リリース当初はあまり興味のなかった方でも、最近は「自分の仕事でうまく使えたりしないかな？」なんて考える機会も増えてきたのではないでしょうか？ ただ、ChatGPTが作業をどこまで効率化してくれるのかはまだまだ未知数です。時間を食う資料の作成やExcelの集計作業などをまるっとお任せできたらうれしいけど、思うようなアウトプットが得られず手間が増えたら、本末転倒な気もしますよね。 それに、ChatGPTの生成データをめぐっては、権利関係や内容の中立性・正確性などの側面で一部懸念の声も挙がっています。業務内での利用を禁止する企業や、自身のコンテンツを「学習・流用」されないよう自衛措置を講じるクリエイターも存在します。使用にあたってのルールも、完全に整っている
人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある→ 夫が結婚記念日を忘れていそう、さてどうする？
砂鉄 @satetu4401 人生の上級テクニックとして「数手先を読んで、相手を悪人にするようなルートを避ける」というのがある 例えば、夫が結婚記念日を忘れていそう。これまでの経験からプレゼントに望みの物が来る可能性が低い。なら事前に「もうすぐ結婚記念日ね、私欲しいものがあるから買って欲しいんだけど」と言う 2023-10-27 00:19:11 砂鉄 @satetu4401 そうすることで、夫を「結婚記念日を忘れた悪人」「変なものを送り付けてくる悪人」にするルートを回避して「結婚記念日に理想のプレゼントをくれる素敵な夫」にするわけだな このテクニックを持ってない人間は、どんなに優れた能力を持っていても、一生無駄に戦い続けて能力を浪費する事になる 2023-10-27 00:21:04
ブラウザ上でデバッグするときに使えるテクニック
ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know | Alan Norbauer https://alan.norbauer.com/articles/browser-debugging-tricks ◆高度な条件付きブレークポイント 開発者ツールの「ソース」タブにはデバッガーが用意されており、JavaScriptの任意の行にブレークポイントを設定することで実行を一時停止して変数やコールスタックの中身を確認できます。ブレークポイントを
DK @game_sennin 今日も何処かでシナリオライター向けセミナーと講義をしているゴリラ。頼む、どうか許してやってくれ。俺はゴリラなんだ DK @game_sennin 仮に１日100文字書くのがやっとの「低文章体力」しかない人が、3日書けば300文字。一ヶ月30日書けば3000文字。 ベースとしては速いとは言えないけど、毎日それくらい丁寧に100文字で書いたら、そこそこ質の良い文章が出来上がる筈なのだが「物書き」というのは怠けたがるもので、そこまで勤勉な人は稀 pic.twitter.com/uTd0PqkHmK 2023-10-17 15:54:21
はじめに 最近エンジニア界隈では「リーダブルコード」が話題なっていますね。 リーダブルコードでは、このような定理が紹介されています。 「コードは他の人が最短時間で理解できるように書かなければいけない。」 Dustin Boswell リーダブルコード P.3 より引用 SQLでも同じことが言えそうです。 リーダブルなSQLを書いてないと結婚できない時代が今まさに到来しようとしています。 皆さん、クソSQL1を読んだことがありますね？ クソSQLを書いたことがありますね？ 僕は、あります。 そこで、本記事ではどうしたらリーダブルなSQLが書けるかというアイデアを紹介します。 処理の流れの順に上から読めるようにする 人間のメンタルモデルは、問題やタスクを小さなステップに分割し、それぞれを順番に実行することに適しています。 サブクエリを使ったSQLでは、処理の流れは上から下ではなく、ネストされた
![リーダブルSQL[より良いSQLを書くためのシンプルで実践的なテクニック] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e4b50cb826dc76ffa5a15a97343ab36cac44503/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJTk2JUUzJTgzJUFCU1FMJTVCJUUzJTgyJTg4JUUzJTgyJThBJUU4JTg5JUFGJUUzJTgxJTg0U1FMJUUzJTgyJTkyJUU2JTlCJUI4JUUzJTgxJThGJUUzJTgxJTlGJUUzJTgyJTgxJUUzJTgxJUFFJUUzJTgyJUI3JUUzJTgzJUIzJUUzJTgzJTk3JUUzJTgzJUFCJUUzJTgxJUE3JUU1JUFFJTlGJUU4JUI3JUI1JUU3JTlBJTg0JUUzJTgxJUFBJUUzJTgzJTg2JUUzJTgyJUFGJUUzJTgzJThCJUUzJTgzJTgzJUUzJTgyJUFGJTVEJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jMjEwYmIwZGRkMTc0MmI1ZGU1OGMxMTQ5ODJiNDI3ZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwemFja2V5MiUyMGluJTIwJUU2JUEwJUFBJUU1JUJDJThGJUU0JUJDJTlBJUU3JUE0JUJFTSUyNkElRTMlODIlQUYlRTMlODMlQTklRTMlODIlQTYlRTMlODMlODkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTYyNDU1MjZkZTUzZTdlOGQ0NDI5MTJhY2FlNWI2MjM4%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D564d0bbe76f00558f53eda62333d7309)
デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals
効率よく学ぶコツは「わかったつもり」を防ぐこと。「ファインマン・テクニック」で勉強してみた - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
資格試験の勉強を始めようとしているとき、仕事で知らない知識を学ぶ必要があるとき。まったく知識のないところから勉強をスタートすると、「身につくまで大変そう……」と不安に思ってしまうのも無理もないことです。 でも、大丈夫。そんな “ほぼ白紙状態” から効率よく勉強する方法があるのです。 今回の記事では、そのひとつであるファインマン・テクニックについてご紹介します。筆者がほぼ白紙状態から学びを実践した模様もあわせてお伝えしましょう。 【ライタープロフィール】 橋本麻理香 大学では経営学を専攻。13年間の演劇経験から非言語コミュニケーションの知見があり、仕事での信頼関係の構築に役立てている。思考法や勉強法への関心が高く、最近はシステム思考を取り入れ、多角的な視点で仕事や勉強における課題を根本から解決している。 ファインマン・テクニックとは ほぼ白紙状態からファインマン・テクニックで学んでみた 理解
こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本
デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日本語のタイポグラフィに特化された解説書で、ひらがな・カタカナ・漢字が扱われています。もちろん、数字や記号文字も使用されていますが、英語に関してはほぼありません。
はじめに 今回紹介する本 「技術書」の読書術 達人が教える選び方・読み方・情報発信&共有のコツとテクニック ITエンジニア本大賞という企画でこの本のことを知り、 技術書のインプットが足りてないなと思う時期だったため、改めて技術書の読み方を学んでみようと思い読んでみました。 本書の構成を簡単にお伝えすると以下の３部で構成されております。 第１部 選び方 第２部 読み方 第３部 情報発信＆共有 各部ごとに２人の著者それぞれが章を受けもってそれぞれ書かれている感じで、１冊の本なのですが、読書術を２人の視点から学べるお得な本となっております。 この本は次のような方におすすめできると思いました。 これから技術書を読み始める人 技術書を読んでいるがまだ数冊、読み方など考えたことがない 自己流でこれまで読んできているが他の人がどのように読んでいるのか知りたい この記事では「第２部 読み方」について特に印
茅崎あまね @4ninkawaii 読書感想文「私はこの主人公が嫌いだ」みたいなインパクトある始まり方して「そう、この主人公は私だったのだ…」みたいなクソオチ付ける技法でほぼ毎年賞取ってたので悩める小学生にオススメしたい 2023-08-24 13:00:02
カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか？ 角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見えて、不格好になってしまいます。 外側の角丸と内側の角丸を美しいバランスで実装する相対角丸のテクニックを紹介します。 まずは、ネストされた角丸を美しいバランスで実装したデモをご覧ください。 See the Pen Inner Radius Design Tip with CSS Custom Properties by coliss (@coliss) on CodePen. 外側の角丸と内側の角丸を美しいバランスで実装するポイントは、「外側の半径 = 内側の半径 + パディング」に設定することです。こうすることで、外側の角丸と内側の角丸の中心点が同じになり、美しいバランスになります。 ちなみに、
たまご @_futagotamago メイクデュエリストの皆さん、双子育児により独身時代に築き上げたデッキ丸ごと失ってしまい下地塗って眉描いてマスクつけてターンエンドみたいなショボいデュエルしかできなくなりつつある私にテクニックいらずかつ万単位で課金しなくてもレベルアップできるおすすめの化粧品って何かあります？ 2024-01-31 18:31:00 たまご @_futagotamago ここ最近の検索欄ずっとこんな感じ。詳しそうな方の呟きをストーカー並みに読み漁ってる。切実にアラサー用のメイクアップスターターキットほしい。お近くのドラッグストアの化粧品コーナーをほぼすっぴんの状態でウロウロと彷徨ってる人がいたらきっとそれは私です。 pic.twitter.com/v3Bu9xRfJe 2024-01-31 20:03:21
ノーベル物理学賞を受賞したこともある偉大な科学者であり、愉快な先生でもあるリチャード・ファインマン（1918 - 1988）が推奨した学習メソッドである「ファインマンテクニック (The Feynman Technique」というのがあります。 今回はこの、知ってるだけでなく、使えるものになる学習をしたいときに最強のファインマン学習メソッドについて紹介したいと思います。 ところでまず最初に断っておきたいのは、ここでいう学習とは本を読み流して何らかの概要を知っているとか、試験のために暗記したりするといったものではなありません。 学んだことを他の人に説明することができ、様々な状況でそれらを自由に活用することができるという意味においての学習です。 以下、要訳。 もし何かをほんとうの意味で学んだのであれば、それはあなたにとって残りの人生で使い続けることができる武器となります。そして、なにか新しいこ
「Go言語で楽しくなるシステム開発：基礎から実践テクニック」mattn × 渋川よしき | Forkwell Press | フォークウェルプレス
【ちょっと宣伝】上級エンジニア特化のキャリア支援サービスをはじめました！ 市場の変動がキャリアへの不確実性をもたらす昨今、これまで以上にエンジニアに寄り添いたいという想いから、上級エンジニア特化のキャリア支援サービスをはじめました。スポーツ選手のエージェントのようにエンジニアの立場で次のキャリアを提案いたします。一般的な転職エージェントのように募集中の案件を紹介するだけでなく、あなたの理想のキャリア実現に向けて、ニーズがありそうな企業へ交渉し、望ましい案件を創出する働きかけも行います。無料で利用できますので、お気軽にお申し込みください。
グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
概要 実務で使用されたSQLをまとめました。Oracle19cとOracle12cでの利用実績がありますが、他のデータベースまたバージョンでの検証は行っていません。 随時追加予定です。 Oracleデータベースメタデータ抽出 オブジェクトの定義や作成に使用されるSQL文を抽出 SELECT sqlarea.sql_id AS sql_id, parsing_schema_name, CASE WHEN length(sql_fulltext) > 10000 THEN to_clob('sql is too long') ELSE sql_fulltext END AS sql_fulltext, sql_bind_capture.name AS param_name, sql_bind_capture.value_string AS bind_value, last_active_tim
もっとも注目されたUIデザインのテクニックの総まとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 細いフォントは暗いカラーにする 2. 長いフォームは常にラベルを上部に配置する 3. ボタンのラベルは一貫性を保つ 4. 不要なテキストでフォームのUIを乱雑にしない 5. フォームはインタラクションの後、すぐにフィードバックを提供 6. 次のステップの情報を提供する 7. CTA用にカラーを1つ確保しておく 8.
当ブログの記事でも、JavaScriptで実装していたのがCSSで実装できるようになりました、と今までにいくつか紹介してきましたが、今回紹介するのはそれらとはかなり異なるCSSのかなり高度なテクニックです。 CSSでCPUのようにデータを継続的に解析し、状態を再評価します。簡単に言うと、スクリーンの高さや幅を取得したり、マウスの座標を取得したり、さらにはブロック崩しなどのゲームもCSSのみで実装できます。 もう私が知っているCSSをはるかに超えたCSSです。 Expert CSS: The CPU Hack br Jane Ori (@Jane0ri) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSのエキスパート: The CPU Hack 5つの観測可能性 The CPU Hackの始まり The CPU Hack 終
※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリをはじめ、バナー、カード、雑誌やカタログなどで、情報を分かりやすく整理し、的確に伝えるためにもっとも重要なことはレイアウトを工夫することです。 テキストや画像、図版などのさまざまな情報の要素をどのようにデザインして配置するか、レイアウトデザインのルールとテクニックを学べ、そしてアイデアも満載の解説書を紹介します。 本書は「Second Edition」とある通り、2017年に刊行された「知りたいレイアウトデザイン」の第2版になります。前書では紙媒体のレイアウトが中心でしたが、第2版では紙媒体だけでなく、Webサイトやスマホアプリやバナーなどデジタル媒体のレイアウトが数多く解説されています。実例の数はおよそ3倍と大幅増量（担当者様より）です。 本書は今週、発売されたばかり！
近年オープンワールドゲームの「窓の内側」は2D画像を立体的に見せている。『Marvel’s スパイダーマン』など採用例増える“だまし絵”風開発テクニック - AUTOMATON
ゲームにおける建物の窓の内部を、“3Dで構築せずに”立体的に表現できる手法が注目を集めている。『Marvel’s Spider-Man』など、近年のオープンワールドゲームでは採用例が増えているようだ。 Image Credit: Mat Bratko on YouTube 今回注目を集めているのは「fake interior」あるいは「interior mapping」などと呼ばれる手法だ。interior mappingは主に、ゲーム中の建物の窓などに用いられている。オープンワールドゲームなど、多数の建造物が登場するゲームにおいては、それらが備える窓も無数に存在。それぞれの窓の内側を描く、あるいは誤魔化す必要がある。窓の内側の空間を3Dで構築するとなると途方もない作業が必要になり、また描画する際の負荷も大きくなる。そのため2D画像をそのまま貼り付けたり、あるいはカーテンが閉まった画像を用
Stable Diffusionによる生成AIの基本から最新テクニックまで。グラビアカメラマンが教える、生成AIグラビア実践ワークショップ（第4回）参加者募集 | テクノエッジ TechnoEdge
テクノエッジ編集部では、生成AIグラビア実践ワークショップ第4回を開催します。講師は、人気連載「生成AIグラビアをグラビアカメラマンが作るとどうなる？」の著者である西川和久さんです。 高価なゲーミングPCがなくても自分で高速な画像生成ができるサービス「生成AI GO」を無料で使いながら、生成AIに関する知見とグラビアカメラマンとしての豊かな経験から得られた最新かつ実践的なテクニックを学べます。 なお、ワークショップ内で使用するプロンプトは、受講者向けにドキュメントとして公開し、その場でコピペするだけで画像生成を体験できる、非常に簡単な仕組み。生成した画像はその場で自分のパソコンに保存できます。 第4回は、1月23日、オンラインにて開催いたします。なお、今回お申し込みいただいた方は、第3回の動画アーカイブを視聴いただけます。 グラビアカメラマンが教える、生成AIグラビア実践ワークショップ 申
はじめに こんにちは、愛知でWEBエンジニアをしているkokuboと申します。 ここ最近の業務でコードレビューをすることが多くなり、人によって読みやすさの違いがあることや過去に自分で書いたコードが読みにくかったことから、良いコードとは何かを調べて見ました。 今回は「リーダブルコード」を元に良いコードとは何かを簡単紹介させていただきます。 この記事では難しい技術がいらないため、初心者や私と同じようにレビューを始めた方達の参考になれば幸いです。 概要 【この本での「良いコード」とは】 他の人(過去の自分も含む)が最短時間で理解ができるコードのこと 【メリット】 理解しやすい コードを読んだだけで、そのコードが何をしようとしているのかがすぐに理解できる メンテナンスしやすい バグの修正や機能の追加など、コードを変更する際に、その意図を把握しやすくなる チームで開発しやすい 複数の開発者が同じコー
別マ編集 金岡 @betsuma_kaneoka 別マ編集主任 担当（★：立ち上げ）→★突風とビート / ★ピュア恋ビギンズ / ★藤の舞袖 / ★君を忘れる恋がしたい / サクラ、サク。/★夜に聞かせて/★推しにガチ恋しちゃったら/★Re:blue Mee→★ラブヴァンプ/★月の燃えがら/★ライオンにあまがみ/★殺したいほど、アイしてる/★青春シンデレラ 別マ編集 金岡 @betsuma_kaneoka モノローグには種類がありますが、僕は2種に大別します。①ナレーション的モノローグ ②モノローグ（ポエム） この二つはどちらも必要ですが、“どちらかばかり”になる方が多いです。意図して使い分けると表現の幅広がります。作家さんへの説明用に書いたメモ貼ります。字が汚い&例が下手ですいません pic.twitter.com/yzgt0We1Ct 2023-09-28 22:47:06
異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。
ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。 サンプルを別ウインドウで開く コードを確認する 3Dを感じる理由 まず3Dをユーザーに感じさせる理由について考えてみます。紙面にしても画面にしても実態は2Dの平面世界です。画面の中で3Dを感じるのは、人間が2D的に描かれたものから奥行きを知覚する特性があるからです。たとえば、すぼまっていく2本の線があると線が平行であると認知し、奥行きを感じます。この現象を体系化したものが遠近法です。 より具体的な手法として透視図法があります。Three.jsを使った3D表現もこの透視図法によって描画されています。描画自体
margin: auto;は非常に便利なCSSで、使用することも多いと思います。 そのmargin: auto;の仕組みをおさらいし、最近の実装で使用される中央配置のテクニックを紹介します。また、ナビゲーションでタイトル以外のリンクを右寄せに配置させるなど、便利なテクニックが満載です。 All About 'margin: auto' in CSS: Centering and More by Ritika Agrawal 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 「auto」とはどういう意味ですか？ 「利用可能なスペースを占める」とはどういう意味ですか？ ブロックレベル要素でautoを使用する 絶対要素でautoを使用して中央配置 CSS GridとFlexboxでautoを使用して中央配置 Flexboxとa
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator
レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。 Fluid Type Scale Calculator Fluid Type Scale Calculator -GitHub Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorの使い方 Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorはclamp()関数を使用した流体フォントサイズのCSSを生成できるツールです。
徳丸氏が探る“認証”の今――サイバー攻撃の認証突破テクニック、フィッシング、そして対抗策とは：ITmedia Security Week 2023 冬 2023年11月28日、アイティメディアが主催するセミナー「ITmedia Security Week 2023 冬」の「多要素認証から始めるID管理・統制」ゾーンで、イー・ガーディアングループCISO（最高情報セキュリティ責任者）兼 EGセキュアソリューションズ 取締役 CTO（最高技術責任者）の徳丸浩氏が「認証の常識が変わる――認証強化の落とし穴と今必要な施策」と題して講演した。「認証」をキーワードとし、これまでパスワードに頼り切りだった古典的な手法による認証システムが攻撃される中、新たな技術でどこまで人と情報を守れるのか。認証の現状と今必要な対策を語るセッションだ。本稿では、講演内容を要約する。
攻性防壁というテクニックがあって、相手がハゲに言及しそうになったら、相手よりも先に 「ハゲてる！ハゲてる！ハゲてる！」と先手を打って言ってしまい、攻撃的な姿勢を示すことによって、 相手の動きを封じる技である
はじめに この記事はニジボックスQiita記事投稿リレーの2日目の記事です🌈 TypeScript（Reactなし）のフロントエンド実務現場で1年半ほど業務してきたうえで、頻繁に使うTypeScriptのテクニック（tipsレベルですが）をまとめていきます。タイトルはちょい盛りです。 手続き型でDOMを直接ゴリゴリいじくるイベント駆動のスタイルで、いわゆるモダンフロントな現場ではないという点、あらかじめご承知おきください。 1. 自分で定義した型に型ガードする 1-1. ユーザー定義型ガードについて TypeScriptではtypeof、instanceof、inなどの演算子を用いて変数を型ガードできますが、これらの演算子では自分で定義した型へは型ガードすることができません。 type Hoge = "hoge" | "fuga"; const attr = document.query
【動画あり】引っ越し荷づくり、プロに聞いた梱包テクニック！ 食器・液体調味料・服など。ダンボールの正しい使い方も伝授｜引越し見積もり･比較【SUUMO】
使いやすいものを揃えると梱包の効率がアップ ダンボール引越しの準備をする際に欠かせない梱包資材がダンボールです。家族の人数や持ち物の量によって必要なダンボールの数は異なりますが、足りなくなると困るので、事前におおよその数をイメージしておきましょう。 今回ノウハウを伝授してくれたアート引越センターによると、引越しに必要なダンボール量の目安は下記のとおり。 一人暮らし 10～20枚 二人暮らし 30～40枚 三人暮らし 40～60枚 四人暮らし 60～90枚 ただこれはあくまで目安とのこと。 引っ越し会社に頼むと、訪問見積もりの際、荷物の分量を見極めたうえで適切な量のダンボールを渡してくれます。 自分で用意する場合は、インターネット上に格安でダンボールを販売しているサイトがあるので、事前に購入しておくとよいでしょう。 ちなみに古いダンボールは強度が落ちているので止めておいた方が無難。新しいもの
本連載では、Webブラウザー上でJavaScriptとともに動作できるバイナリ形式のプログラムファイル「WebAssembly」を、Rustプログラミング言語で実装する方法を説明していきます。前回はRust/WebAssemblyとJavaScriptとのデータ交換について説明しました。今回は、ログ出力とファイルサイズ縮小の方法、および、成果物をパッケージにして世界に公開する方法を説明していきます。 はじめに 本連載では、Webフロントエンド開発において注目されているバイナリ形式のプログラムファイルWebAssemblyを、Rustで実装して活用する方法を説明しています。 より本格的にプログラムを開発するには、正しく動作させるまでにデバッグを行う必要があります。本記事ではデバッグ時に利用できるログ出力について説明します。また、アプリの読み込み速度をより速くできる、ファイルサイズ縮小方法につ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パワポ資料で「つい、やってしまう失敗」から学ぶ！ガチ改善テクニック14選
あなたが教わってるそのCSSテクニックはもう古い ｜ TAKLOG
「Gmail」の不要メールを大掃除！ Googleのストレージを取り戻すテクニックが話題に／GB単位で空きストレージを増やせるかも【やじうまの杜】
悪質ホストの"研修教材"入手、女性を沼らせ「売掛」吊り上げる恐るべきテクニックとは？ - 弁護士ドットコムニュース
シナリオライター講師DK氏が教える「低文章体力」での文章生成テクニック 榊一郎先生の「文章力は筋トレ」の話も
リーダブルSQL[より良いSQLを書くためのシンプルで実践的なテクニック] - Qiita
2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
『技術書の読書術』を読んで覚えておきたいテクニック - Qiita
読書感想文、とあるテクニックを使ってほぼ毎年賞を獲っていた「悩める小学生にオススメしたい」
CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装
メイクデュエリストのみなさん、テクニックいらずでレベルアップできるコスメを教えて！→愛用のアイテム、デッキ構成が集まる
人生を変える最強学習メソッド、ファインマン・テクニック - Qiita
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
実務に役立つSQLのテクニック集 - Qiita
PowerPointで文字がどうしても微妙にずれてしまう！ 実は解決方法は簡単【残業を減らす！Officeテクニック】
CSSはこんなにも進化していたのか！ CSSのかなり高度なテクニック -Expert CSS: The CPU Hack
情報整理から視線誘導まで、レイアウトに関するテクニックがこれでよく分かるデザイン書 -知りたいレイアウトデザイン
「誰にもできる」より良いコードを書くためのテクニック - Qiita
少女漫画ではヒーロー役の心の声は書かないのが鉄則？編集者と漫画家が明かす「モノローグ」のテクニック
CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
Excelで作った訪問先リストを「Google マップ」で表示する方法 ～仕事や旅行で活躍！【残業を減らす！Officeテクニック】
頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA
CSSのmargin: auto;の仕組みをおさらい、最近の実装で使用される中央配置やナビゲーションのテクニック
徳丸氏が探る“認証”の今――サイバー攻撃の認証突破テクニック、フィッシング、そして対抗策とは
攻性防壁というテクニックがあって、相手がハゲに言及しそうになったら、..
【TypeScript】超実践的テクニック集【Reactなし】 - Qiita
Rust/WebAssemblyのトラブルに効くデバッグ＆高速化テクニック