Blenderで実写合成MVを作った記録。①制作の概観｜涌井嶺/RayWakui
こんにちは、映像ディレクター/VFXアーティストの涌井嶺です。 僕は2020年の頭くらいから、オープンソースの3DCGソフト「Blender」を使い 自分の所属するバンドのMVを3DCG+実写合成を用いて制作してきました。 まずはこちらをご覧ください！ [↓]：MV本編 メイキング版を見るとわかるように、このMVはオールグリーンバック合成で制作しています。一般的に、実写合成映像の多くは、 ・人物がいる部屋は本物で、窓の外がCG合成 ・屋外で撮った映像の遠景に、CG合成 ・スタジオで撮った映像に、浮遊する物体を合成といった作り方が多いです。しかしこのMVは人物以外すべて3DCG、というのが売りかなと個人的には思っています。 この方法のいいところは、同じスタジオで撮った撮影素材でも、背景を作り替えれば全く別のシーンにできるということです。人物がいろんな場所で、いろんなスケールで撮影しているよう
【GithubActions + Marp】markdown記法でプレゼン資料を好きな形式で作成&公開できるようにする
はじめに みなさんは、Marpをしっていますか？ Marpはmarkdown記法でプレゼン資料を簡単に作成できるツールになります。 今回はMarpとGithubActionsを利用して、サクッとmarkdownを書いてGitHubでスライドを公開する方法を紹介します。 Marpの詳しい使い方はこちらを参照ください。https://marp.app/ 作成した経緯 エンジニアだと、プレゼンやLT会などでスライド資料を作って発表する機会が多いと思います。 自分自身も発表する機会が増えてきました。 普段、スライド資料を作成するときはPowerPointを使ってたんですが、 LT発表などサクッとスライドを作りたいときは 「もっと楽に(よく書いているmarkdown記法で)スライドを作りたい。」 「書いたスライドをGitHubで公開、管理したい。」 と思い、今回の環境をつくりました！ 何ができるよう
【第4弾】少しのコードで実装可能な10のCSS小技集
2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせて引用符を変更 クリックで文字列を選択 背景画像を見切れないよう繰り返し表示 入力時の縦線の色を変更 ドラッグで要素のサイズを変更できるようにする floatは flow-root で解除 文章をカラム分けしてラインを入れる HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. 要素の上下左右中央配置 ボックスを要
Google TypeScript Style Guide
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
BASEの日付ライブラリについて - BASEプロダクトチームブログ
自己紹介 こんにちは。BASE株式会社のフロントエンドチームの谷口です。 本日は、BASEのフロントエンドで使用している日付ライブラリについてお話しします。 BASEの日付ライブラリについて BASEでは、frontendという領域が出来始めた当初、最もメジャーな日付ライブラリであるmoment.jsを使用していました。 その後、デザインコンポーネントの開発など、frontend領域が成長していく中で より使い勝手の良い別の日付ライブラリが検討され、date-fnsが採用されました。 現時点で、ほぼ全てのコードがdate-fnsに移行済みです。 date-fnsについて date-fnsについて少し説明すると、公式にもありますが下記のような特徴が上げられます。 moment.jsやday.jsがDateオブジェクトをラップして扱うのに対し、純粋な関数を必要な分だけ読み込んで使用することが出
Webページの状態を集中管理できる「Nuxt.js」のVuexストアを使いこなそう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はWebページの一部分を部品として再利用できるコンポーネント機能を説明しました。今回は、Webページの入力内容や表示内容といった状態を集中管理できるVuexストアについて説明していきます。 はじめに Nuxt.jsは、Webページのユーザーインタフェース（UI）フレームワークであるVue.jsに、Webページの作成に必要なUI以外の追加機能をまとめて提供するフレームワークです。 Webページを複数のコンポーネントに分割できるJavaScriptフレームワークでは、あるコンポーネントの状態（入力／表示内容）を他のコンポーネントで利用する場合、不整合なく状態を共有する仕組みが必要とな
15.「そんなこんなでiOSアプリエンジニアになれました」 | 人生fm
show note 自己紹介 iOSエンジニア 半生とか 学生 小学、中学 MSXというパソコンにはまる、雑誌に載っているゲームのプログラムを打ち込む そのころはFDDがあったりなかったりしたのでテープに保存していた 高校 電気科、ポケコンでゲームを作る FM-TOWNSという富士通のパソコンを買ってもらう 専門学校 ちょうどWindows 95が発売されて、インターネットが一般に普及した Windows PC(Dos/V)を買ってもらう 社会人 新潟 新潟の独立系SIer VCSがなかった話 雪の話 専門学校の途中から研修みたいに働いていた 1年半くらいで退職 東京 ゲーム制作会社、携帯コンテンツ AD見習いで入社してディレクターになった 美少女ゲーム いろいろつらい話あり SIer(SES) 13年くらい 真面目な会社で働いていた話 そこで得られた経験、知識 そこからiOSアプリエンジ
【入門】機械学習に1時間でコードレベルまで入門する方法 #Keras #SageMakerStudio | DevelopersIO
皆さん、こんにちは。コンサル部のテウです。 2020年もあっという間に２ヶ月が経ちました。新年目標の達成進捗率はいかがでしょうか？ 今年こそ機械学習に入門しようぜ！！って決心された方もいらっしゃると思います。なので、今回は機械学習に 爆速 で入門できる方法をご紹介させて頂きたいと思います。 本記事の手順通り、ランチタイム等の時間を活かして、手軽に入門してみてください。 目次 始める前に 皆さんのご存知の通り、機械学習を一瞬でマスターすることは不可能だと思います。ですが、手を動かして、可能な限りより早く技術を体験することはとても大事だと思います。技術を実際に体験して、何ができるかを確実に把握することにより、次のステップへのチャレンジのハードルも下がりますね。 本記事は、今まで SageMaker インスタンスを一度も起動してみたことがなかった方を対象として書かれております。この機会に是非Sa
AtCoderで水色になるまでにやった事とかをまとめる - shibh308’s diary
こんにちは。3/17のABC091で無事水色になる事ができたので、今までにやってきた事と水色になるために必要だと感じた事をまとめようと思います。 この記事に載っている内容はあくまで個人の意見なので、あくまで参考程度にお願いします。 また、私自身が水色最底辺の人間なので知識が浅く、いくつか間違っている点があるかもしれません。ご容赦ください。 自分語り 塚本@shibh308です。執筆時点でのレートは1215で、今までのレート推移はこんな感じ(下画像参照)です。 競技プログラミングを本格的にやり始めたきっかけは去年の12月ごろ、JOI予選で300点爆死をキメたのがきっかけでした。当時はアルゴリズムについての知識が全くなかったので、200点問題ですら解けるか怪しいようなレベルだったと記憶しています。 当時のコードはこんな感じですね。この時はB問題を時間いっぱい使ってやっと解けたみたいな状態でした
世界中のニュースを検索・収集できる「News API」で情報収集アプリを作ってみた！ – Rakuten RapidAPI Blog
どうも、まさとらん（@0310lan）です！ みなさんは、普段からどのような方法で情報収集をされているでしょうか？ お気に入りのニュースサイトをいくつか訪問してみたり、ニュースフィードを読んでみたり、スマホアプリを利用するなど…、さまざまな方法があるかと思います。でも、もっと効率よく欲しい情報を収集してみたいと思ったことはないでしょうか。 さらに言えば、日本国内だけでなく世界中から情報を好きなように集められたら素敵だと思いませんか？ そこで、今回はあらゆるニュースを収集して好みの情報を横断検索できる便利なAPIを活用し、自分だけの情報収集装置を作ってみましょう！ ■どうやってニュース記事を収集するか？ いざ、世界中のニュースを集めようと思っても、主要なニュースサイトを訪問するだけで日が暮れてしまいますよね。 理想としては、以下のようなAPIが提供されていると便利だと思います。 世界中のニュ
【Vue.js入門】の執筆者が語る！ Vue.jsで押さえておきたい５つのポイント - FLEXY（フレキシー）
※本記事は2019年11月に公開された内容です。 JavaScript用のフレームワークの中でも高い採用率を誇るVue.js。そのVue.jsをこれから学び始める方は、学び方を教えてほしい、有識者の話を聞きたいと考えたことはありませんか。本記事では、「Vue.js入門 基礎から実践アプリケーション開発まで」の著者である手島拓也氏にVue.jsを学ぶ前に知っておきたいポイントを語っていただきます。Vue.jsの勉強方法や手島氏の経験を知ることができるので、ぜひご覧ください。 学ぶ前にまずはどんな案件があるか知りたい方は、FLEXYで取り扱っているVue.js案件をご覧ください。 私のエンジニア史とVue.jsに出会うまで 先日、慶應義塾大学矢上賞（起業支援）授与式で招待講演をする機会がありました。その際にも強烈に感じたのですが、Vue.jsと私のエンジニア史を切り離して語ることはできません。
思わずへ〜ってなったTypeScriptのトリビア10選 - dely Tech Blog
はじめに こんにちは、フロントエンドエンジニアのall-userです！ これはdelyアドベントカレンダー9日目の記事です。 昨日はプロダクトデザイナーのkassyさんプレゼンツ「デザインとエンジニアリングをつなぐために重要な3つのこと」でした。 dely.design 開発現場でも直面することの多いコミュニケーションの問題と、それに対して心掛けていることについて書かれていて、うんうんとうなずきながら読んでしまいました。ぜひこちらもご覧ください！ それでは、TypeScriptを使ったクラシルのフロントエンド開発の中で、思わずへ〜となったトリビアたちを紹介したいと思います。 目次 はじめに 目次 1. 循環依存のエラーを回避する方法 どうしてエラーになってしまうのか？ エラーを回避する方法 どうしてエラーにならないのか？ 全てのエラーを回避できるわけではない Parcel, Rollup,
やはり俺の「質 v.s. スピード」はまちがっている。 #eof2019 - 名前考えるの苦手
2019/10/31(金)に開催されたEngineering Organization Festival 2019 で @t_wada さんの「質とスピード」という講演を聞き、とても感銘を受けたのでメモ。 品質とスピードはトレード・オフの関係にある。どちらを優先するか？要バランスだ。 そう思っていた時期が私にもありました。 けど、そんなことはなかった！ ■追記 個人的な捉え方としては、 プロダクトを漸進的に成長させ、仮説検証ループするスピード上げようとすると、犠牲にした保守性があとで(意外とはやく1ヶ月後には)足枷になる。 保守性(テスト容易性、理解容易性、変更容易性)が低いとリードタイムが延びてスピードがどんどん落ちていくループをまわせなくなる。ってことかな、と思う。 スピードを上げようとしたのに、意外とはやくスピードが上がらなくなるジレンマ。 @t_wadaさんのスライド 素敵なグラレ
これだけは押さえておくべき！機械学習を学べるおすすめスライド5選
近年話題を集める機械学習。関心はあるけれど着手しづらかったり、具体的に活かすにはどうしたらいいかわからないなんてことはありませんか？ 今回は、機械学習の最新情報や機械学習を活かしてリコメンドシステムを組んだ事例や、分析に活かした事例などを紹介した機械学習についての学べるスライドを厳選して4個まとめました。 もう少し機械学習について知識を深めたい人は是非御覧ください。 パワーポイント等で作成したプレゼン資料を共有できるサイト「スライドシェア」。機械学習の知識を深めたいエンジニアのために、サイトから厳選したプレゼン資料を紹介します。データ分析やディープラーニングに焦点を当てているので、興味がある方はチェックしてみてください。 ①機械学習によるデータ分析まわりのお話 機械学習によるデータ分析まわりのお話 from Ryota Kamoshida 『機械学習によるデータ分析まわりのお話』では主に、
create-react-appのService Workerサポートで手軽にオフラインキャッシュを使う - ninjinkun's diary
この記事はPWA Advent Calendar 21日目の記事です。 create-react-appのService Workerサポートを使ってお手軽にオフラインキャッシュを組み込んでみたので、調べたことをメモします。とりあえずすぐにオフラインでPWAが動かせるようになって便利です。 使い方 create-react-app でアプリを生成していればindex.js|tsで import { register } from './serviceWorker'; register(); するだけ。 内部 create-react-app（2.0以上の場合、現在は2.1.4）のService Worker supportは内部でworkbox-webpack-pluginを使っている 使われているのはgenerateSW モード プロジェクト内のhtml/js/imageが一通りキャッシ
繋がりを可視化する グラフ理論入門｜es
個人的に、一番面白いデータ構造であり探索アルゴリズムです。 ここで言うグラフは円グラフや、棒グラフのことではないです。プログラミングで扱うのは、図のように、点と線を繋げたものです。 ズバリ、人と人の繋がりを表現できます。 今回もJavascriptで実装します。 グラフ理論は、SNSだったり、レコメンドだったり、地図の経路だったり ルーティングだったり、点と点の繋がりを可視化します。繋がりを表現するデータ構造です。 巨大なインターネットもそうです。 そいう意味で、すごく身近なアルゴリズムですよ。 グラフの基本は次の２点で構成されています。 ・ノード：node(vertex) - 点（人、物、場所） ・エッジ：edge - 辺(繋がり、経路) 上の図を見ると一目瞭然ですね。ノードを人だとしたら、エッジが関係性です。まずは、これだけ理解できれば大丈夫です。 ちなみに、方向がない辺を無向グラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenChakra
Vue.js 3 に向けた Vue.js 入門
「Mathematica」や“Wolfram|Alpha”の核「Wolfram Engine」が開発者向けに無償開放／どんなシステムにも組み込める「Wolfram」言語のエンジン
エツオ⭕ on Twitter: "すっごく掻い摘んで書く。 先日焼肉屋に行った妹二人が急性アルコール中毒で救急搬送されました。が、その後上の妹の夫（医師）が薬物を疑って薬物検査キットを持ち帰ってきて、尿からAMP出たんですよ。アルコール中毒じゃなくて覚せい剤盛られてたの（そもそも酒量としては殆ど飲んでない）"
