「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事（Figma編、After Effects編）では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lottieの組み込みはプラットフォームに応じたさまざまな実装方法が用意されていますが、一般的なウェブの方法を例に紹介します。実装編の前編となる本記事では、手軽に組み込むことができるLottie-Playerを使用して実装します。 iOS、Androidアプリケーション等のそのほかの実装方法は公式ドキュメントを参照ください。 アニメーションの実装 ウェブ向けの実装方法は大きく2パターンあります。HTMLメインの方法と、JavaScriptメインで実装する方法で

Generative AI for Kritaのライブペインティング機能を実行している画面。左が筆者が描いた落書き。右が、その画像を線画（Scribble）としてAI生成した画像 11月13日掲載の記事「爆速化する画像生成AI」で紹介した新技術「Latent Consistency Models（LCM）」が大爆発しています。これは画像生成AIに2度目の革命を起こした「ControlNet」に次ぐ大インパクトではないかと感じています。「LCM-LoRA」（LoRAはStable Diffusion用の追加学習モデル）が11月下旬に登場したことで、リアルタイム生成のAI機能を組み入れたサービスやアプリの開発が一気に進みました。 なかでも、筆者にとってインパクトが大きかったのが、ペイントソフト「Krita」向けに開発された「Generative AI for Krita」。Kritaはスウェー

芳文社の4コママンガ誌「まんがタイムきらら」が11月に独立創刊20周年を迎えた。1990年代後半頃から注目を集め始めた“萌え系4コマ”を初めて専門的に扱ったマンガ誌で、1981年創刊のファミリー向け4コママンガ誌「まんがタイム」の増刊として2002年5月に誕生し、2003年11月に独立創刊した。「まんがタイムきららキャラット」「まんがタイムきららMAX」などの姉妹誌も誕生し、「ひだまりスケッチ」「けいおん！」「ご注文はうさぎですか？」「ぼっち・ざ・ろっく！」など“きらら系”とも呼ばれる数々のヒット作を送り出してきた。「けいおん！」「ぼっち・ざ・ろっく！」のようにアニメ化をきっかけに社会現象になった作品もあり、10月からは大熊らすこさんの「星屑テレパス」のテレビアニメがTOKYO MXほかで放送されている。「きらら」が20年以上愛され続けている理由とは？　同誌編集部の末永雅弘さん、大熊さん、

WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ

追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

こちらの記事は2023年版のものです。特に理由がなければ、SDXLやForgeにも対応した2024年版の「AIイラストが理解る」をお読みくださいませ。 こんにちは！2022年10月からAIイラストの技術解説記事を連載してます、サークル「スタジオ真榊」の賢木イオです。この記事は、これまで投稿してきた100本（約40万文字）を超える...

React components to build charts and dashboardsReact components to build dashboards20+ open-source components built on top of Tailwind CSS to make visualizing data simple again. Fully open-source, accessible and customizable.20+ open-source components built on top of Tailwind CSS to make visualizing data simple again. Fully open-source, accessible and customizable.

「テレビアニメのようなキャラ画像を生成したい」 「2次元のアニメ画像を生成したい」 このような場合には、Mistoon_Animeがオススメです。 この記事では、Mistoon_Animeについて解説しています。 本記事の内容 Mistoon_Animeとは？Mistoon_Animeの利用方法Mistoon_Animeの動作確認 それでは、上記に沿って解説していきます。

ChatGPT,使っていますか？ ChatGPTは文章を要約したり、プログラム作ってくれたり、一緒にブレストしてくれたりして本当に便利なのですが、社内情報などの独自データに関する情報については回答してくれません。 プロンプトに情報を記述して、そこに書かれている情報から回答してもらう方法もありますが、最大トークン4000の壁がありますので、限界があるかと思います。 この課題についてなんとかならないかと考えて色々と調べて見たところ、解決する方法が見つかり、いろいろと検証をして見ましたのでその結果をシェアしたいと思います。 サンプルコード（GoogleColab） 百聞は一見にしかずということで、実際に試したサンプルは以下にありますので、まずは動かしてみることをお勧めします。 このコードを上から順番に動かすと、実際にインターネット上から取得したPDFファイルに関する内容をChatGPTが回答して

「ChatGPTで画像も出力できたらいいのにな…」 という問題が解決しました！　さっそくですが、以下のプロンプトを「GPT4」に貼ればゲームを開始できます。 １，中世ヨーロッパの物語 GPT-4 AI ゲームマスターとして、あなたはプレイヤーが少女に協力して彼女と共に危機に見舞われた王国を救う冒険をするため、「交換日記と時空の絆」を導きます。 物語は、中世ヨーロッパの世界と現代の地球が絡み合った世界で展開されます。プレイヤーは、現代の地球で暮らす普通の人物であり、チャットを入力していると、それが手元にあった中世ヨーロッパの歴史が変わっていくことに気付きます。このチャットは、その時代に生きる少女、カイとチャットでコミュニケーションを取ることができる特別なものです。カイは冒険に際して手帳を持っており、そこにプレイヤーのチャットの内容が交換日記のように日を追うごとに追記されていきます。また、筆記

きたがわ 🍥 ChatGPT活用術 @bukuta_3 ＜ChatGPTテンプレート＞ コピーしてすぐ使えます。▼ココから下▼ # 命令書 あなたは、プロの■■です。以下の制約条件から最高の●●を出力してください。 # 制約条件 ・（例）重要なキーワードを取りこぼさない ・○○○ ・○○○ ・○○○ # 入力分: <ここに入力文章> # 出力文: 2023-03-18 12:45:07 きたがわ 🍥 ChatGPT活用術 @bukuta_3 深津さんご本人がプロンプトの使い方や補足情報を詳しく解説しているYouTubeのリンクを共有します。 動画は1時間と少し長いですが、重要な要素がぎっしり詰まった内容なのでChatGPTを仕事に活用したい方は必見です。 m.youtube.com/watch?v=ReoJce… 2023-03-19 12:47:22 リンク YouTube あなたの

Transcribe and translate any audio file. Upload your audio file and get a transcript in seconds. Writeout.ai is a free online transcription service.

こちらの記事は2023年3月9日に投稿された旧バージョンです。特段の理由がなければ、最新事情を盛り込んだ「AIイラストが理解る！StableDiffusion超入門」をご覧ください。 こんばんは、スタジオ真榊です。このところ、ツイッター経由で公式サイトやこちらのFANBOXへのアクセスが急増しており、これからAIイラストを始め...

シェアウェア（という表現はおいておいてのやつ。https://anond.hatelabo.jp/20230124045812）の記事が面白かったので、自分の得意分野の領域でいろいろ紹介します。 基本的に、SaaSのサービスは便利だけど、あれもこれもと契約していったらサブスク破産するので、 ものによってはセルフホストした方がいいと思ってる派。 Dropbox/GoogleDrive/box代替 NextCloudもともとownCloudっていうDropbox代替があったんだけど、そこから分派して今も機能開発が続いている。 興味深いのはLAMP構成なので、VPSや自宅サーバーじゃなくても、レンサバで動くのがいいよね。 データ保存領域はオブジェクトストレージ（S3互換）も利用できるので、例えばWasabiなんかと契約してお安く済ませてしまうのも全然アリかと。 Trello代替 Wekan最近は

こんにちは、852話です。 世でAI画像生成サービスが騒がれ、一旦瞬間最大風速を超えたかなと思う最近ですが、改めて『全くAI画像生成に触れてきてないけど、今から触ってみたい』という人向けの記事を書きます。 記事は ・パソコンを持っていなくても気軽に初められる ・英語がわからなくてもなんとかなる ・無料で体験できる ・もっとカッコいいものを作りたい時 などを書きました。 今現在AIに触れている方向けの記事はまた次の機会にアップします。 ・そもそもAI画像生成って何？この項目は区別がつかなかったりしても大丈夫ですし読み飛ばしても構いません。 現在話題になっているAIでの画像生成サービスの機能は、 「文章から画像を出力する」 text to image→通称t2i 「画像を指定して画像を出力する」 image to image→通称i2i の二種類がメインです。 サービス自体はDALL-E、Mi

誰かに話したくなってきた。 まだ二十歳ほどの頃、地元の広島で特に定職に就くこともなくアパート暮らしをしていた俺は、昔からの繋がりの先輩に誘われて、客から高い金を踏んだくる店で働いていた。 福山駅の付近にある繁華街だった。福山といったら知名度はほとんどないが、桃太郎電鉄の青マスとして出てくる程度には良いまちのようだ。当時の俺は、そのへんのアパートで暮らしながら、昼はコンビニアルバイトで、夜はそのバーで働いて、それで明け方に自宅に帰って昼過ぎまで寝る。そんな毎日だった。 地元が懐かしい。もう6年は帰っていない。来年には帰ってみようか。増田民で、もしお勧めのスーパー銭湯とかラーメン屋とか焼肉屋とかあったら教えてくれよ。 すまないが推敲はほぼしていない。変な字があったらごめんよ。 ちょっと自分語りをさせてほしい。滅多にない機会なんだ。いいだろ？ 正直、あまりいい門地の生まれじゃない。大きい河川沿い

自民党の改憲草案では新たに国防軍に関する記載が追加されました。 第二章の章題は「戦争の放棄」から「安全保障」に変更されています。 国防軍は「国際的に協調して行われる活動」を行う事ができると記載され、「集団的自衛権」を認める内容になります。 これにより米軍などの同盟国の軍隊が攻撃された際に国防軍が一緒に戦って防衛する事が可能になります。 また、国防軍に軍事審判所の設置も明記され、軍人等の職務の遂行上の犯罪などが通常の裁判所ではなく軍事審判所で裁かれるようになります。 そして9条の3には「国民と協力して」とあり改憲案前文３段と共に国民に「国防義務」を課しています。 18条2項では「意に反する苦役」に服されない事を定めていますが、それは12条で国益に反しない場合に限定しており、 国防を最大の国益として前述の「国防義務」と共に「徴兵制」を合憲とする事が可能になっています。 アメリカの情報公開により

カワヅ @necobut 「ESP32を自分で実装する基板作ったことないから作ってみたかった」などと供述しており、当局ではツッコミどころがないか操作しております。 pic.twitter.com/fXI04eMTAV 2021-11-23 13:07:26