プロダクトエンジニアリング部の中島です。 今回はフロントエンドのテンプレート部分についての負債やレガシーな機構に対する改善の取り組みについて紹介させていただきます。 背景 LIFULL社のメインサービスであるLIFULL HOME'SのメインリポジトリのサーバサイドはSymfony + Twig(※テンプレートエンジン)の構成を採用しています。 このリポジトリの歴史は古く、2011年頃から開発は行われており、今となってはレガシーな機構であったり、開発体験を損ねる負債的な記述も多くあります。 テンプレート部分で多くみられる問題のうちいくつかをピックアップすると弊社ではこのようなものが悩みのタネになっています 変数などを用いた動的な部分テンプレートの呼び出しによるgrepしやすさの低下 部分テンプレートをロードするときにスコープ制御(Twigだとonly属性)をつけ忘れてテンプレート間依存関係
この記事では、ウェブデザイン制作の参考にしたい、刺激的な最新UIインタラクション、アニメーションをまとめてご紹介します。ユニークでクリエイティブなアイデアが満載の素敵アニメーションが揃っており、今後のウェブデザインがますます楽しみになる、未来を感じるデザインを中心に集めています。 最新ウェブデザインも一緒に確認することで、デザイントレンドや動向をうまく掴むことができます。 Webアイデアの宝庫！注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ Web制作参考アイデア集！話題の最新ウェブデザイン40個まとめ 前回のまとめはこちらからどうぞ。 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きで魅せる！Web制作の参考UIインタラクション、アニメーションまとめ GoSurf Website
登録不要で完全無料！ブラウザだけで完結する静的サイトジェネレータ「T3MPL」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上で誰でも簡単にWebサイトを作成できる無料の静的サイトジェネレータをご紹介します！ 特別な開発環境を用意する必要はなくて、コマンドラインからの実行も不要でユーザー登録もありません。そのため、誰でも気軽にWebサイトを作り始められる手軽さが特徴になっています。 本記事の後半では、書き出したソースコードを使ってネット上に公開する手順についても解説しているので、ご興味ある方はぜひ参考にしてみてください！ 【 T3MPL 】 「T3MPL」の使い方 それでは、「T3MPL」をどのように使えばいいのか詳しく見ていきましょう。 まずはサイトのトップページを下方にスクロールして、いくつかのテンプレートが表示されることを確認してください。 2020年10月時点において、以下のようなテンプレートを選択できるようになっています。 ランディングペー
Webサイトやスマホアプリでよく使用されるUIコンポーネントをTailwind CSSのユーティリティクラスで実装したオープンソースのライブラリを紹介します。 Tailwind CSSには、コンポーネントの基本セットがありません。FlowBiteではナビゲーションバー、カード、ボタン、ページネーション、フォームなど基本的なコンポーネントがすべて揃っています FlowBite FlowBite -GitHub 他にも、Tailwind CSSで実装されたUIコンポーネントを探している人は下記もご覧ください。 Tailwind CSSで実装されたUIコンポーネント・ページテンプレート、商用プロジェクトで無料のものをまとめました FlowBiteの特徴 FlowBiteの使い方 FlowBiteのコンポーネント FlowBiteの特徴 FlowBiteは、Tailwind CSSのユーティリティ
Looker Studio turns your data into informative dashboards and reports that are easy to read, easy to share, and fully customizable.
GitHubでは既存のRepositoryをTemplateとして、新しいRepositoryを作成することができる | DevelopersIO
こんにちは、CX事業本部の夏目です。 本日はGitHubで面白い機能を見つけたので共有します。 Repository Template Generate new repositories with repository templates Sharing boilerplate code across codebases is a constant pattern in software development. Bootstrapping a new project with our favorite tools and directory structures helps programmers go from idea to "Hello world!" more efficiently and with less manual configuration. Today, we're
クロワッサン専門店で働らく女から弱者男性に向けて
弱者男性は下手に考えすぎだよ。 わたしの周りに弱者男性の何人かとちょっとした集まりで関わることが少しばかりあるんだけど、そうゆう人の大半は周りのことを気にしてキョロキョロしているのに、自分の身なりにはかなり疎い。話かけるとなんだか卑屈な感じだし、お客さんとかにも店員ごときにそんななにか気にすることある？ってくらいなんか挙動不審になってたりしている人もいる。 なんだろう～全く関係性のない人にも悪く見られないようにしようって感じがすごくて、それなのになぜか自分を良く見せようとはあまりしていない。 他のことにも言えるんだけど、おそらくこうしなきゃみたいな考えが先行しちゃってそうなっていると思うんだよね。 それで頭の中いっぱいになって悩んだり、はたまた不快感を感情的にネットに吐き出すことに夢中になったりして悪循環が生まれ自分磨きなどをする余裕がないとゆうか、、 ただ、余裕が無かろうが何もしないでも
パワーポイント用デザイン・テンプレートの2024年版を公開しました。今回の変更点としては、ワイド画面（16:9）のスライドがより使いやすくなるようルールを拡張し、併せて新しいデザインパーツの収録、そのほか細かなフォントサイズや余白の調性といった微調整を行っています。とはいえ、前回（2022年3月版）と比べてテンプレートのつくりに大きな変更はないため、今までと同じ感覚で利用いただけると思います。まずはダウンロードしてお試しください！ 当サイトの「デザイン・テンプレート」とは 当サイトのテンプレートを初めて利用する方向けに。プレゼンデザインでは、パワーポイント用のデザイン・テンプレートを2012年のサイト開設後間もない頃から無償公開し続けています。 一般的なデザイン・テンプレートとは少し毛色が異なり、デザイン済みスライドの提供に加えて、スライドサイズや色の選び方、フォント、余白の取り方など、プ
はじめに ひさしぶりにPythonで久しぶりにHTMLを出力したくなったのでテンプレートについて調べます。 環境： Python 3.7.4 標準ライブラリでの文字列の書式の扱い まず標準で使える範囲で文字列の書式をどう扱えるか調べます。 これについては下記の素晴らしいまとめが存在します。 Python String Formatting Best Practices https://realpython.com/python-string-formatting/ ここで紹介されている方法は以下の通りです。 古い形式の文字列の書式 新しい形式の文字列の書式 PEP498で定義された書式設定方法 テンプレート文字列 古い形式の文字列の書式 昔ながらの文字列の書式の指定方法です。 name = 'アンジュ' age = 18 print('古いやり方----------------------
JSXとHTMLベースのテンプレート言語の比較を行い、批判されがちなJSXが実はベターな解だったのでは？という記事です。 僕の結論は、HTMLとJSのどちらが制御構造を持てばいいのか？でいえばJS側が持つ方がリファクタリングしやすいため、JSXの方が良いというものです。 さて、先日、JSフレームワーク事情2020年始めという記事を書きました。これは、JavaScriptフロントエンドフレームワーク、Angularの人気が下落中という記事の元ソースであるThe State of JavaScript 2019を見ながら、React/Vue/Angularや、Next/Nuxt/Gatsbyが置かれている状況を解説するものでした。 他には、確証はないものの、Reactのシェアと人気がともに高い理由は、意外にJSXにもあるのではないか？と考えています。VueもAngularも基本的にはHTMLを
６月に公開したのですが種々の事情で非公開化していた記事を再公開します。 こんにちは、金春です。AWS からノーコードツールの Amazon Honeycode が発表されベータ版が使えるようになっていたので、早速触ってみました。 クイックに少し触っただけなので細かい機能についてはまだ理解できていませんが、ファーストインプレッションを記録しておこうと思います。 2020年6月30日: 続編追加しました Amazon Honeycode でデータモデリングしてみる 概念 Amazon Honeycode は、スプレッドシートをベースにして、そこにモバイルとPCに対応したアプリケーションのUIをかぶせ、加えて様々なトリガーを元に自動処理ができるという仕組みのようです。 触ってみる サインアップなどの手順は省略して中身からいきます。 https://www.honeycode.aws/ からサ
OpenCV（Python）でTemplate Matchingを使用して物体検出をしてみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 前回のエントリではOpenCV（Python）のHigh-level GUIを使用して画像をウィンドウで開いてみました。 OpenCV（Python）で画像をウィンドウで開いたり閉じたりする | DevelopersIO 今回は、OpenCVPython）でTemplate Matchingを使用して画像内の検索（物体検出）をしてみました。 環境 $ sw_vers ProductName: macOS ProductVersion: 11.6 BuildVersion: 20G165 $ python Python 3.9.6 (default, Jun 29 2021, 06:20:32) [Clang 12.0.0 (clang-1200.0.32.29)] on darwin Type "help", "copyright", "
【GitHub】チームの情報粒度を揃えるためのissue formsテンプレートの作り方 - RAKUS Developers Blog | ラクス エンジニアブログ
はじめに こんにちは。フロントエンド開発課に所属している新卒1年目のm_you_sanと申します。 今回はissue formsを使ってGitHub Issuesのテンプレートを作成する方法について、紹介したいと思います。 はじめに issue formsとは？導入するメリットは？ 作り方 まとめ issue formsとは？導入するメリットは？ issue formsは、GitHub上で提供されるGitHub Issuesに入力フォームを追加する機能です。 GitHub Issuesでは、デフォルトで大きめのテキストエリアが１つ提供されていますが、そのまま運用すると以下のような問題が起こります。 具体的に何を書いて良いのかわからない 人によって記載粒度にばらつきがある 欲しい情報が記載されていない場合がある 上記の問題はMarkDown形式のテンプレートでも、ある程度改善することはできま
董卓（不燃ごみ） on Twitter: "現在ネット上でよく見られる弱者男性論の多くに見られる特徴として「他者（大半のケースが女性）に要求するばかりで共助や互助の姿勢すら見えない」というものがあります。端的に言って、彼らの意識は、居間に座って茶を出せだの飯をつくれだの言ってるおっさんとまったくかわりません。"
現在ネット上でよく見られる弱者男性論の多くに見られる特徴として「他者（大半のケースが女性）に要求するばかりで共助や互助の姿勢すら見えない」というものがあります。端的に言って、彼らの意識は、居間に座って茶を出せだの飯をつくれだの言ってるおっさんとまったくかわりません。
URL1つで多彩なアイキャッチ画像を自動生成できる無料Webサービス「SocialSplash」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、URLのクエリパラメータを編集するだけで多彩な種類のアイキャッチ画像を作成できる無料Webサービスをご紹介します！ さまざまなテンプレートも提供されており、背景画像・テキスト・テーマカラーなどを自由に編集することができます。Webサイトやブログなどにも活用できるので、ご興味ある方はぜひ参考にしてみてください！ 【 SocialSplash 】 ■「SocialSplash」の使い方 それでは、「SocialSplash」をどのように使えばいいのか詳しく見ていきましょう！ 利用するにあたり面倒なログインや初期設定などは一切不要で、URL1つで好きな画像を自由に作成できます。まず最初に搭載されている専用エディタを利用してどんな感じで画像が作成できるのかを見てみましょう。 サイトにアクセスして【GET STARTED】ボタンをクリックしてくだ
Divjoy
Choose your stack below to generate a high-quality codebase. You get to start your project on a clean foundation, save yourself a few weeks of dev time, and can get right to work on your core features (you know, the fun part).
Pug を HTML に移行して .vue ファイル の template タグ内に ESLint を効かせた話 - SMARTCAMP Engineer Blog
こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの中川です。 上記プロダクトのフロントエンドは Vue.js を用いて開発しているのですが、 その中で SFC 内のtemplateタグで使用していた Pug をやめて HTML に移行した件をこの記事ではお話しようと思います。 また、実際にtemplateタグに ESLint を効かせてみて発覚したエラーや警告のなかで数が多かったものや、これから Vue 3 に移行していく上で対応する必要があったルールを紹介します。 背景 eslint-plugin-vue が効かない チームに Pug 推進派がいない Pug を HTML に移行するには Vue 3 に準拠した Lint ルールを導入する Lint を実行してみる 対応した目ぼしいルール vue-require-v-for-key vue/val
CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」
Frontnd BuilderはCSSフレームワークを元に作られたテンプレートから、D&Dによるレイアウト調整やクリック→テキスト編集など、直感的な操作でWebサイトを開発できるWebサイトビルダーです。 本アプリはフロントエンド開発者向けを謳っています。開発画面はブロックベースとなっており、ブロック毎にライブコーディングする形となります。各ブロックは単体で編集、再利用可能となっています。 また、RWD対応となっており、いつでも各デバイスに表示切替が可能です。HTMLやpugやHaml、CSSはSASSやLESS、JSはCoffeescriptやBabelなども対応しているので書きなれた環境で開発する事が可能です。 試しに使ってみました。 使ってみる 従来のブラウザで作れるWebサイトビルダーの開発者向けという感じ。コーディングはライブコーディングで各フレームワークも揃えられており、Ham
実家に住んでいた頃、なんとなくくつろげないと感じていたざく ざくろさん。 理由の一つは「音」でした。 多い時で8人が一緒に暮らしていたという実家は、常に音で溢れていました。 まず気になったのがテレビの音。実家では、誰も観ていない時ですらテレビが点いていたといいます。テレビは音の種類が多く、チリチリと体力を削っていきました。 次に気になったのは、自分以外の生活音。田舎の一軒家に暮らし、騒音を気にしなくていい環境だったこともあり、声量やドアを開ける音などがとても大きく、気になったそうです。 実家でくつろげなかったもう一つの理由は、「光」です。蛍光灯の光が眩しく、目がシパシパしてしまうので、蛍光灯を消したり、暗い場所で過ごしたりしたといいます。 「子供は自分で住む場所が選べないのが辛い」 作者にとって、ここで暮らすのは難しかったのです。 BuzzFeedは投稿者のざく ざくろさんに話を聞きました
BtoBサイト改善ガイド | 才流
自社に合ったキーワードを入れるだけでテキストリンクCTAが作成できるテンプレート集です。あらゆるパターンを想定した内容となっているので、複数パターンを組み合わせて作成いただくこともできます。
CloudFormation テンプレートから AWS Cloud Development Kit への移行 | Amazon Web Services
Amazon Web Services ブログ CloudFormation テンプレートから AWS Cloud Development Kit への移行 AWS CloudFormation を使用すると、開発者やシステム管理者は、関連する AWS リソースのコレクションを簡単に作成および管理し、それらを整然かつ予測可能な方法でプロビジョニングおよび更新できます。AWS CloudFormation のサンプルテンプレートの使用、または独自のテンプレートの作成によって、アプリケーションの実行に必要な AWS リソース、相互の依存関係、および実行時パラメーターを定義できます。AWS サービスのプロビジョニングの順序や、それらの依存関係を解決するための詳細を把握する必要はありません。CloudFormation はあなたに代わってこれを処理します。AWS リソースをデプロイしたら、制御され
hhasegawa on Twitter: "オタク（＝後期思春期の中年？）用に奇形的発達を遂げてしまった日本アニメがいまさら世界商品になる未来も予測し難く、前述のように、その制約下での一瞬の輝きに賭けるしかないのであろう。そこで「ガラパゴス」へのオリエンタリズムを利用しつつ… https://t.co/T7JVtoP9CT"
オタク（＝後期思春期の中年？）用に奇形的発達を遂げてしまった日本アニメがいまさら世界商品になる未来も予測し難く、前述のように、その制約下での一瞬の輝きに賭けるしかないのであろう。そこで「ガラパゴス」へのオリエンタリズムを利用しつつ… https://t.co/T7JVtoP9CT
つーか人当たりのいい人間は反応良くなくても一々傷つかずに適当にやわらかい雰囲気に持っていって流すスキルがある。 弱者男性はそういうのがない。 オドオドしながら近づいてきて聞き取れないような声で喋った中身のない言葉に相手が戸惑うのは当然なのに勝手に傷ついて怨念を向けてくるから怖がられるのだ。
はてなの開発プロセスを改善する、すくすく開発会とプロジェクトテンプレート講義のご紹介 - Hatena Developer Blog
Webアプリケーションエンジニアの id:shimobayashi です。 はてなでは開発プロセス改善などに関心のあるスタッフが集まる「すくすく開発会」*1があります。この記事では、すくすく開発会のこれまでと今後について紹介します。 すくすく開発会とは 活動事例: プロジェクトテンプレート講義 問題 解決策 結果 すくすく開発会の今後 この記事のまとめ すくすく開発会とは 開発プロセス改善などについて関心のあるスタッフが集まる有志集団で、すくすく開発会の「すく」はソフトウェア開発手法のスクラムを由来としています。 元々は各チームの開発プロセス改善を行っていたスタッフの情報交換やお悩み相談をするための場だったのですが、活動を続けるにつれてはてなの開発プロセス改善も行うようになりました。 定例会の実施が活動の中心で、毎週30分希望者が集まってお互いの困りごとを相談しあってチームの外からアドバイ
Capture By AuthorTypescript has had Template Literals since its early stages. They are really useful when you want to create types from a static string. It was not until the Typescript 4.1 release that we saw Template Literal Types. In further releases, the Typescript team has been polishing its features and fixing some quirks. As a result, it is now a mature feature. What are Template Literal Typ
こんにちは。もうすぐ2019年も終わりですね。この記事はソフトウェアテスト Advent Calendar 2019 の25日目の記事です。 前日の記事は、同僚の@ozhiro sanのあなたが自動テストを行う目的は何ですか？でした。感動した！ さて、今日はユニットテストの自動作成ツールの現状について調べてみました。 なぜ、調べようと思ったのか？ ユニットテストって大切ですよね？ ソフトウェアを日々開発、修正していく中で、ユニットテストは開発したソフトウェアの品質を確保するテストツールです。また、テスト実行は自動化できるので、テスト工数も削減できます。 しかし、ユニットテストを実行するためにはテストコードの開発が必要で、それなりに開発工数を必要とします。より網羅性などを求めると、テスト対象のソフトウェア開発と同じくらい時間がかかったりする場合もあります。 そのような背景もあり、開発工数や期
誰でも無料で予約時間選択制の予約フォームがサクッと作成できる予約システム「SelectType」レビュー、レンタルスペース・フットサルコート・備品レンタルサービスなど幅広く応用可能
「コストをかけずに予約フォームを導入したい」「難しいことはせずにサクッといい感じの予約フォームを作りたい」という人にとっての心強いツール「SelectType」に、お客さんが「予約の開始時間」と「終了時間」を自由に決められる「予約時間選択方式の予約フォーム」が登場しています。SelectTypeの特長である「豊富なテンプレートのうち好きなものを選ぶだけで予約フォームが完成する」という便利な点はそのままに、より多くの顧客ニーズに対応してさらなる顧客獲得に役立てることができそうだったので、実際に使ってみました。 予約システム SelectType | 高機能でデザインも美しい予約フォーム＆予約台帳付き予約システムを無料で https://select-type.com/reserve.php ・目次 ◆1：SelectTypeで作成できる予約時間選択制フォームはこんな感じ ◆2：無料版アカウン
1982年生まれ。指圧師、マンガ家、編集などの仕事をしている。著書に『いやしのツボ手帳』（永岡書店）、『ツボストレッチ』（日本文芸社）などあり。つらいことがあるとすぐに寝てしまう。 実は作者の冬野梅子さんと僕は面識がある。2019年に開催された｢清野とおるコミックエッセイ大賞｣というマンガの賞で、僕と冬野さんは同じ「期待賞」をとっていた。授賞式の後の懇親会で酒を酌み交わした仲である。 （なお、これがツイッターに「おもしろい」と書くくらいじゃ気持ちが収まらない理由でもある。同じ賞を取っていて、先に行かれている！） 仕事上がりの冬野さんを編集プロダクション「やじろべえ」にお招きして、お話をさせてもらった。 倉田さん、かわいいですよね 斎藤：冬野さん、おひさしぶりです。そしておめでとうございます。 正直なところ、冬野さんと僕は同じ賞を取っていたのに、一歩先に行かれたという思いがありますね……。で
WEB漫画「普通の人でいいのに！」がバズってまわってきて読んだ。 comic-days.com 私の内容に対する感想は以下。 自分がなりたい理想の姿と現実に大きなギャップがあるけれど、そのギャップを自分で埋める努力はせず、ギャップが埋まる人や場所にそれとなくいることでなんとか一部になろうとする人の話だった。 — ぱぴこ (@inucococo) 2020年7月30日 この漫画については、正直「よくわからない」でしかなく、確かにこの手の人が居るのも居たのも知っている。が、上記の感想から「で？」となってしまい、そのグズグズした態度や言葉にしんぼうならんなぁとなるため、仲いい友人には存在していない。 でも、様々な人の様々な感想や切り取り方を見ると、「なるほど」と自分がスルーした別の露悪が存在していることに気が付かされたりしました。全方位に「うわ」となる要素を散りばめていてスゴイ。 この漫画が読者
Component 作成にあたり、storybook や test も一度にコミットする場面が増えてきました。そして CSS Modules や、特定 Component 専用の custom hooks など、一つの Component を構成するファイル群はそれなりの量になってきます。例えば、以下の様な module 構成の Component です。これを手作業で作成するとなると、少し億劫になりますよね。 └── atoms └── Button ├── Button.stories.tsx ├── Button.test.tsx ├── Button.tsx ├── dependencies.ts ├── index.tsx └── style.module.css 作成時にButtonという名称だけ決めてしまい、CLI から雛形出力できれば、作業効率向上が見込めます。（story
A robust admin template utilizing Vue 3, Vite, Pinia, and Tailwind CSS. It's a modern, MIT-licensed template designed for building efficient, responsive, and fast-loading admin interfaces. Tailored to speed up development, Vuestic Admin integrates the latest web technologies for a seamless experience.
ライジ💙💛 on Twitter: "「誰でもいいから」なんてのは、つまり結婚以前に、「他の誰でもない、自分の人生にとって関係ある誰か」との人間関係を何ひとつ作っていない…ということ。そこが問題なんではないだろうか。 https://t.co/6raQwhQEjw"
「誰でもいいから」なんてのは、つまり結婚以前に、「他の誰でもない、自分の人生にとって関係ある誰か」との人間関係を何ひとつ作っていない…ということ。そこが問題なんではないだろうか。 https://t.co/6raQwhQEjw
概要 機械学習を利用したウェブサービスを開発していると、WebAPIとして外部から利用できる形で機械学習の推論を実行可能にしたいということがよくあると思います。私も幾度となくそうした実装をする中で使いまわし定番のコードを用意しているので、知識の棚卸しや改めて新しい技術を学ぶという意味でも、久しぶりに構造や技術スタックを刷新したものを今回作成しました。 そこで本記事は、テンプレート化した機械学習のWebAPI実装の構成と、そこから実際に機械学習の推論を行うWebAPIを作る過程を書いてみようと思います。 テンプレートプロジェクト 今回作ったテンプレートプロジェクトはyagays/fastapi-ml-templateです。 利用しているパッケージ/ツール 利用している技術スタックとしては以下のようになっています。 Web API Pythonのパッケージ依存関係管理： Poetry Webフ
プログラミングの知識が無くても、たくさん用意されたテンプレートを編集して簡単にウェブサイトを作成できる「Carrd」は無料で使用できるサービスです。どのくらい簡単にウェブサイトを作成できるのか、実際に使って確かめてみました。 Carrd - Simple, free, fully responsive one-page sites for pretty much anything https://carrd.co/ Carrdでウェブサイトを作成するには、上記のURLにアクセスして「Choose a Starting Point」をクリック。 まずはウェブサイトのテンプレート選択から始まります。テンプレートは記事作成時点で77種類あり、無料版では52種類が使用可能になっていました。 各テンプレートはウェブサイトがどのように表示されるかを実際に確認することが可能。表示を確認するには、テンプレ
RemixをCloudflare Workersを動かす最初の一歩について、まずはデプロイまでの手順をご紹介します。（Wrangler v2版） はじめに こんにちは、CX事業本部MAD事業部の森茂です。 最近ビックニュース続きのCloudflare使っていますか？とくにCDN エッジを利用したサービスが話題になっており私もわくわくがとまりません:) RemixはCloudflareのCDN エッジサービスであるWorkersでSSRを使って動かすことのできるReactベースのフレームワークのひとつです。そこで、今回は、これを機にCloudflare Workersを使ってみようという方向け、RemixをCloudflare Workersで動かす最初の一歩を紹介させていただきます。 Cloudflare の記事一覧 | DevelopersIO Remix の記事一覧 | Develop
実写の人間のように見えるリアルなAIアバターや動く画像を作成し、日本語を含む140カ国語以上の言語に対応したAI音声読み上げ機能で自然にしゃべらせ、400種類以上あるテンプレートを使って手軽にそれっぽい動画を作れるAI動画作成ツールが「Vidnoz AI」です。通常の動画作成で必要になるカメラやマイクなどの専門機材や、出演者やナレーターといった専門スタッフを用意しなくても簡単かつ低コストで動画作成が可能になるということで、実際にどんな動画が作成できるのか使ってみました。 Vidnoz AI：無料AI動画作成ツール｜AIで動画生成は1分でできる https://jp.vidnoz.com/?insur=jpgigazine Vidnoz AIでどんな動画を作成できるのかは、以下の動画を再生すれば一発でわかります。 Vidnoz AIでは専用アカウントがなくてもAIアバターの作成機能やAI音声
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
技術的負債の返済の足がかりにテンプレートのParserを作った話 - LIFULL Creators Blog
動きで魅せる！Web制作の参考UIインタラクション、アニメーション38個まとめ
便利なのが登場！ Tailwind CSSで実装されたOSSのUIコンポーネント集 -FlowBite
Googleアナリティクス総合レポートver2.0/dark
パワーポイントの品質と生産性を向上させるデザイン・テンプレート ― 2024年版 ― ｜プレゼンデザイン
Pythonで久しぶりにHTMLを出力したくなったのでテンプレートについて調べる - Qiita
Microsoft、リモートワークでの業務管理向けPower Platformテンプレートを公開
JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」
JSXが実はベターな解だったのではないか？｜erukiti
Amazon Honeycode を触ってみた - アールスリーインスティテュート ｜R3 Institute
「Google スプレッドシート」にプロンプトで高機能なテンプレートを生成する機能が追加／ジェネレーティブAI「Duet AI」で情報整理が効率化
ノートアプリ「Notion」が新生活の学生向けテンプレート提供、「パーソナルPro」プランを無料に
実家ではなんとなく、くつろげない。わかる人にはわかる実話に「これは…私も同じだ」
つーか人当たりのいい人間は反応良くなくても一々傷つかずに適当にやわら..
Mastering TypeScript Template Literal Types
ユニットテストの自動作成ツールを調べてみた(2019年末版） - Qiita
マンガ『普通の人でいいのに！』の感想を作者本人に伝えてみたい
「いい子にしていたのに」は恋愛で回収不可です - エモの名は。
hygen で生成 - 対話形式の Component 雛形 -
Vuestic Admin — Vue 3 admin template
機械学習の推論WebAPIの実装をテンプレート化して使い回せるようした
無料で複数のテンプレートから簡単にウェブサイトを作成できる「Carrd」を使ってみた
RemixをCloudflare Workersで動かす最初の一歩 | DevelopersIO
無料で300以上のAIアバターやAI音声を使って超絶簡単に動画作成ができる「Vidnoz AI」を使ってみたレビュー