1枚の静止画から動画作成する「AnimateDiff」、Googleの画像学習改良版「HyperDreamBooth」など5本の重要論文を解説（生成AIウィークリー） | テクノエッジ TechnoEdge
2014年から先端テクノロジーの研究を論文単位で記事にして紹介しているWebメディアのSeamless（シームレス）を運営し、執筆しています。 1週間分の生成AI関連論文の中から重要なものをピックアップし、解説をする連載です。第3回目は、GoogleのDreamBooth改良、静止画1枚からアニメーション作成など5つの論文をまとめました。 生成AI論文ピックアップGoogle、キャラ学習手法のDreamBoothを高速・小型化 さらに1枚の学習元から可能にする「HyperDreamBooth」開発 DreamBoothより25倍高速 画像1枚から動画を生成するAI「AnimateDiff」 DreamBoothやLoRAなどにも対応 動画内の被写体を変えて別の動画を生成できるAI「Animate-A-Story」 テンセント含む研究者らが開発 テキスト、画像、動画を同時に処理し生成する大規
モダンWEBサイトにおける画像最適化について
はじめに この記事は『Picture perfect images with the modern img element』という記事を参考に画像最適化に関しての重要な観点をまとめたものです。 画像はWEBにおいても重要な役割を担っており、2021年時点で1つ以上の画像を含むWEBサイトは95.9%、faviconなども含めて1回でも画像取得のリクエストを送信するWEBサイトは99.9%であるという調査もあります。 さらには、LCP要素の約70%が画像であるという調査が出ています。 Largest Contentful Paint（LCP）は、Googleが提唱するCore Web Vitalsの1つで、ウェブページのパフォーマンスを測る指標です。詳しくは次の章で解説します。 つまり、WEBのパフォーマンスにおいて画像の最適化は重要な観点でありユーザ体験に直結することがわかります。 画像最
","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=\"
こんにちは。日頃は blockchain の記事ばかり書いていますが、たまには生成 AI についても書きたいと思います。テーマは生成 AI で出来るだけ思い通りにサイトの生成を行います。 前提 今回は以下条件のサイトを生成します。 Next.js Tailwind LP向け レスポンシブ向け また、検証で利用した GPT は ChatGPT 3.5 です。 Bing Copilot を使用する場合、可能であれば Web 検索との連動を OFF にすることをオススメします。また、自社独自の専門用語をプロンプトへ加える場合は適宜補足説明を手動、または RAG 等でプロンプトへ加えてください。 背景 この記事を書くに当たって感じていた課題と解決したことを記載します。 課題 普段は、GPT系を駆使して素早くコードを作成することを心がけています。バックエンドの生成にはそれほど問題はないのですが、フロ
スパイダーバースのアニメーターが「全工程で監督の承認待ち」「1日11時間週7日労働」「100人が逃げ出した」など過酷な労働環境について告白
日本では2019年3月8日に公開されたCGアニメ映画「スパイダーマン:スパイダーバース」からおよそ4年、続編となる「スパイダーマン：アクロス・ザ・スパイダーバース」が2023年6月16日に公開となりました。興行的には悪くない成績を収めた続編ですが、2度にわたる延期を経験するなど公開前は不穏な空気が漂っていました。ここで実際には何が起こっていたのかについて、「スパイダーマン：アクロス・ザ・スパイダーバース」に携わったスタッフ4人が匿名で証言しています。 ‘Spider-Verse’ Animation: Four Artists on Making the Sequel https://www.vulture.com/2023/06/spider-verse-animation-four-artists-on-making-the-sequel.html 「スパイダーバース」2作品や「LEG
転職の成功率が上がる！デザイナーのポートフォリオの作り方｜作品数が少なくても担当者の目にとまる6つの法則 | デジハリ・オンラインスクール
Webデザインのスキルを学んだけれど、なかなか転職活動に進めない…。 その理由は「ポートフォリオが未完成だから」という方も多いのではないでしょうか？ さらにいえば「ポートフォリオに掲載する作品数が少ないから」という人もいます。 結論をいえば、ポートフォリオ内に掲載する作品は1点でも問題ありません。 その作例を通して、あなたのスキルや課題解決力が伝わればよいのです。 逆をいえば、どれだけたくさんの作品を掲載したとしても、あなたのスキルや課題解決力が伝わらなければ意味がありません。 この記事では初心者のWebデザイナーを対象に、転職活動の成功率を上げるポートフォリオの作り方をお伝えします。掲載できる作品が少なくても担当者の目に止まる「6つの法則」を紹介しますので、ぜひお役立ていただければ嬉しいです。 1. ポートフォリオをなかなか完成させられない理由 まず「ポートフォリオ」とは、自分の作品や考
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%; が加えられます。 実際にどんなものか見たほうが早そうで
ChatGPTとCanvaでスタイリッシュなプレゼンスライドをお手軽に作成する - Taste of Tech Topics
カメラ好き機械学習エンジニアの@yktm31です。 最近、デザインツールのCanvaが、気になって色々試しています。 そこで今回、ChatGPTとCanvaを使って、どれだけ簡単にきれいなスライドを作れるか試してみました。 Canvaとは Canvaは、簡単にスタイリッシュなスライドや画像等を作成できる、デザインツールです。 テンプレートや素材が豊富にあり、デザイン知識がなくても、質の高いコンテンツを作ることができます。 基本的に無料で使えるのですが、有料契約（Canva Pro）にすると、生成AIでさらに強力にデザインをサポートしてもらえます。 今回利用するのは、「Docs to Decks」と「Text to Image」という機能です。 それらの機能を利用すれば、文章から簡単にデザインを作成することができます。 ただ今回は、そのデザインのベースとなる文章自体も、ChatGPTで自動生
Access Accepted第778回：ゲーム業界で急速に進むアクセシビリティへの動き ライター：奥谷海人 ソニー・インタラクティブエンタテインメントが先日リリースした「Access コントローラー」は，誰もが不自由なく楽しめるように5年の歳月をかけて開発されたデバイスだ。アクセシビリティに対するゲーム業界の動きは以前から存在していたが，ここ最近はここ最近はプラットフォーマーや大手パブリッシャの間では，欠かせないものになってきている。 5年の歳月をかけて開発された「Access コントローラー」 ソニー・インタラクティブエンタテインメント（以下，SIE）が先日リリースした「Access コントローラー」は，PlayStation 5用アクセシビリティコントローラキットである。通常のゲームパッドの細かい操作を困難とする，さまざまな障害を持った人もゲームを楽しめるよう，付属するボタンやスティ
app router とは next.js で使用できるファイルシステムベースのルーターです。以前は pages router というものがありましたが、そちらの進化系といえます。 ポイントは error.tsx や loading.tsx などの決められた名前でコンポーネントを作成することで、エラーバウンダリーやサスペンスなどの機能が簡単に利用できるようになったことです。 これにより開発速度が上がり、面倒な実装はフレームワークに任せることができます。 また、内部で RSC を使用しており、これとサスペンスにより、コンポーネントレベルで SSR と CSR を組み合わせられるようになりました。 今回はそういった機能の、弊社プロダクトにおける使用例を紹介します。 使用技術 error.tsx エラーバウンダリーです。fallback コンポーネントを書くだけで ok です。 import {
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回のテーマは「GPT4oを活用したウェブサイトづくり」です。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 今回は先日OpenAIが発表した新たなAIモデル「GPT-4o」を使ってウェブサイト（LP）を作成してみました。GPT-4oのパフォーマンスを知ること、そしてデザイナーが生成AIとどう関わっていくべきかを探るきっかけにすることが、今回の目的です。 前提として「GPT-4o」がゼロベースでウェブページを作成することに向いているツールではないと思いますが、チュートリアルの要素と今後の可能性を知るためにあえて取り組んでみました。 GPT-4o
TenstorrentはAIプロセッサーを開発するスタートアップ企業。「生成AIではCPUよりも画像に特化したGPUが使われる。だが、まだ効率化には十分でない。CPUでもGPUでもないハードウエア設計により、米NVIDIA（エヌビディア）の10分の1の消費電力の実現を目指している」とケラー氏は話す。「RISC-V Day Tokyo 2023 Summer カンファレンス」（2023年6月20日、東京大学で開催）に合わせて来日した（撮影：日経クロステック） ケラー氏は、「伝説」と称される半導体エンジニアである。米アドバンスト・マイクロ・デバイスズ（AMD）や米Apple（アップル）の主力製品において、設計面で大きく貢献した経歴を持つからだ。 例えば、AMDのCPUコア「Zen」やAppleのSoC（System on a Chip）「Aシリーズ」第1弾である「A4」の設計に携わった注1）。
VFXの制作工程の秘訣について、山崎氏は「とにかく早い段階でまず1周、全部のカットをつくりきるようにしています。カット制作が1周したら、2周3周と重ねていって、トライ＆エラーをくり返してクオリティを上げていきます。カット制作中の目標は、クオリティの最低ラインを上げていくことです。出来の悪いカットがひとつあるだけでも記憶に残ってしまうので」と語った。 さらにチームとしてクオリティを上げるために、山崎氏は自立的組織を目指しているという。「クリエイターたちが勝手に良いものをつくってもってくるので、あとはディレクターが広い視野でコントロールすれば作品として仕上がります。クリエイターたちのつくるものを見ると、まだまだすごいことができると感じますね」（山崎氏）。 チームマネジメントの極意 本作のVFXを担う白組調布スタジオは、山崎氏を含め、ディレクター・コンポジター・モデラー全てのスタッフが声の届く、
","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=\"
文字の自由度高めな字典『五體字類』は読むと元気が出る
大阪生まれの大学院生。工作や漢字が好きです。ほら貝も吹けます。先日、教授から「あなたは何を目指しているのか分からん」と言われました。 前の記事：『伊勢物語』のように好きな人にヒジキを贈る ＞ 個人サイト 唐沢ジャンボリー ページを開いたときの衝撃 大学の授業で、江戸時代の文章を読む課題が出たときのこと。 大胆にくずして書かれた文字が読めず困っていたところ、先輩から「この本で調べてみなよ」と渡されたのが、 この『五體字類』(西東書房、写真の本は第3版、1984年)でした。 「調べるぞー」と開いてみると、 えっ (p.102) えええっ！ (p.459) ・・・！？ 思わず本を閉じてしまいました。 早く閉じないと、文字が本から飛び出してしまいそうだったからです。 かなり頼れる字典 あまりの文字の自由度に度肝を抜かれたこの『五體字類』、漢字のさまざまな字体を収録した字典であります。
「Raspberry Pi 5」にOSをインストールして超小型デスクトップPCとして使えるようにする手順を初心者にも分かりやすくまとめてみた
2023年10月23日に出荷が始まった「Raspberry Pi 5」は高性能なSoCを搭載しており、ウェブブラウジングや動画再生などデスクトップPCとしての使用にも耐えられる性能を有しています。しかし、「Raspberry Pi 5に興味があるけど、OSのインストールなどが難しそう」と考えている人も多いはず。そこで、Raspberry Pi 5にOSをインストールして日本語化するまでの手順を初心者にも分かりやすいように大量の画像付きでまとめてみました。 Raspberry Pi Documentation - Getting started https://www.raspberrypi.com/documentation/computers/getting-started.html ・目次 ◆1：前置き(技適について) ◆2：別のPCにRaspberry Pi Imagerをインストー
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
【永久保存版】Notionで実現できるExcel機能15選+α｜管理の山田｜Notion公式アンバサダー
こんにちは！Notionを全力で広めている山田です。 今回は、「Excelのこの機能、Notionでどうやって実現するの？」を全部解決します！ ・Excelと同じようにNotionを使いたい！ ・Notion使い始めたけど結局Excelに戻っちゃう ・なんだかんだExcelの方が利便性高いよね ・WordとExcelしか使えない人たちにNotion広めるの無理ゲーです… これまで何度もこのようなお声を聞いてきました。 その度に歯がゆい思いをしてきましたが、事実として実現が難しい機能多かったんです…。 でも、それはもう過去の話。 最近のアップデートにより急速に実現できることが増えてきたんです！ Notionのアップデート速度は早すぎる今なら満足してもらえるレベルでExcel機能の説明ができる！ そう決心し記事を書き始めたら、あれよあれよと15機能もピックアップすることができました。 ただ、実
デジタル庁は、ダッシュボード開発において品質向上、および設計の効率化に貢献するため、実践ガイドブックとダッシュボード開発ツールのPowerBIのチャート・コンポーネントライブラリを公開します。 資料のダウンロードから取得してください。 公開の目的デジタル庁は、データと根拠に基づいた政策判断・効果の可視化を日本政府内で推進を先導する役割を担っています。その役割の一端を担い、行政や公共機関、民間企業などに従事する方が、わかりやすいダッシュボードを効率的に開発できるように、実践ガイドブック等を提供しています。データをわかりやすく可視化できるようにすることで、多くの関係者間で正しい共通認識を持ち、意思決定の質を向上させ、より良い行動に繋げられるようになることを目的にしています。 実践ガイドブックは、デジタル庁で実践してきた政策データダッシュボードの作成時の知見に加え、行政職員や民間有識者のダッシュ
これは エムスリー Advent Calendar 2023 の3日目の記事です。 前日は三浦さん(@yuba)による「9時間足すんだっけ引くんだっけ問題～あるいは、諸プログラミング言語はいかにタイムゾーンと向き合っているか」でした。 こんにちは、エムスリーエンジニアリンググループ・マルチデバイスチームの藤原です。 マルチデバイスチームでは複数のスマートフォンアプリを開発しており、新機能の追加やレイアウト変更をする際はA/Bテストをすることもしばしばです。 今回は弊チームで採用しているA/Bテストの実装方法を2通り紹介します。 スマートフォンアプリのA/Bテスト Remote Configを用いた実装例 GraphQLを用いた実装例 GraphQLで実装してみてちょっとした感動があった We are hiring!! スマートフォンアプリのA/Bテスト A/Bテストとは、特定の要素を変更し
VRをこれから始めようとする方にとって、大きな懸念点のひとつとなっているのがスペースの確保です。よくある言説として、「欧米圏と比較して、日本は部屋が狭いので、VRに向いていない」といったものがあり、購入を躊躇（ちゅうちょ）するケースも少なくないと思われます。しかしこの言説は、はたして本当でしょうか？ ※Meta Quest 3公式イメージ画像で映されている部屋。これほどの広さが必要なら、プレイ環境の確保は難しそうですが……？ VRデバイス企業は何と言っているか？ Meta社の公式X（旧Twitter）アカウントによる公式見解によれば、4畳半（2.7m×2.7m）あればプレイできるそうです。 実は…#MetaQuest3 の推奨プレイ環境は 四畳半のサイズとほぼ同じ！ たった四畳半のスペースがあれば、 MR/VRヘッドセット #MetaQuest3 で バーチャルとリアルを融合させ、 あなた
visionOSのサンプルをシミュレーターで動かしてみたり新規プロジェクトを作成してみたりすると、結構新しい概念や用語がいろいろと登場していることに気付く。 基礎概念や用語は早めに理解しておいた方が良いだろうということで、WWDC23のセッション "Get started with building apps for spatial computing" の冒頭と後半にあった解説を整理した。 なお、引用表記と画像は基本的に"Get started with building apps for spatial computing"より。 Elementsウィンドウ各アプリは、1つまたは複数のウィンドウを持つことができる。 SwiftUIでSceneを用いて構築でき、 2Dと3Dコンテンツを混在させることができる。 ユーザーが自由に拡大縮小や再配置を行える。 ボリュームボリュームは3Dコンテン
![[visionOS] Spatial Computingの用語・基礎概念の整理 #WWDC23｜shu223](https://cdn-ak-scissors.b.st-hatena.com/image/square/1613ede5136dfa29cb4884c5c94351a5410dcf45/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F109150053%2Frectangle_large_type_2_d2241ff3af0b7026d7da15d9117e9b5b.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
超長くてたくさんの資料も放り込めば、まとめてブレストにも付き合ってくれる有能助手「NotebookLM」の始め方（Google Tales） | テクノエッジ TechnoEdge
IT系海外速報を書いたり、翻訳を請け負ったりしています。初めてのスマートフォンはHTC Desire。その後はNexus 5からずっとGoogleさんオリジナルモデルを使っています。 Googleが久しぶりにわくわくするものを公開してくれました。その名は「NotebookLM」。Googleは“バーチャルリサーチアシスタント”だと紹介しています。 昨年7月に米国で利用可能になったものが、やっと日本でも使えるようになりました。名前からはいまひとつピンときませんが、使っているうちにじわじわと凄さが伝わってきます。 大雑把に言うと、自分が理解したいことに関連する情報を集めてNotebookLMに「ソース」として投げ込むと、それをもぐもぐ咀嚼して理解して「何でも聞いてください」状態になるのです。 （▲イラスト：ばじぃ） 記事を書くときは、複数の公式ブログやら過去のイベントの基調講演の動画やら自分で
開発効率を追い求めた実装プラクティス集
この記事は MICIN Advent Calendar 2023 の24日目の記事です。 前回はSaneさんの「データ基盤チームで社内インターンをやってみて」でした。 はじめに abekohです。MICINでMiROHAの開発をしております。 本記事では、書籍等から得た設計・実装パターンの知識や、実際にプロダクト開発で試して得られた経験などから編み出した、開発効率向上のためのWeb API開発のプラクティスを紹介します。 筆者が関わっているMiROHAは治験の業務支援を取り扱うプロダクトです。MiROHAの開発における特性として、以下のようなものが挙げられます。 治験業務に関するドメインが特有で複雑 前例が少なく、MVPを追求中。プロダクトのアプローチが頻繁に変わる 外部品質は高い水準が求められる これらの特性を意識して開発を促進させるために日々試行錯誤しております。 複雑なドメインに対す
WordPressの小ネタ集 - Qiita
この記事は、「CMS Advent Calendar 2023」の21日目の記事で、WordPress に関してもしかするとあまり知られていないかもしれない事を、とりとめもなく独断でまとめたものです。 特に、ここ数年 WordPress に触れておらず、今の WordPress はどうなっているのか? という事を知りたい方向けの情報も少し盛り込んでいます。 クラシックエディターはいつまで使えますか ? Classic Editor プラグインの説明には、この記事を書いている時点で「Classic Editor は公式な WordPress プラグインであり、少なくとも2024年まで、または必要なくなるまでの間、完全にサポート・保守されます。」と記載されています。 それでは2025年以降、クラシックエディターが使えなくなる可能性があるのでしょうか ? 自分は、クラシックエディターは残り続ける
はじめに こんにちは！ご訪問いただき、ありがとうございます！ 僕は現在、エンジニアとしての就職を目指しながら、インボイス制度に対応した請求書を、Web上で作成・発行できるサービスの開発をしています。 その開発を進めていく中で、読んでもらえるREADMEを作成したいという想いから、世の中の開発者がどのようにREADMEを作成しているのかを、GitHubで調べて分析をしました。 本記事では、たくさんのREADMEを見て学んだ、読みたくなるREADMEを書くためのコツを、実際に僕が作成したREADMEを例にしてご紹介します。 実際に作成したREADME 前提 今回ご紹介する内容は、未経験でエンジニア就活をする際に、採用担当の方が読みたくなるようなREADMEを作成することを目的とした内容となります。 また、実際に作成したREADMEを例にコツのご紹介していますが、時間の兼ね合いで、学んだコツを反
「全く知らない」「勝手に使われた」──日米のアニメ制作会社が相次ぎ声明 北朝鮮のサーバから関連ファイルが見つかった問題で
北朝鮮が管理していたとみられるクラウドストレージサーバから、米国、日本などのアニメ作品に関係するファイルが見つかった問題で、名前の挙がっていた日米のアニメ制作会社などが今週、相次いで関与を否定する声明を出した。 問題のサーバから自社のレイアウト用紙が見つかった北海道のアニメ制作会社・エカチエピルカは、レイアウト用紙が下請け企業から流出したと推測。「弊社からは過去に発注をしたこともなく、当該事実は一切ない」という。「弊社のレイアウト用紙が許可なく勝手に使われており、描かれた絵や作品とは無関係」。 米国のアニメ制作会社・Skybound Entertainmentも「当社は北朝鮮の企業やその関連団体とは協力しておらず、当社のアニメーションに北朝鮮企業が取り組んでいることについては全く知らない」という。今後、徹底的な内部調査を行う方針だ。 7月から放送予定のアニメ「魔導具師ダリヤはうつむかない」
著： ikm “街の古本屋”というイメージがある。チェーン店ではなくて個人経営で、専門店ではなくてたくさんのジャンルを扱っているけれど、“なんでも”扱うというわけではなくて、棚を見ていけば独自のセレクトがされているのがわかる気がしてくる。店舗は全体がみやすい広さで、気取り過ぎということもないけれど、店構えも店内のレイアウトも気が利いている。街にも馴染んでいて、誰もが気軽に入りやすいようなお店。と書いていくとイメージというよりは個人的な好み、理想のお店の話にもなってきてしまうのだけど、そんなイメージにぴったりというか、そのお店からイメージしたような最高の“街の古本屋”があるのです。阿佐ヶ谷に。それが古書コンコ堂。 阿佐ヶ谷駅の北口からロータリーを渡って、アーケードを抜けたら商店街を進んでいく。この古書コンコ堂に向かう通り、商和会商店街にも数年前にひとつ思い入れが出来ていて。この通りとそこに少
こんにちは、バックエンドエンジニアをしています武山 (bushiyama) です。 この記事は ANDPAD Advent Calendar 2023 の 3日目の記事です。 これはなに Meta Quest 3 + MacBook Pro(M1 Max) でコーディング作業環境を整えてみた一例です。 手順や技術的観点は薄く、利用感にフォーカスしたレビュー的記事かと思います。 good 中堅ディスプレイ１枚分のお値段で購入できる MetaQuest3 ひとつで VR/MR 空間に 1~5 画面が設置できるので、これはコスパが良いと言わざるを得ません。 画質もとても良くなっており、コーディングに支障のないレベルになっています。 場所を選ばない作業環境 デスクでもコタツでも作業可能。分離KBなどあると寝ながらでもいけるんじゃないでしょうか。 オフィスやカフェなど人目がある場所は...まだ勇気が
「エンジニアDB」というサービスを開発しました！【Next.js / Rails / AWS / Terraform / Docker / GitHub Actions】 - Qiita
3.インフラ（全体構成）について ここから技術的なことについて話していきます。 まず大前提として、プロジェクトの全体構成は、Happiness Chain の卒業課題の条件に基づいて決めれらていました。これらの条件には以下が含まれます Rails APIモード / Reactで完全SPAのポートフォリオを作る。 本番環境と開発環境にDockerを使う。 本番環境にはECS Fargateを使う。 GitHub Actionsを使ってAWSに自動デプロイする。 Terraformでインフラをコード化する。 なので、これに倣って実装しています。 アーキテクチャの全体像 フロントエンドはVercelにデプロイして、バックエンドはAWSのECSにデプロイしています。 ブランチ運用は、GitHub flowを採用しています。 プルリク時にテストが走り、mainブランチにマージされるとデプロイされる感
広告掲載料は０円。３万部がすぐに在庫切れ。京都の型破りフリーマガジン『ハンケイ500m』編集長／円城新子さん【編集者の時代 第８回】｜クリエイティブのコアとカラーに迫るメディア「CORECOLOR〜コレカラ」
広告掲載料は０円。３万部がすぐに在庫切れ。京都の型破りフリーマガジン『ハンケイ500m』編集長／円城新子さん【編集者の時代 第８回】 場所は、京都。ラックに設置されるやいなや、街ゆく人々が次々に手に取っていくフリーマガジンがある。2ヶ月に１回発行される『ハンケイ500m』だ。 発行部数は３万部。その全てが誰かの手に渡り、在庫は残らない。「設置箇所に在庫がない」と編集部に苦情が来ることもあると言う。京都市内の市営地下鉄のみだった設置箇所は、東京、大阪、神戸……と、全国に拡大中。 活字離れが言われる中で、なぜ今、「紙のフリーマガジン」がこれほどまでに人気があるのか。2011年の独立時から無借金経営。「広告掲載料は０円」のビジネスモデルとは？ CORECOLOR編集長、佐藤友美（さとゆみ）が、編集者に話を聞くシリーズ「編集者の時代」。 今回は、型破りの発想で人気マガジンを育てた円城新子編集長に聞
2. 機械学習・AIチートシート まずは機械学習やAI開発に関わるチートシートからです！ Machine Learning Cheat Sheet | DataCamp 主要な機械学習アルゴリズム、その利点と欠点、および使用ケースをガイドするものです。初心者からエキスパートまで、誰でも役立つリソースです。 機械学習アルゴリズム チートシート MicrosoftのAzureが提供している機械学習アルゴリズムに関するチートシートです。 TensorFlow Cheat Sheet https://zerotomastery.io/cheatsheets/tensorflow-cheat-sheet/ 機械学習と人工知能のためのオープンソースライブラリ、TensorFlowのチートシートです。基本的な概念やベストプラクティスがまとめられています。 （メールアドレスでサブスクライブするとPDFがダ
井上純一（希有馬屋）『逆資本論』発売中 @KEUMAYA 井上純一（希有馬）TRPGデザイナー。漫画家。玩具会社「銀十字社」代表取締役 代表作：スタンダードTRPGシリーズ（SRS）『アルシャードセイヴァー』、『エンゼルギア』、『天羅万象』他。最近は『中国嫁日記』のジンサン。 blog.livedoor.jp/keumaya-china/ 井上純一（希有馬屋）『逆資本論』発売中 @KEUMAYA 寺沢武一先生……昔、こんなイラスト描いたのにいいねしていただいて、しかもフォローまでいただいて本当に感激しました。 紛れもなくヤツなレイアウト、俺も空きあらば差し込んでいきます。 ありがとうございました。 pic.twitter.com/2xhZ4FEvXN 2023-09-11 22:57:55
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
はじめに 2022 年 1 月から、趣味で PC 向けの将棋アプリを開発しました。その中で取り組んだことや学んだことについて簡単にまとめます。 作ったもの Electron将棋 (electron-shogi) GitHub: sunfish-shogi/electron-shogi GitHub Pages: Electron将棋 背景 最近ではスマホやタブレットでも将棋の対局や研究ができるようになりましたが、本格的に将棋の勉強や研究をするには必ずしも十分ではなく、特に将棋 AI を動す上で PC の処理能力やカスタマイズ性は有用です。 2010 年あたりからオープンソースの将棋 AI が増えましたが、その多くは GUI や通信対局機能を備えておらず GUI のアプリケーションと組み合わせて使う必要があります。AI と GUI がやりとりするための USI という共通仕様があり、 USI
NotionでPWAアプリの開発を実現するノーコードツール「NotionApps」の使い方！ - paiza times
今回はNotionのデータベースを活用して、PWAにも対応したWebアプリ開発ができるノーコードツールをご紹介します！ このサービスはNotionデータベースの情報を取得したり、更新・追加などがアプリ側から簡単にできるのがポイントです。ノーコードでさまざまなロジックも構築でき、自分がイメージしたアプリを素早くカタチにできます。 面倒なサーバーの準備も不要なため、誰でも簡単にアプリを開発して公開できます。ご興味ある方はぜひ参考にしてください。 【 NotionApps 】 「NotionApps」の使い方！ まずはサイトの上部にある【Create your app】ボタンをクリックして、無料のユーザー登録を済ませておきましょう。 メールアドレスとパスワードを入力したら【Sign up】ボタンをクリックします。 以下のようなダッシュボード画面が表示されたら準備完了です！ 「NotionApps
こんにちは、遠藤大輔です。フリーのグラフィックデザイナーとして活動しつつ、ニューヨークにあるプラット・インスティテュートという美大でコミュニケーション・デザインを教えています。 この１０年ほど、グラフィックデザインやタイポグラフィのクラスを担当する中で、たくさんの素晴らしい本との出会いがありました。その中でも、これまで何度も学生たちに薦め、繰り返し授業で引用してきたデザインの定番書を５冊ご紹介したいと思います。 デザインの定番書といっても、明日から使える「レイアウトの組み方」や「フォトショップの使い方」などのハウツー本ではありません。デザインの「作り方」も大切ですが、今回は、デザインの「考え方」について書かれた本をお薦めしたいと思います。 これらの本を読むと、デザインの背後にある理論、つまりロジックがわかります。デザインがどういう構造や仕組みで機能しているのか、理解できるようになります。さ
目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
これまで3年ほどWebエンジニアとして働いており、いろいろあって今年からFlutterでモバイルアプリを開発しています。 Flutterを使い始めて半年が経ったので実際に使ってみて感じたいいと思ったところとイマイチだと思ったところを紹介したいと思います。 Flutter とは？ Flutter は 複数のプラットフォームに対応したオープンソースなフレームワークです。現在では、Android・iOS・Web・Windows・MacOS・Linuxに対応しており、単一のコードで複数のプラットフォーム上で動作可能なアプリケーションを作成することができます。 実際に使って感じたいいところ、イマイチなところ いいところ 学習コストは意外と高くない Flutterでは、Dartという言語を使います。 個人的な感想としては、Javascript, Typescript に似ているなーと思っています。 な
目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
国鉄分割「俺がばかだった」と亀井静香氏 ローカル線が存続する道は：朝日新聞デジタル
生成AI で思い通りのサイトを出力しよう - Qiita
Tailwind CSSを使う時の疑問と解決方法
Access Accepted第778回：ゲーム業界で急速に進むアクセシビリティへの動き
【Next.js】実務でapp routerに移行した所感
UIUXデザイナーが「GPT4o」を活用してウェブサイトをつくってみた
元Appleの天才半導体エンジニアが予測、「AIで半導体設計者はほぼ不要に」
VFXアナトミー 映画『ゴジラ-1.0』 白組 調布スタジオがこれまで培ってきたVFX技術の集大成
今度こそ「ほぼうなぎ」 ウナギ不使用、客からの感想踏まえ試行錯誤：朝日新聞デジタル
ダッシュボードデザインの実践ガイドブックとチャート・コンポーネントライブラリ（ベータ版）｜デジタル庁
スマートフォンアプリのA/Bテスト実装例 - エムスリーテックブログ
【コラム】「日本では部屋が狭いからVRができない」←これは本当なのか？
[visionOS] Spatial Computingの用語・基礎概念の整理 #WWDC23｜shu223
読みたくなるREADMEを書くためのコツ - Qiita
阿佐ヶ谷、「古書コンコ堂」へまっしぐら - SUUMOタウン
MetaQuest3をモニターとして業務活用してみた - ANDPAD Tech Blog
2023年版！エンジニア必見のチートシート集 - Qiita
寺沢武一先生の「紛れもなくヤツなレイアウト」を話を破綻させず織り込める才能は稀有だった
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）
Electronを使ったPC向け将棋アプリ開発 - Qiita
デザインの教科書【デザインの「考え方」を学べる厳選５冊】｜遠藤大輔
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-後編 | POSTD
Flutterってどうなん？実際に商用アプリ開発で使ってみた感想 - Qiita
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-中編 | POSTD