タイムラインを見ていると「flexとgridの使い分けがよく分からないよ」という人が多く散見されるので、今回は僕が普段意識していることを皆さんに紹介します。 これから紹介することはあくまで僕のやり方で、絶対的な正解とかではないので参考程度に留めておいてください。実装において頻出するレイアウトをサンプルに、どのように考えてレイアウトを組んでいけばよいかを自分なりに説明できたらなと思います。 はじめに僕がレイアウトを組む上で大事にしていること、および意識していること。それは、レイアウトに変化が起こった際に崩れが生じないことはもちろん、将来的な変更に対して柔軟に対応できることです。 極論を言ってしまえばgridは使わなくても大抵のレイアウトは組めてしまいます。Internet Explorerに苦しめられていたあの頃を思い出してみてください。現在でもgridは難解だからflexだけ使用するって方
初代『ポケモン』RTA世界新記録に不正発覚し、取り消される。録画・切り貼りで作られた偽記録を検証班が追う - AUTOMATON
ゲームボーイ向けに発売された初代『ポケットモンスター』（以下、ポケモン）のスピードランについて、とある走者が昨年末に「Any％ Glitchless」カテゴリーで世界記録を樹立した。しかしその記録について精査がおこなわれたところ、不正行為による記録だとされ、リーダーボードから記録が取り消された。 Image Credit: the Pokémon Speedruns Moderation Team on Google Document Speedrun（スピードラン）とは、日本ではRTA（リアルタイムアタック）とも呼ばれる、ゲームクリアなどの目標を達成するまでの時間を競う競技だ。スピードランの対象であるゲームのレギュレーション、世界記録ランキングなどはSpeedrun.comなどの集計サイトで確認することができる。 今回、不正行為がおこなわれたとされるレギュレーションは初代『ポケモン』の「
2023年は Vue.js および Nuxt のアップデートがとっても活発な一年でした。 これだけ多くの、そして多様な進展があると、1年を振り返っておかないと何があったか忘れてしまいそうです。 というわけで Nuxt, Vue.js, Vite 関連の情報をピックアップして🏃♂駆け足で振り返ってみます。 （数が多かったので、おもに公式周辺のアカウントから告知されたものが中心です。漏れがあったらすみません。教えていただければ追加します） 🗓2023年1月 2022年の春先に正式に Vue.js 3 がデフォルトのバージョンとなり、2022年11月に Nuxt 3.0 がリリースされました。 年が明けて2023年1月の主だった情報です。 🔼Nuxt 関連 2023年1月17日に公開された Daniel Roe @danielcroe氏による公式ブログ記事 Nuxt: A vision
私も年を取ったと感じるのは、今年Reactが10年目を迎えたからです。 混乱していた開発コミュニティにReactが初めて紹介されてから10年、以来いくつもの進化を遂げてきました。Reactチームは、急進的な改革ということに関しては躊躇しませんでした。問題に対して、より良い解決策が見つかれば、それを実行してきました。 数か月前、Reactチームは最新のパラダイム・シフトであるReact Server Componentsを発表しました。史上初めて、Reactコンポーネントがサーバーでのみ実行できるようになったのです。 このことに関連してオンライン上では、きわめて大きな混乱が起きています。それが何なのか、どのように機能するのか、利点は何か、そしてSSR（Server Side Rendering）などとどのように連携するのか、多くの人が多くの疑問を抱いています。 私はReact Server
ソフトウェア開発の世界は日々進化していますね。その中で、私たち開発者が使うツールは、まさに職人の道具のように大切なもの。常により良い方法を探し求めているのは、皆さん同じではないでしょうか。 そんな私たちの前に現れたのが、Zedです。このエディタ、一見するとただの新顔に思えるかもしれません。でも、その中身は、私のようなVimmerの心をしっかりと掴みました。なぜならZedは、Vimの精神や操作感を大切にしながら、現代のテクノロジーを駆使して作られているからです。 私は1年ほど前からZedを使い始め、すぐにルックやデザイン、全ての動作が期待通りかつ、速く完了する様子に魅了され、使い続けています。 筆者のZedのキャプチャ 機能的にはVSCodeが優れているし、AI Code EditorのCursorも盛り上がっていますが、もっと速く、たくさんコードを書きたい開発者の方にはZedという選択肢が
お部屋で増え続けるぬいぐるみの収納場所に悩んでおられる方は「ハンモック」を使うのはいかがでしょう？ 今や、石膏ボード用のフックで固定する、賃貸物件でも使用可能な商品が続々登場しています。整理整頓のためにも、おしゃれなレイアウトを実現させるためにも、空間のスペースを有効活用してみましょう。 著者：JUNERAY オモコロやデイリーポータルZなど、幅広いメディアで活動中のライター、フリーバーテンダー、フラワーデザイナー。前職がフローリストとバーテンダーであり、酒と花についての記事を多く執筆する。 Twitter：@_June_ray ブログ：JUNERAY 突然ですが、我が家のかわいいゾーンをご覧ください。 ぬいぐるみ収納ハンモックです。 ぬいぐるみ収納 ハンモック 楽天で見る 筆者には、水族館や動物園に行くたびに、いきもののぬいぐるみを買ってしまう癖があるのですが、増え過ぎてベッドを圧迫し人
長篇アニメーション映画『哀しみのベラドンナ』の失われた美術原画を復元し、アート作品として甦らせたい | MOTION GALLERY
1973年に劇場公開された虫プロ最後の長編アニメーション映画『哀しみのベラドンナ』の失われた美術原画を原画作者の監修のもとに復元、アート作品として甦らせます。クラファン第一弾で原画復元、第二弾で豪華画集制作を目指します。 この作品について 『哀しみのベラドンナ』原画復元計画の竹熊です。 今から半世紀前、1973年に公開された虫プロダクション製作の劇場長篇アニメーション『哀しみのベラドンナ』（山本暎一監督）は、中世ヨーロッパを舞台に、魔女狩りの嵐に翻弄される若い娘（ジャンヌ）の愛と悲劇を描いたシリアスな作品です。同時に、作品全体をエロスとバイオレンス・サイケデリック映像が覆い尽くした、大人向きのアニメーションでもあります。 この映画の最大の特徴は、アニメーションであるにもかかわらず、全体の7割を画家・深井国が描く美術（静止画）が占めるという、アニメ史上にまれな制作手法にあります。 深井の絵は
架空のおじさん新聞と「普通」の生成
架空のおじさん新聞と「普通」の生成 by kogu 2023年12月6日 生成AIの出力画像を元にCGで作った新聞っぽいフェイク画像をXに投稿したところ、想像以上の反響がありました。気軽な実験のつもりで説明も雑過ぎたため、伝わりにくかったり誤解されたりした部分もあるようです。どのように、なぜ作ったのか補足します。 AIで生成したおじさん使って適当な偽新聞のCGを作ったらとても危険な感じだった。文章だけでも危ないのに画像が入ると更に悪く、新聞っていう実績ある様式でもっと悪化する。 pic.twitter.com/ixKODQwxX5 — kogu (@koguGameDev) December 3, 2023 どのように作ったか 今回のフェイク新聞、作り方はかなり手抜きです。こうした制作に慣れている方なら30分もかからないでしょう。今はまだ多少専門性を求められますが、1年もすると「頑張れば誰
知っておくと便利なCSSの単位: フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。 CSSはそれら以外にもたくさんの単位が使用できます。フォントに基づく相対単位（em, rem, cap, ch, ex, ic, lhなど）の便利な使い方を紹介します。 Relative length units based on font -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: capとは CSSの単位: chとは CSSの単位: emとは CSSの単位: exとは CSSの単位: icとは CSSの単位: lhとは CSSの単位: remとrlhとは CSSの単位: rex, rch, ricとは はじめに
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
複数のLLM（GPT/Claude3）とArxivの検索APIをRAGで統合し、論文サーベイの自動生成を作りました。検索結果の前処理や、サーベイ特有のプロンプトエンジニアリングやソートが重要で、最適化手法として古くからある巡回セールスマン問題（TSP）が有効に機能しました。また、生成部分ではGPTよりClaude3の明確な有効性を確認できました。 できたもの Arxivの検索APIを使って検索拡張生成（RAG）したらサーベイを自動生成できた やっていること Arxivの検索ワードをGPT-4-Turboで生成 ArxivのAPIを叩いてヒューリスティックでフィルタリング OpenAIのEmbedding APIを叩く Embeddingに対して巡回セールスマン問題（TSP）を解いてソートをかける 論文の要旨をGPT-3.5-Turboで要約 ソートした要約結果をClaude3 Sonnet
オリジナル冊子をつくる：文芸誌編
オリジナル冊子をつくる：文芸誌編 趣味で文芸誌や評論誌などを作る方で、より本文のレイアウトにこだわったり、タイトルロゴにこだわりたいという方も多くいらっしゃるかと思います。そんなときにおすすめなのが、デザインのプロも冊子制作に使う「Adobe InDesign CC」と「Adobe Illustrator CC」の活用です。 アドビではInDesignを初めて使う方向けに基本的なレイアウトの方法とコツをご紹介する冊子や、Illustratorでフォントをカスタマイズしてオリジナルロゴを作るチュートリアルをご用意しています。こだわりの冊子づくりを行いたい方はぜひお役立てください。 ■InDesignで冊子全体のレイアウトを行う方法とコツ PDFのダウンロードはこちら→InDesignで始める冊子づくりのヒント＜文芸誌＞ 画像をたくさん配置する場合はこちらもご覧ください→InDesignで始め
やさかはちる氏が主宰者となり、制作した合同誌。表紙のデザインから本の体裁、紙質まで、とにかくすべてにこだわった力作。市販されている雑誌のようである。 ■ファンが集まり合同誌を制作！ コミックマーケットなどの同人誌即売会は、紙媒体の魅力を存分に感じられる場でもある。特に、同人誌が誕生したころから普遍的な人気がある「合同誌」は、電子書籍が全盛になっても盛んに制作され、衰える気配がない。同じ志や趣味をもつ者同士が集まり、一冊の本を作り上げる楽しみは何物にも代えがたいためだろう。『キラッとプリ☆チャン』の合同誌を制作したやさかはちる氏に、その魅力を聞いた。 ――やさかはちるさんは『キラッとプリ☆チャン』に登場する“虹ノ咲だいあ”のぬいぐるみ、通称“だいあぱん”のファン同士で合同誌を制作したそうですね。キャラクターの、しかもぬいぐるみのファンが集まるとは…… かなりマニアックな取り組みだと思いますが
鈴木たかのり（@takanory）です。今月の「Python Monthly Topics」では、Python製の静的サイトジェネレーターSphinxを使用してWebサイトを構築し、テーマを適用、外部へ公開する流れについて紹介します。後半ではSphinxの便利な拡張機能を紹介し、Webサイトをより便利にしていきます。 Markdownでドキュメントを書くだけで、きれいなWebサイトが簡単に公開できるので、ライブラリのドキュメントなどでもよく使われています。 Sphinxとは SphinxはPython製の静的サイトジェネレーターです。静的サイトジェネレーターとは、Markdown等の軽量マークアップのテキストファイルから、静的なWebサイトを生成するアプリケーションのことを言います。Python製の静的サイトジェネレーターにはSphinxを含め以下のツールなどがあります。 Sphinx：h
リビングやキッチン、洗面所、脱衣所をはじめ、家の中のあらゆる場所で大活躍する、無印良品の収納グッズをご紹介します。ポリプロピレンファイルボックスや洗面用具ケース、ワイヤーバスケット、PPストッカーなど、人気商品の活用例も併せてお伝えします。 数々の名品がそろう無印良品でも、とりわけファンが多いのが「収納グッズ」。シンプルで空間になじみやすいデザインと、かゆい所に手が届く使い勝手の良さが魅力です。そんな無印良品の収納グッズの中から、愛用者がおすすめする品々を紹介します。 散らばるCDやDVDを華麗に収納。ポリプロピレンファイルボックス 遠征アイテムをこれ一つに。洗面用具ケース 「見せるキッチン収納」にぴったり。パイン材ユニットシェルフ 脱衣所収納の最適解？ ワイヤーバスケット＆PPストッカー ワイヤーバスケット PPストッカー 【番外編】レイアウト変更も楽々。収納ケース用キャスター あらゆる
著者：ぴか 自分の部屋をこよなく愛する社会人6年目。おやつとお茶とごはんと食器とインテリアが好き。許されるならずっと家にいたいです。 SNS：@soup_suki ブログ：持続可能な生活 一人暮らしを始めたときからずっと感じているのですが、賃貸物件って収納スペースが全く足りなくないですか？ 特に脱いだコートをかける場所や外したアクセサリーなど小物の置き場所、寝る前にスマホを置いておく場所など、ちょっとしたモノの置き場所を作るのが意外と難しい。 それぞれハンガーラックや棚、ベッドサイドテーブルなどを用意すれば解決するのですが、ただでさえ限られた部屋のスペース。あまり家具も増やしたくないし……。 そんなことを考えていた時に出会ったのが「ドローアライン」というおしゃれ突っ張り棒でした。 ドローアライン テンションロッドC ホワイト 楽天で見る Amazonで見る 使い方はいたってシンプルで、天井
「ゆるキャン△」のイメージビジュアルそのまま？ 工事の看板イラストが登場キャラにしか見えない 工事担当者「狙いました」
「ゆるキャン△SEASON2」のイメージビジュアルの舞台になった渚橋（静岡県浜松市）の修繕工事が予定されています。その工事をお知らせする看板に描かれているイラストが、どこかで見たことがあるような2人の女の子だとファンを中心に話題となりました。 渚橋の工事のお知らせにピンとくるなにかが（画像協力：リューイマさん） 看板があるのは弁天島駅が最寄りで渚園キャンプ場へとアクセスする浜名湖にかかる渚橋。経年劣化した防護柵を交換する工事が始まる前に、近隣住民や利用者に施工内容を知らせています。その看板には施工前と施工後のイメージイラストが描かれているのですが、施工前には女子高生らしき2人が駅方面へと渡っていく姿が、施工後には逆方向からキャンプ場方面へと向かっていく少し大人な2人の女性が描かれています。顔はよくわからないのですが、施工前のイラストはどう見ても「ゆるキャン△SEASON2」のイメージビジュ
日本のアニメを発信する新拠点「アニメ東京ステーション」が池袋にオープン、期間限定企画は『NARUTO』 - デザイン情報サイト[JDN]
東京・池袋に、日本のアニメを発信する新拠点「アニメ東京ステーション」が10月31日にオープンした。同施設は、世界中から訪れる旅行者や専門家、子どもから大人までが集い、過去の名作や最新の人気作品に出会うアニメの世界への出発点として、多くの人たちに楽しんでもらうことを目指している。 同施設のフロアは3つに分かれており、1階は「アニメ総合情報フロア」、2階は「企画展フロア」、地下1階は「アニメ専門のアーカイブフロア」となっている。 1階では、懐かしい作品から最新の人気アニメまで、計118作品のアニメのキャラクターや名シーンで構成されたシンボルディスプレイが設置されている。常設展示は、過去から現在のアニメを検索できる日本アニメの総合データベース「アニメ大全」が設置されており、アニメ作品をモチーフとしたカプセルトイが購入可能。今後は各種イベント・ワークショップ・上映会などもおこなうフロアとなる予定だ
![日本のアニメを発信する新拠点「アニメ東京ステーション」が池袋にオープン、期間限定企画は『NARUTO』 - デザイン情報サイト[JDN]](https://cdn-ak-scissors.b.st-hatena.com/image/square/92aced745236652caf1277ddd571e5dc1e73fdb0/height=288;version=1;width=512/https%3A%2F%2Fwww.japandesign.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2023%2F11%2F77c180b34b8a12962b9a297fcc9d0280.jpg)
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、メディアクエリに代わり、コンテナクエリを使用する機会も増えてきたと思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリを使えるようになると、どんな風に便利になるかを紹介します。 Add Superpowers to Your CSS Variables with Style Queries by Jared White 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スタイルクエリを使えるようになると スタイルクエリは変数と組み合わせると、さらに強力 スタイルクエリを使えるようになると CSSはスタイルクエリの登場により、さらなる
ドラッグで大根をすりおろす。 2つのボタンでトッピング。 皿をドラッグして提供。 ※画面サイズを拡大・縮小しているとレイアウトが崩れます。
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。 Tailwind CSSの便利UIコンポーネントまとめTailwind UIMagic UIDyna UIAnimataPrelineMamba UIFlowbiteDaisy UISailboat UIMeraki UITail-KitReact AriaWicked BlocksTailwind Starter KitWindstaticMyna UITailwind StampHype
ユーザーローカルは12月13日、プレゼンテーション資料（.pptx）をAIで自動生成する「パワポ生成AI」の無償提供を始めた。フォーム内にメモを入力するだけで、企画書や講義資料などをPowerPoint（パワポ）形式で自動生成・ダウンロードできる。 「企画書・提案書」「新商品の紹介」「講義資料」などからテンプレートを選び、内容に合わせてテキストを編集した後、「パワポファイルをダウンロードする」ボタンを押せば、すぐにパワポ資料が作成される。 キーワードをいくつか入力するだけで、生成AIがあらすじを考える「アウトライン自動生成」機能も搭載。同社独自のAIで、関連しそうな単語をサジェストし、資料に盛り込みたい単語を追加選択すると、ChatGPTと連携してアウトラインを自動生成する。 作成した資料内にイメージ画像を自動的に挿入する機能を備えた。今後、内容に沿った画像素材をAIで自動作成する機能も提
こんにちは。サービス開発室の武田です。このエントリは、2018年から毎年公開しているAWS全サービスまとめの2024年版です。 こんにちは。サービス開発室の武田です。 このエントリは、2018年から毎年公開している AWS全サービスまとめの2024年版 です。昨年までのものは次のリンクからたどってください。 AWSにはたくさんのサービスがありますが、「結局このサービスってなんなの？」という疑問を自分なりに理解するためにまとめました。 今回もマネジメントコンソールを開き、「サービス」の一覧をもとに一覧化しました。そのため、プレビュー版など一覧に載っていないサービスは含まれていません。また2023年にまとめたもののアップデート版ということで、新しくカテゴリに追加されたサービスには[New]、文章を更新したものには[Update]を付けました。ちなみにサービス数は 247個 です。 まとめるにあ
なぜ、印刷会社に送った入稿データを見たくなったのか？ 月刊アスキーの創刊号（1977年7月号）から1982年12月号までの内容がオンライン閲覧可能になったと前回お伝えしたわけだが、月刊アスキーのバックナンバーといえば、もう1つ、書いておきたいことがそのままになっていた。すでに1年半も前のことなのだが、月刊アスキーの入稿データを読み出すことをやったのだ。 入稿データというのは、雑誌の1ページずつ文字や図版のレイアウトをした、印刷会社に持ち込むDTP（デスクトップ・パブリッシング）データのこと。1990年代まで、本や雑誌のデザインといえば、手作業で印刷されるイメージを作ることが行われていた（いわゆる版下）。それが、コンピュータの画面の中でデザインできるようになったのがDTPである（注1）。月刊アスキー編集部では、入稿データを、毎号MO（長期間保存が可能な磁気メディア）にコピーして保存していたの
「ゲームセンター」倒産・廃業、2年連続増 100円売上で利益「6円」、コスト増で利益少なく（帝国データバンク） - Yahoo!ニュース
「街のゲーセン」が姿を消している。アミューズメント施設「ゲームセンター」の倒産や休廃業などが、2023年度には計18件発生した。前年度（15件）に続いて2年連続で増加したほか、過去5年間で最多を更新した。ゲームセンターの店舗数は10年間で8000店近く減少するなど右肩下がりで推移、直近5年間では3割減となるなど、淘汰の波が押し寄せている。 日本アミューズメント産業協会によれば、2021年度のオペレーション売上高は前年度比1割増の4492億円と、来店客数の大幅減に直面したコロナ禍の影響から脱しつつある。ただ、近年はクレーンゲームが主流となり、アーケード機を主流とする従来の店舗レイアウトでは集客力の維持が難しい局面を迎えている。 また、消費税増税や硬貨の両替手数料、電気料金の引き上げなど、運営コストの増加も無視できなくなってきた。帝国データバンクの財務データを基にゲームセンター運営企業の収益力
Nikkei Advent Calendar 2023の 14 日目は IDE がやっていきます。いま Web チーム内の基盤改善を専門とするチームで活動しています。自分が入社するより前に作られてメンテナンスがあまりされていなかったシステムを、現代でも戦えるようにするお仕事をしています。メンテナンスを放置することはセキュリティ的によくないので、メンテナンスを専業で行っています。最近の自分の仕事は、今日紹介する rnikkei と呼ばれるマイクロサービス群の Node.js バージョンを、v12 から v18(一部は v20) まで引き上げることです。この rnikkei は当初「爆速の日経」と呼ばれていた頃に設計・実装されたサービスです。今日はそのような過去に作られたサービスにもう一度スポットライトを当ててみようと思います。 see: https://marketing.itmedia.c
Blueskyの投稿をTweetDeck風にカラム表示して更新チェックできるウェブアプリ「TOKIMEKI」を使ってみたよレビュー
「TOKIMEKI」はほりべあ氏が開発しているBlueskyクライアントで、Bluesky上の投稿や自分のフィードなどをカラムに分けて管理できます。モバイル版TOKIMEKIをレビューした後にウェブアプリ版も使ってみたところ、「1つの画面に複数アカウントの投稿を並列表示して更新を常時チェック」という情報収集にめちゃくちゃ便利な環境を構築できたので、使い方をまとめてみました。 TOKIMEKI - Bluesky client project https://tokimeki.blue/login ・目次 ◆1：Blueskyのアプリパスワードを作成 ◆2：TOKIMEKIの初期設定 ◆3：TOKIMEKIで色んなユーザーの投稿を並列表示する方法 ◆4：投稿を自動更新する方法 ◆5：複数アカウントを同時に管理する方法 ◆6：その他の情報 ◆1：Blueskyのアプリパスワードを作成 Blue
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
「イナズマイレブン」「レイトン教授」シリーズなどで知られるゲーム会社・レベルファイブが、ゲーム開発やプロモーション業務で生成AIを活用していることが分かった。政府が12月11日に開催した「AI時代の知的財産権検討会」に同社が提出した資料から判明した。資料では、生成AIの活用例を複数紹介している。 同社は画像生成AI「Stable Diffusion」を活用しているという。例えば、24年に発売予定のゲーム「メガトン級ムサシW」では、タイトル画面のレイアウト案をAIで複数生成し、それを参考に世界観に合ったイラストを作成。イラストをベースに映像も作成し、タイトル画面に使ったとしている。 「妖怪ウォッチ」シリーズの例では、主人公・天野景太の3Dモデルのイメージ画像を作成する際の例を紹介。過去の作品で使った画像をAIに複数学習させ、さまざまな質感の画像を出力。目指す雰囲気を伝えるのに使ったという。ま
こんにちは。日頃は blockchain の記事ばかり書いていますが、たまには生成 AI についても書きたいと思います。テーマは生成 AI で出来るだけ思い通りにサイトの生成を行います。 前提 今回は以下条件のサイトを生成します。 Next.js Tailwind LP向け レスポンシブ向け また、検証で利用した GPT は ChatGPT 3.5 です。 Bing Copilot を使用する場合、可能であれば Web 検索との連動を OFF にすることをオススメします。また、自社独自の専門用語をプロンプトへ加える場合は適宜補足説明を手動、または RAG 等でプロンプトへ加えてください。 背景 この記事を書くに当たって感じていた課題と解決したことを記載します。 課題 普段は、GPT系を駆使して素早くコードを作成することを心がけています。バックエンドの生成にはそれほど問題はないのですが、フロ
Figmaの魅力がすぐわかる、仕事で即使える！おすすめテンプレ、プラグイン、ウィジェット【Figmaワークハック #4】 | ライフハッカー・ジャパン
ムードボードからスライドまでつくれる！テンプレ集Mood Board Templates：視覚的なアイデア・イメージを詰めるツールクリックして画像を拡大Screenshot: 酒井麻里子 via Figmaアイデア、デザインのイメージを膨らませたいときに活躍するFigJamテンプレート。 画像のプレースホルダー（枠）をクリックして、画像を置き換えることができます。 テンプレートを使ってみる＞＞SWOT Analysis：自己分析をはじめたい人にピッタリのフォーマットクリックして画像を拡大Screenshot: 酒井麻里子 via Figma4象限でSWOT分析（強み・弱み・機会・脅威）をするためのFigJamテンプレート（具体的なやり方は第二回でご紹介しています）。 内部要因と外部要因・プラス要因・マイナス要因の軸で分けたエリアがすでに用意されているので、ふせんを貼っていくだけですぐに使え
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
2024年1月24日 CSS, Webサイト制作 制作時に「CSSファイルをこれ以上増やしたくない…」「クラス名を考えるのしんどい…」なんて思ったことはないでしょうか？私はあります！あれこれ試した結果、Tailwind CSSが使いやすかったので、導入時につまづいたポイントと解決方法をまとめてみます。 ↑私が10年以上利用している会計ソフト！ Tailwind CSSとは Tailwind CSSは、あらかじめ多くのクラスが用意されているCSSフレームワークです。Webサイトを制作する時に、HTMLの要素に直接、定義済みのクラスを付与して使用します。基本的に1つのクラスに1つのスタイルが当てられていて、例えば「m-0」というクラスをつけると margin: 0px; が、「w-full」というクラスをつけると width: 100%; が加えられます。 実際にどんなものか見たほうが早そうで
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回のテーマは「GPT4oを活用したウェブサイトづくり」です。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回は先日OpenAIが発表した新たなAIモデル「GPT-4o」を使ってウェブサイト（LP）を作成してみました。GPT-4oのパフォーマンスを知ること、そしてデザイナーが生成AIとどう関わっていくべきかを探るきっかけにすることが、今回の目的です。 前提として「GPT-4o」がゼロベースでウェブページを作成することに向いているツールではないと思いますが、チュートリアルの要素と今後の可能性を知るためにあえて取り組んでみました。 GPT-4o
転職の成功率が上がる！デザイナーのポートフォリオの作り方｜作品数が少なくても担当者の目にとまる6つの法則 | デジハリ・オンラインスクール
Webデザインのスキルを学んだけれど、なかなか転職活動に進めない…。 その理由は「ポートフォリオが未完成だから」という方も多いのではないでしょうか？ さらにいえば「ポートフォリオに掲載する作品数が少ないから」という人もいます。 結論をいえば、ポートフォリオ内に掲載する作品は1点でも問題ありません。 その作例を通して、あなたのスキルや課題解決力が伝わればよいのです。 逆をいえば、どれだけたくさんの作品を掲載したとしても、あなたのスキルや課題解決力が伝わらなければ意味がありません。 この記事では初心者のWebデザイナーを対象に、転職活動の成功率を上げるポートフォリオの作り方をお伝えします。掲載できる作品が少なくても担当者の目に止まる「6つの法則」を紹介しますので、ぜひお役立ていただければ嬉しいです。 1. ポートフォリオをなかなか完成させられない理由 まず「ポートフォリオ」とは、自分の作品や考
Access Accepted第778回：ゲーム業界で急速に進むアクセシビリティへの動き ライター：奥谷海人 ソニー・インタラクティブエンタテインメントが先日リリースした「Access コントローラー」は，誰もが不自由なく楽しめるように5年の歳月をかけて開発されたデバイスだ。アクセシビリティに対するゲーム業界の動きは以前から存在していたが，ここ最近はここ最近はプラットフォーマーや大手パブリッシャの間では，欠かせないものになってきている。 5年の歳月をかけて開発された「Access コントローラー」 ソニー・インタラクティブエンタテインメント（以下，SIE）が先日リリースした「Access コントローラー」は，PlayStation 5用アクセシビリティコントローラキットである。通常のゲームパッドの細かい操作を困難とする，さまざまな障害を持った人もゲームを楽しめるよう，付属するボタンやスティ
超長くてたくさんの資料も放り込めば、まとめてブレストにも付き合ってくれる有能助手「NotebookLM」の始め方（Google Tales） | テクノエッジ TechnoEdge
IT系海外速報を書いたり、翻訳を請け負ったりしています。初めてのスマートフォンはHTC Desire。その後はNexus 5からずっとGoogleさんオリジナルモデルを使っています。 Googleが久しぶりにわくわくするものを公開してくれました。その名は「NotebookLM」。Googleは“バーチャルリサーチアシスタント”だと紹介しています。 昨年7月に米国で利用可能になったものが、やっと日本でも使えるようになりました。名前からはいまひとつピンときませんが、使っているうちにじわじわと凄さが伝わってきます。 大雑把に言うと、自分が理解したいことに関連する情報を集めてNotebookLMに「ソース」として投げ込むと、それをもぐもぐ咀嚼して理解して「何でも聞いてください」状態になるのです。 （▲イラスト：ばじぃ） 記事を書くときは、複数の公式ブログやら過去のイベントの基調講演の動画やら自分で
VFXの制作工程の秘訣について、山崎氏は「とにかく早い段階でまず1周、全部のカットをつくりきるようにしています。カット制作が1周したら、2周3周と重ねていって、トライ＆エラーをくり返してクオリティを上げていきます。カット制作中の目標は、クオリティの最低ラインを上げていくことです。出来の悪いカットがひとつあるだけでも記憶に残ってしまうので」と語った。 さらにチームとしてクオリティを上げるために、山崎氏は自立的組織を目指しているという。「クリエイターたちが勝手に良いものをつくってもってくるので、あとはディレクターが広い視野でコントロールすれば作品として仕上がります。クリエイターたちのつくるものを見ると、まだまだすごいことができると感じますね」（山崎氏）。 チームマネジメントの極意 本作のVFXを担う白組調布スタジオは、山崎氏を含め、ディレクター・コンポジター・モデラー全てのスタッフが声の届く、
CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカスCSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 CSS嫌いがあえてフレームワークまでつくった理由。 NES.css開発者流、「嫌い」を「好き」に変える勉強術【フォーカス】 2024年4月24日 「NES.css」開発者 ダーシノ SIerでの業務アプリ開発や職業訓練校でのプログラミング講師を経て2015年にさくらインターネット株式会社にフロントエンドエンジニアとしてジョイン。2018年にファミコン風CSSフレームワーク「NES.css」を開発、公開する。人生の目標に「笑って死ぬ」を掲げている。柔道初段。 X ブログ GitHub ファミコン風のデザインのWebページをすぐにつくれる、オープンソースのCSSフレームワーク「NES.css」。フロントエンドエンジニアのダーシノさんが2018年にGitHu
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実例で学ぶFlexboxとCSS Gridの使い分け – TAKLOG
Vue.js と Nuxt の 2023年まとめ
React Server Componentsを理解する | POSTD
Vimの操作感を愛おしむ人たちへ: Zedで広がる新たな可能性 - ROUTE06 Tech Blog
賃貸でもマネできそう。ぬいぐるみを「ハンモック」に収納したら、部屋のスペースが有効活用できた話 ＃ソレドコ - ソレドコ
維新、大阪・河内長野で「連敗」 府議補選で敗れ市長選は「不戦敗」：朝日新聞デジタル
Arxiv RAGによる論文サーベイの自動生成 | Shikoan's ML Blog
同人誌、なぜ電子より紙の本が人気？ 大人気ぬいぐるみ“だいあぱん”「合同誌」制作者を動かす圧倒的熱量
Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp
【無印良品の「収納グッズ」おすすめ5選】家の中でも旅先でも大活躍。愛用者が激推しする商品たち ＃ソレドコ - ソレドコ
ただの突っ張り棒じゃない。「モノの定位置」をおしゃれに作れるドローアラインの魅力 #ソレドコ - ソレドコ
CSSは日々進化している！知ったら使いたくなる「モダンCSS」機能紹介
CSSでスタイルクエリ（@container style()）を使えるようになると、実装がいろいろ便利になる
篠澤広の肋骨で大根をおろすゲーム | フリーゲーム投稿サイト unityroom
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
「パワポ生成AI」無料公開 キーワードから資料を自動作成
【2024年】AWS全サービスまとめ | DevelopersIO
開かずのMO――25年以上前のDTPデータを発掘してひらいてみる
Express と handlebars で動き続ける日経 — HACK The Nikkei
原発の建設費を電気料金に上乗せ、経産省が新制度検討 自由化に逆行：朝日新聞デジタル
「イナズマイレブン」「妖怪ウォッチ」で画像生成AIを活用 レベルファイブのAI利用例が公開に
生成AI で思い通りのサイトを出力しよう - Qiita
百円玉4千枚を盗んだ容疑 両替できず入金したのが「動かぬ証拠」に：朝日新聞デジタル
Tailwind CSSを使う時の疑問と解決方法
UIUXデザイナーが「GPT4o」を活用してウェブサイトをつくってみた
Access Accepted第778回：ゲーム業界で急速に進むアクセシビリティへの動き
VFXアナトミー 映画『ゴジラ-1.0』 白組 調布スタジオがこれまで培ってきたVFX技術の集大成