みなさんこんにちは。 資料デザインのリサーチや分析に取り組むパワーポイントのスペシャリスト、パワポ研です。 いつも企業が出しているパワーポイントの分析結果などを紹介しているのですが、本日は良いパワーポイントが見れる場所とその理由を紹介します。 どこで見れるのかずばり、経産省のHPです。以下のURLより「委託調査報告書」を確認ください。ご存じの方も多いかもしれませんね。 トップはこんなページになっています。 トップ的なページこの中で、例えば「令和4年度分の掲載一覧（PDF形式：48KB）」を押してみましょう。 令和4年度分の掲載一覧こんな感じのリストがずらっと並べます。エクセルでも同じようなものがダウンロードできます。正直見づらいですが、このリンクの一つ一つが調査報告書になっています。 何ですごいのか数と質です。 数のすごさ 数については、パワーポイント形式以外（ワード）の報告書もかなり混じ
NASA、宇宙から持ち帰ったサンプル入り箱のフタが開かない
NASA、宇宙から持ち帰ったサンプル入り箱のフタが開かない2023.10.24 23:00506,992 Passant Rabie - Gizmodo US ［原文］ （ そうこ ） 宇宙探査機オサイレス・レックスが、小惑星ベンヌのサンプルを回収。サンプル入りカプセルを地球に投下したのが9月。カプセルは無事回収され、その画像も公開されていました。すべて順調と思われていたミッションですが…。 なんと開かないんですって、カプセルのフタが。 くっ、開かない！打ち上げも飛行もサンプル採取もカプセル回収もうまくいったのに、開きません。カプセルのフタが開きません。中には、大事なだいじな小惑星のサンプルが入っているというのに！ NASAのブログによれば、カプセル開封のため試行錯誤はしてみたものの、フタの留め具35個のうち2つがどうしても取り外せないそう。 地球外サンプルなので、力自慢がこじ開けたり、包
ChatGPT を継続して見つめ続けて。Plugin Ecosystem と Code Interpreter の Beta提供によって、自分の仕事への適用のシナリオが更に広がりました。 人とComputerの在り方が大きく変わったこれらも交えて。それらが周囲にあふれ出すその日のために、今はしっかりと Prompt の仕方を学んでおきたいものです。そのためのサンプルも幾つか継続して提示しています。
政治社会 たぬかなさん「フェミに不美人が多い理由」 まんこ割チケットが使えない、まんこ二毛作の背景について語る 2023年10月12日 2023年10月13日 身長が170cmない男性は人権が無いーーー発言で大炎上した「たぬかな」さん(30)。プロゲーマーチームから契約解除されメディアから消えていくのでは、とされていたが、現在は「弱者男性の女王(または女神)」として大人気だ。 もともと固定ファンが多くいて、動画配信「Twitch」を約1年ぶりに今年1月20日に再開。人気に火が付き、雑誌のグラビア登場や7月には新たなゲーミングチーム「NOEZ FOXX」への所属が発表された。配信はいわゆる弱者男性に向けたものが多く、現在は女性フェミニストについて語った内容が話題になっている。 「穴モテ」モテた事は変わらない 「まんこ割チケット」、たぬかなさんがよく口にするワード。女に生まれたことで恩恵を受け
「AIグラビア・AI美女を簡単に生成したい」 「量産型であるAI顔の画像は作りたくない」 「BRAV5をよく使っている」 このような場合には、BRAV6がオススメです。 この記事ではBRAV6について解説しています。 本記事の内容 BRAV6とは？BRAV6の利用方法BRAV6の動作確認 それでは、上記に沿って解説していきます。 BRAV6とは？ BRAV6が、2023年7月7日にリリースされました。 BRAV6とは、BRAのバージョン6（V6）です。 BRAは、Beautiful Realistic Asiansの略称になります。 BRAV6を使うと、次のような美女（AI美女）の画像を簡単に生成できます。 サンプルは、モデル開発者のTwitterから確認できます。 https://twitter.com/PleaseBanKai このBRAシリーズは、今ではかなり有名なモデルになっていま
2023年もCSSとUIの進化がすごいです！ 先日開催されたGoogle I/O 2023から、各ブラウザにサポートされたモダンCSSの新機能をはじめ、まもなくサポートされる機能まで、CSSの新しい機能を紹介します。 コンテナクエリ、スタイルクエリ、ダイナミックビューポート単位、カスケードレイヤー、ネスト、三角関数、広色域のカラースペースなど、これからのWebサイトやスマホアプリのUI制作に役立ちます。 What's new in CSS and UI: I/O 2023 Edition by Una Kravets, Bramus, Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに モダンCSSの新しいレスポンシブ モダンCSSの基礎機能の強化 カスタマイズ可能なコンポーネント CSSによるインタラクション 終わり
見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
ウェブ制作においてボタン風の見た目はよく作成するものの、ネットには新旧さまざまな記法で紹介されているため、参照しづらいケースもあると課題を感じていました。 そこで、2023年において「シンプルで手軽に使いやすいボタン」というテーマで、11種類のHTML・CSSのボタンデザインを紹介します。 この記事で紹介するボタン aタグやbuttonタグのどちらでも利用可能 JavaScriptを用いずHTMLとCSSだけで作成 コピペしやすい 各ボタン設計時に心掛けたポイントを終盤にコラムとしてまとめています。この記事のデモはオリジナルで、GitHubにてMITライセンスとして公開しています。ぜひご活用ください。 ※デモのホバー演出は、ホバーが有効なデバイスでのみ確認可能です。詳しくはコラムで紹介します。 アウトラインのボタン（枠線をグラデーションで再現する） サンプルを別ウインドウで開く ソースコー
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。
これはすごい便利！ HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。
CSSでスムーズなアニメーションを実現する4つの新しい機能
今年もCSSの進化が止まりません！ 先日紹介した表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今まではJavaScriptや複雑なCSSを使用しないと実装できなかった、スムーズなアニメーションを実現するCSSの4つの新しい機能を紹介します。 Four new CSS features for smooth entry and exit animations by Una Kravets, Joey Arhar 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに displayをキーフレームでアニメーションさせる 個別プロパティのトランジションを可能にする 最上位レイヤーとの間で要素をア
ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。 サンプルを別ウインドウで開く コードを確認する 3Dを感じる理由 まず3Dをユーザーに感じさせる理由について考えてみます。紙面にしても画面にしても実態は2Dの平面世界です。画面の中で3Dを感じるのは、人間が2D的に描かれたものから奥行きを知覚する特性があるからです。たとえば、すぼまっていく2本の線があると線が平行であると認知し、奥行きを感じます。この現象を体系化したものが遠近法です。 より具体的な手法として透視図法があります。Three.jsを使った3D表現もこの透視図法によって描画されています。描画自体
最近のCSSは進化が早く、またブラウザはエバーグリーン（自動で最新版にアップデートするブラウザ）になり月一ペースでアップデートされ、モダンCSSの機能もたくさんサポートされました。 CSSの新機能をはじめ、ブラウザのサポートが充実した機能を紹介します。2024年はこれらのモダンCSSを使用する機会が増えますね。 :has()疑似クラスがすべてのブラウザにサポートされました CSSのコンテナクエリ CSSのスタイルクエリ CSSのネスト CSSの@scopeはセレクタの適用範囲を設定できる CSSで三角関数が使用できるようになった スクロールをトリガーにしたアニメーションの実装が大きく変わる 今までは面倒だったことが簡単に実装できるようになった新機能 知っておくと便利なCSSの知識とテクニック HTML関連も少しだけ :has()疑似クラスがすべてのブラウザにサポートされました まずは、:h
【永久保存版】知らないと損をする、悩まない配色えらび講座
あなたは、自分のアイデアや考えを誰かに伝えたいとしましょう。 文字をベースにしたコンテンツはもちろん重要ですが、イラストやチャート図、グラフ、アニメーションGIFなどの画像を作成することで、読者の注意を引き、記事やレポートをより充実させることができます。 成功のカギはずばり、色彩理論を知ることで、コンテンツを際立たせるのに役立ちます。 しかしそうは言っても、あなたもこんな風に悩んだことがあるはず。 「魅力的でかっこいいデザインをする方法がよく分らない。」 「私、クリエイティブじゃないし、。」 私は、”売れるデザインとは？”という究極の悩みを考え続け、このサイトで公開する記事用のビジュアルを作成する日々を、１５年ちかく送ってきました。 ちょっとした配色の違いで、アクセス数が２倍、３倍に変わったことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、配色で
Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s
きっかけは、あるテレビ番組のなかで、 羽生結弦さんが『MOTHER2』のファンだと おっしゃっていたこと。 そこからこの夢のような対談が実現しました。 「夢のような」というのは、 ありふれた決まり文句じゃなくて、 思い返してみるとほんとにそう感じるんです。 仙台にあるスタジオで、昨年の12月、 ふたりは約２時間、たっぷり話しました。 それをこうしてお届けできることを、 とてもうれしく思います。 ＞羽生結弦さん プロフィール 1994年生まれ。宮城県出身。 ４歳からスケートをはじめ、 14歳で世界ジュニア選手権チャンピオンに。 その後、グランプリファイナル４連覇、 全日本選手権４連覇を達成。 そしてソチオリンピック、平昌オリンピックにおいて ２大会連続で金メダルを獲得。 2022年７月にプロのフィギュアスケーターに転向。 現在は自身が主演するアイスショーの プロデュースに専念している。 少年
CSS Loaders: A collection of more than 600 loading animations
The Biggest Collection of Loading Animations Over 600+ CSS-only loaders made using a single element <div class="loader"></div> Don't know which loader to use? Here is one for you 👇 Click the loader to copy the CSS Get another CSS Loader
Webアプリを個人開発した時に使用した便利なJavaScriptのライブラリを5つ紹介する - Qiita
はじめに 個人でWebアプリを開発した際に使用したJavaScriptの便利なライブラリを紹介します。 HTML/CSS/JavaScriptの知識があれば公式サイト見たり、ググったりすれば移植できます！ 目次 1.グラフを書きたい！=Chart.js 2.並び替えができる表を作成したい！=List.js 3.画像を自動再生するスライドショーを作りたい!＝VEGAS2 4.モーダルで画像を表示したい!=Lightbox 5.カンバンボードを作成したい！=Muuri 6.最後に グラフを書きたい！=Chart.js Chart.js は棒グラフ、折れ線グラフ、円グラフなどを簡単に画面に表示できるようになるライブラリです。 公式サイト デモ 以下のようなグラフを表示できます。 棒グラフ 折れ線グラフ レーダーチャート サンプルコード 円グラフを表示するコードです。 See the Pen Un
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【極上パワポの宝庫】経産省の委託調査報告書には、なぜ日本で一番きれいなパワポが集まるのか｜パワポ研
ChatGPT で自分の仕事がどう楽しくなるのかを考えるネタ集
たぬかなさん「フェミに不美人が多い理由」 まんこ割チケットが使えない、まんこ二毛作の背景について語る NNJニュース
【Stable Diffusion】BRAV6によるAIグラビア・AI美女生成
面倒な「ダミーデータ作成」をChatGPTに任せる〜Code Interpreterの限界までリアリティを追求した作業の記録【イニシャルB】
これでよく分かる！ 2023年、モダンCSSとUIの新しい機能のまとめ
HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
シンプルで使いやすいHTML・CSSボタンデザイン集11選 - ICS MEDIA
頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA
最近のCSSは進化が早い！ モダンCSSの新機能、ブラウザのサポートが充実した機能のまとめ
第１回 憧れに近づいていく作業 | いつ世界が終わっても。 | 羽生結弦 | ほぼ日刊イトイ新聞