美少女 × ショート動画で商品をPRしませんか？美少女AI動画生成サービス『ガウェインAI』商品画像1枚から「美少女がしゃべるPRショート動画」を量産できる新サービスが登場 美少女が、あなたの代わりに商品を紹介します！ ノーギアス株式会社（本社：東京都新宿区、代表取締役：岡室 庄悟）は、美少女が登場する商品紹介ショート動画を自動生成する、AI動画サービス『ガウェインAI』を開発しました。 美少女が商品の魅力を語ってくれる、縦型ショート動画を量産できることを目指しています。 美少女 × ショート動画のガウェインAI URL: https://gawain.nogeass.com 特徴 美少女が紹介してくれる 複数種類の美少女キャラクターを標準搭載 商品画像と組み合わせて、商品を手に持つ・横に表示するなどのポーズを自動適用 ナレーション機能 台本を入力するだけで簡単ナレーションを標準搭載 迷っ

DX現場支援で顧客と共に 社会変革をリードする メンバーズは、お客さまのDXチームに伴走し、「DX投資のROI最大化」を実現します。 お問い合わせ

指標についてはこちらの記事がわかりやすいのでぜひご参考ください。 これらの指標それぞれについて先ほどの順位点数を出します(0〜100)。その5つの順位点数に重みを加味して平均値を出したものが、PageSpeed Insightsで表示される点数です。 つまりどういうことか ​PageSpeed Inshgtsの点数はいかにファーストビューが速く完成して操作できるようになるか、それが全てということです。 例えば、同じ内容のWebページでも、 A ファーストビューが1秒で表示されるが、スクロールしたときのコンテンツはその後4秒かけて少しずつ表示される場合B 読み込みから5秒は画面が真っ白だが、その後ページの上から下まで一気に表示される場合PageSpeed InsightsはAの場合を高く評価し、Bの点数は低く評価します。これは実際のページ離脱の感覚として理に適っていると思います。 点数が上が

Amazon is an Equal Opportunity Employer: Minority / Women / Disability / Veteran / Gender Identity / Sexual Orientation / Age.

フリーランスに関するネタならなんでもOK！独立した！とか、今年の苦労話とか、フリーランス生活に関することとかお仕事のこととか。

Product teams Deliver localized versions of your product faster by automating tedious localization steps. Localization teams Streamline your workflows and simplify collaboration with efficient localization management.

Lately, Typescript is becoming more popular in the Javascript ecosystem and, by this post, I don’t want to dive deeply into Typescript but I would like to show a basic approach to integrate Vuex within a Vue application with a Typescript codebase. At this point, I assume you are familiar with basic Typescript approaches and how to use the language in a Vue application. In case you’d like to have a

フロントエンドチームの @urahiroshi です。Mercari Advent Calendar 2018 12日目を担当します。 今年の8月から12月にかけて，メルカリ・メルペイのフロントエンドチーム有志で「超速！Webページ速度改善ガイド」の社内輪読会を行いました。 この本の中で，「推測するな，計測せよ」という言葉が紹介されていますが，今回の記事は，輪読会で学んだことのまとめとして，Chrome DevToolsを用いてメルカリWebのパフォーマンス計測と簡単な分析を行ったものです。 なお，現在メルカリWebのアーキテクチャを刷新するための開発が進んでいるため，ここで計測したパフォーマンスの値は大幅に変化していく可能性が高いです。アーキテクチャの刷新後に振り返って見られる楽しみが増えることも、この記事を書いた目的の一つです。 計測方法，環境 計測はGoogle Chrome 71.

プロジェクトの成功率を上げるために、チームリーダーができること・やるべきこと提供：株式会社CyberZ スマホアプリの分析プラットフォーム「F.O.X」が主催する、スタートアップで働くエンジニア向けコミュニティイベント「F.O.X Meetup」の第3回が開催されました。スタートアップのエンジニアが求めるナレッジをキャッチアップ・共有し、F.O.Xの持つノウハウを公開することで業界をさらに盛り上げることを目的としている本イベント。今回は、「スタートアップのチームビルド」をテーマに、経験豊富なプロジェクトリーダー達が自身の知見を披露します。株式会社マクアケの吉田慶章氏は、「さぁ！今すぐプロジェクトリーダーに立候補しよう」というテーマでプレゼンテーションを行いました。チームの特性に合わせたチームビルディングやマネジメント手法について、自身のノウハウを明かします。 プロジェクトをリードする技術吉

スクロールに応じてページ要素を固定表示できるposition: stickyが便利で面白い使い方ができそうなので実験してみました。仕様がまだ草案（Working Draft）の段階 で、将来、細かい部分に変更がないとは言い切れませんが、Edgeを含めた最新のブラウザで、ほぼサポート されています。 position: stickyの仕様 ブラウザ・サポート状況（Can I use…） フィーチャー・クエリ（@supports） と一緒に使えば、position: stickyに対応していないブラウザにも考慮した実装が可能なので、注意は必要ですがちょっとしたエンハンスメントとして使うのに良さそうです。 まずは「こんなのが簡単にできちゃいますよ」というデモからご紹介します。 面白い使い方 基本的な使い方だけでも便利なスティッキーですが、応用するとスクロール効果のような面白い使い方ができます。以

Elasticsearch-railsを試そうと思ったところ、インデックスを作成するところでエラーとなり詰まりました。 結論としては原因不明で解消していませんが、使用するElasticsearchのバージョンを下げて回避しました。 環境 Ruby 2.6.3 Rails 5.2.4 elasticsearch-rails 7.0.0 elasticsearch-model 7.0.0 Elasticsearch 7.4.0 (Dockerイメージ) 下記の記事を参考にさせていただきElasticsearchを試す環境を構築しています。 qiita.com この記事で使用しているElasticsearhのバージョンは6.7.2ですが、私は最新版の7.4.0を使用しました。以下のURLでDockerイメージのElasticsearchバージョンを確認できます。 www.docker.elast

今回は「MongoDB における 集計 (Aggregation) の基本」についてまとめます。 あまり細かいところは触れませんが、大まかな概略はつかめるようにまとめました。 集計手続き（Aggregation Pipeline） 一般に「集計を行う」となると「さまざまな処理を経て目的とする値を取得する」ようになっていると思います。 例えば、「今月売れた商品を売れた数順に取得する」のであれば「売上データを対象に今月の売り上げで絞り込み→商品ごとに売り上げ個数を集計→数が多い順にソート」といった流れで処理します。 これはRDBだと複数のサブクエリを作成して実現しているかと思いますが、 MongoDB だと aggregate([<stages>]) のように個別処理（ステージ）を配列にして aggregate() へ渡すことで実現します。 前述のサンプル（「今月売れた商品を売れた数順に取得す

migration の中で model を触ったら必ず reset_column_information する 治安の悪い Rails アプリケーションでは、migrate 中に model の不整合で怒られることがあります。 class AddAgeToUsers < ActiveRecord::Migration[5.1] def up p User.first # 1 add_column :users, :age, :integer # 2 User.create(name: "Taro", age: 16) # 3 end end 1 で User model を触ってしまっているので add_column 前の DB の状態がキャッシュされて 2 で追加した add_column は別にキャッシュをリセットしないので 3 で ActiveModel::UnknownAttrib

概要 MongoDBの薄い本を読みながらMongoDBを勉強し始めたので、自分の理解を試すために書きます。 簡単なCRUDの説明になります。 また、以下の内容で簡単なMongoDBの使い方がわかった方は、[Groovy] MongoDBを簡単に扱えるイケてる言語Groovy -基本的なCRUD-を見ていただければ、プログラミング言語Apache GroovyからMongoDBを扱う方法も確認していただけます。 インストール Synapticパッケージマネージャからインストールします。 mongodb というパッケージを選択してインストールしてください。 インストール構成はまぁ普通な感じでしょうか？？ 重要そうなファイルは以下のように配置されています。 /usr/bin/mongo /usr/bin/mongod /etc/mongodb.conf /var/lib/mongodb (con

Vue.js 2系を対象とします。 何がしたいかというと、 <my-great-text-input v-model="text" /> ということがしたい。 とりあえずドキュメントを見ると、以下のような方法が書いてある。 https://jp.vuejs.org/v2/guide/components.html#カスタムイベントを使用したフォーム入力コンポーネント <template> <input type="text" :value="value" @input="updateText"> </template> <script> export default { props: ['value'], methods: { updateText(e) { this.$emit('input', e.target.value) } } } </script> ただ、必ずしもこれしか方法が

はじめに NodeJSに限らずデバッグはプログラマ、エンジニア、デベロッパーにとって必ずマスターしなければいけないスキルの一つです。そのスキルが無いと、バグが発生した時に原因を突き止めて改修することが事実上不可能だからです。 今回はNodeJSの初心者を対象として、基本となる3つのデバッグ方法を紹介しますので、必ずマスターしましょう。 なお、デバッグの0番目の方法としてconsole.logがありますが、当たり前なので書きません。 デバッグ用のソースコードの準備 それではデバッグを試すためだけの簡単な環境を準備しましょう。 $ mkdir nodejs-debugging $ cd nodejs-debugging/ $ yarn init -y $ yarn add node-emoji $ touch debugging.js 「debugging.js」は以下にします。 const

# 入力 command < file # ファイルの内容をコマンドの標準入力に渡す # ----------------------------------------------------------- # 出力 command >&2 # 標準出力を標準エラー出力にリダイレクト command > file # ファイル作成 or 上書き command >> file # 追加出力。ファイルがなければ作成 command 2> file # 標準エラー出力をファイルにリダイレクト(作成 or 上書き) command &> file # 標準出力/エラー出力を同一ファイルにリダイレクト command > file 2>&1 # 同上 command &>> file # 標準出力/エラー出力を同一ファイルに追加書き込み command >> file 2>&1 # 同上 com