岡本健@『VTuber学』(岩波書店)Vtuber「ゾンビ先生」 @animemitarou 大学の授業で 「一部受講生の私語がうるさい」 という問題があります。 これ、大学によるんですが、 (無理な大学もある) 近大の私の授業は 200人とかであっても静かです。 別に「静かにしろ!」 と怒鳴りつけている わけではありません。 初回とその後数回で 以下のような対応を取ります。 岡本健@『VTuber学』(岩波書店)Vtuber「ゾンビ先生」 @animemitarou まず、初回に 「授業のお約束」として 「私語禁止」をお伝えします。 この時重要なのは なぜ「私語禁止」なのかの 理由の説明です。 私は、 「私の話を聞くか聞かないかは 皆さんの自由で良いと思う。」 と説明します。 講義のプロなんで、 誰も聞いてなくても 1時間半話そうと思えば話せますと。 岡本健@『VTuber学』(岩波書店
経営コンサルタント、アルマ・クリエイション株式会社代表取締役 日本最大級の読書会「リードフォーアクション」発起人、NPO法人 学修デザイナー協会理事。上智大学外国語学部卒。ニューヨーク大学経済学修士、ペンシルバニア大学ウォートンスクール経営学修士。大学3年次に外交官試験合格、4年次より外務省経済局に勤務。戦略コンサルティング会社、米国家電メーカーの日本代表として活躍後、1998年、経営コンサルタントとして独立。『GQ JAPAN』(2007年11月号)では、“日本のトップマーケター”に選出。2012年、アマゾン年間ビジネス書売上ランキング第1位。2018年、マーケティングの世界的権威の「ECHO賞」国際審査員に選出。2019~2020年、古田土会計が評価する「社長の成績表®」で2年連続No.1に。現在、ビジネス分野のみならず、教育界でも精力的な活動を行っている。おもな著書に『稼ぐ言葉の法則
CyberZ CTO室のメンバーの森 (@at_sushi_at) です。 先日、株式会社サイバーエージェントの2021年度 エンジニア新卒研修でコードの品質に関する講義を行いました。 そこで話した内容とスライドを完全公開します。 45分の内容のため、かなり長いですが、個人的にぜひ一読して欲しい内容になっています。 はじめに こんにちは、森 篤史と言います。2019年度入社で今年で3年目になります。株式会社CyberZのOPENREC.tvというプロダクトでAndroidアプリチームのリーダをやっています。 最近はプログラムを書く仕事以外に、次世代マネジメント室という全社横断組織でDevelopers Blogの改善プロジェクトを実行したり、CyberZ CTO室で組織活性化に取り組んでいます。 あと、2019年度の未踏スーパークリエータにも認定されました。 メインの仕事としては、入社して
「読んだ本を読書ノートに記録しようと思ったけど、書き方がわからないや……」 こんな経験はありませんか? そんな方のため、小説やビジネス書に使える、読書ノートの簡単な書き方をご紹介します。 学んだ知識を整理できたり、記憶を強固にできたりと、読書ノートはメリットだらけ。これからご紹介する書き方を実践し、読書ノートを続けてみてください。 読書ノートのメリット 「そもそも、どうして読書ノートをつけるんだろう?」という方のため、書き方の前に、読書ノートのメリットをご説明します。 知識を整理できる 読書ノートをつけることで、本から得た知識を整理できます。一般的に、本1冊の情報量は10万字以上。読み流すだけでは、これほど大量の情報を処理できませんよね。そこで、 要点を書き出す 重要な文を書き写す 図解する ……といった「書く」プロセスを通じ、情報を自分にとってわかりやすく整理することで、内容を深く理解で
英語を勉強するなかで必須なのが、英単語を覚えること。 しかし、英単語を覚えるといっても数は膨大です。英検3級(中学卒業程度)でも必要語彙数は2,100個ほど、TOEICで400点を目指すとなると3,000個ほどを覚える必要があります。 これだけの数を地道に覚えていくのは非常に大変ですよね。そこで今回は、たくさんの英単語を効率良く覚えるためにぜひ知っておきたい、接頭辞について紹介します。 英語の接頭辞ってなに?接尾辞との違いは? 「接頭辞(せっとうじ)」とは、英単語の頭の部分です。英語ではprefix(プレフィックス)といいます。 commerce(商業・貿易)という英単語を例に見てみましょう。この言葉を分解すると、 com(接頭辞)+merc(語根) という構造であることがわかります。ちなみに、語根(ごこん)とは、単語を分析した最小単位のことです。 comには「一緒に・ともに」という意味が
「すぐに使えるメモ60(頭の角度について)」「すぐに使えるメモ59(肩の可動域)」「すぐに使えるメモ58(力の伝達)」「すぐに使えるメモ57(重さの表現)」「すぐに使えるメモ56(ポーズの平面感)」「すぐに使えるメモ55(ポーズの立体感)」「すぐに使えるメモ54(力のつりあい)」「すぐに使えるメモ53(シルエットのコツ)」「すぐに使えるメモ52(慣性の法則)」「すぐに使えるメモ51(力が入ったポーズ)」「すぐに使えるメモ50(エネルギー保存の法則)」「すぐに使えるメモ49(てんびんの法則)」「これだけで完璧! 歩きのアニメーション基礎」「すぐに使えるメモ47(スミアフレーム)」「すぐに使えるメモ46(筋肉の動きの作り方)」「すぐに使えるメモ45(眉毛の上下と演技)」「すぐに使えるメモ44(ブレークについて)」「すぐに使えるメモ42(魅力的な口の形を作る)」「すぐに使えるメモ41(パワーセ
#はじめに スムーススクロールは、同じページ内を滑らかに移動させる機能のことです。 何か項目をクリックすると、画面がぬるっと動くWebサイトをよく見かけると思いますが、あの動きを実現するためのものです。 サイトに動きをつける際、個人的にこれまでは主にJavaScriptを使っていたのですが、スムーススクロールはHTML/CSSだけで実装できると知ったので、実際に試してみました。 #ソースコード・動作 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Scroll</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="box top" id="top"> <span class="text">Top</sp
【Blenderアニメーションの作り方】基本動作3つとコツ5つ! 2021年12月12日 2022年1月20日 3DCG, ゲーム開発・プログラミング 3DCGのキャラクターアニメーションはいろいろなパターンがあるのでどうすればいいんだーと悩んでしまいがちです。 実はこの記事で紹介する3種類のアニメーションの作り方をマスターすれば他のたいていのキャラクターアニメーションを作ることができるようになってしまいます。 私もゲーム会社のアニメーションチームに配属された最初のころ、これら3種のアニメーションの作り方を覚えてから次々と他のアニメーションも作れるようになったからです。 3Dでキャラクターアニメーションを作るコツは何か、というとアニメーションごとに細かいコツがいろいろあります。 中でも特に よ~く観察すること、人間の体の動きの原理を知ること、作るキャラクターがどんなものであるかを理解するこ
グラデーションを作成した時に、中央がグレーに濁ってしまうこと(グレーデッドゾーン)があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第11弾は角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Eleven. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークテーマのテキストはコントラストを下げる 2. アイコンをわかりやすくするためにラベルを付ける 3. 角丸を補完的に使用する 4. ダークテーマで要素の奥行きを正しく伝える 5. Atkinson書体でコンテンツをよりアクセシブルに 6. メッセージは短く、要点を絞る はじめに 次
前回のだんぼー君()作りではノード周りにほぼ触れなかったので、その補完も兼ねて今回はノードだけでモンスターボールを作ってみたいと思います。 構造が簡単なので初めてでも割とすぐできるんじゃないかなぁと 「そういって前回も30分じゃできなかったろ」って? ナンノコトデショウ... 茶番は置いといて そもそもノードって?「オブジェクトに数値や色などの様々な情報を与えるもの」だと思ってください。これをベルトコンベアーのように繋いで入力と出力を繰り返すことで最終的に様々な質感を表現することができます。 選手紹介まずは今回活躍してくれる選手たちの紹介 ・プリンシプルbsdf 大抵の表現はこれ一つでなんとかしてくれる天下のディズニー発のエリート。今回もお世話になります。 詳しくはここでも見て ・カラーランプ 色や数値の調整から範囲の操作までなんでもござれ万能マン。個人的使用率1位のノード。 ・RGBミッ
三点照明とはなにか 意味 ・三点照明(さんてんしょうめい,3 Point Lighting):キーライト、二番目のフィルライト、三番目のユーティリティーライトを使用するライティングスキーム(計画)のこと。たとえば左上にキーライト、右上にフィルライト、後ろにバックライト(リムライト)を設置したりします。昔の伝統的な絵画や現実の自然にはほとんど三点照明が存在しないそうです。つまり、人工的なライティングということができます。物をきれいにみせたり、モデルさんをきれいに撮ったりと、そういった場面で使われます。シュレックなどの3D映画でも、キャラクターを際立たせるために使用されたりしているそうです。 ライティングとはなにか 絵を描くために必要な光源と照明用語の理解 スタジオ撮影で使われるような環境 このようなイメージですね。良く言えばキレイに見えますが、悪くいえば自然には見えません。 強めの光、弱めの
2020/09/08更新 こんにちは、CGフリーランスとして活動している西川です!Youtubeと ツイッターやってます。お問い合わせはこちら。 今回はテクスチャ、写真を無料でダウンロードできるサイトをまとめました。テクスチャとして利用したり、リファレンスとして利用したり3DCG制作で欠かせないものです。 「写真サイト」と単純な「テクスチャサイト」「PBRマテリアル用のサイト」などいくつかに分けて紹介していきます。基本的に無料で使用できるものを紹介していきます。ですがサイトによって規約が微妙に異なるので、実際に使用するときは利用規約を確認してください。 CC(クリエイティブ・コモンズ)またCC0については以下の記事を参考にしてください。 CC https://creativecommons.jp/licenses/ CC0 https://creativecommons.jp/scienc
目次画角の設定 OpenEXR で保存する Filmic ビューを使う Filmic ビューで露出を確認する ライト明るさの単位 色温度の設定 テクニック天トレ レフ版 ハイライト 布に異方性を設定する そのほか空テクスチャで西田モデルを使う(2.90) 外部リンク ライティングの前に画角の設定キャラやオブジェクトをアップで撮影する場合、カメラの画角を望遠よりに変更した方がいい。デフォルトの画角(35mm)ではパースのゆがみが大きく、特に人物の顔をアップにすると不細工に映る。 3D ビューの画角を設定するにはモデリングする際のカメラセッティングを参照。レンダリングするカメラの画角は Properties > Camera > Lens > Focal Length で設定できる。100~200 の間がよく使われる。 レンダリング結果を OpenEXR で保存するOpenEXR は jpg
鮮やかなグラデーションを作成したいのに、なぜか色の移り変わる部分がくすんで灰色っぽくなってしまう……という経験をした人もいるはず。このような事態を避けて色鮮やかなグラデーションを作成可能にするツール「CSS Gradient Generator」が公開されています。CSS Gradient Generatorで作成したグラデーションはCSSのlinear-gradient関数としてコピー&ペースト可能なので、そのままウェブデザインとしても利用可能です。 CSS Gradient Generator https://www.joshwcomeau.com/gradient-generator/ Make Beautiful Gradients in CSS, with linear-gradient, radial-gradient, or conic-gradient. https://w
ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。 実装は非常に簡単で、HTMLやCSSを変更せずに、パララックスのさまざまなエフェクトを実装できます。 simpleParallax.js simpleParallax.js -GitHub simpleParallax.jsの特徴 simpleParallax.jsのデモ simpleParallax.jsの使い方 simpleParallax.jsの特徴 simpleParallax.jsは、<img>で実装された画像にパララックスアニメーションを追加する、非常にシンプルで軽量なバニラJavaScriptのライブラリです。
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第10弾は、デザインの原則とフォントやシャドウに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Ten. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 近接: 重要なデザインの原則です、上手く使いましょう 2. UIに含まれる要素は常に区別できるようにデザインする 3. 見出しと本文の両方に最適なサンセリフフォント 4. 見出しと本文の両方に最適なセリフフォント 5. フォントの組み合わせを探す時はSuperfamilies 6. シャドウは繊細に はじめに 次の
目次 1. VRChatとは? 2. VRChatの魅力 ・アバターやワールドの自由度の高さ ・バーチャルイベントが多数開催 3. VRChatができるデバイス ・VRヘッドセット版の特徴は? ・PCデスクトップ版の特徴は? 4.VRChatの最新サービスと今後のアップデート ・モバイル版が開発発表 ・テキストチャットが登場 ・グループ機能が登場 ・クリエイターエコノミー構想の発表 5. MoguLiveで特集したワールドを紹介 ・VTuberの遊園地「ぽこピーランド」 ・異世界を再現したような幻想的な島 ・超巨大なスペースコロニー型ワールド ・忠実に再現された井の頭公園駅 ・西洋美術をじっくり鑑賞できるワールド ・魅力あるワールドは他にもたくさん! 6. VRChatの始め方 ・アカウント作成とインストール ・VRChatの基本的な遊び方 ・初心者におすすめなワールドは? ・アバターの変
キャラクターにおけるポージングは非常に重要です。ポーズ一つで、そのキャラクターの性格や年齢が表現されます。しかし、ポージングはモデリングやペインティングとは全く違ったスキルが必要とされるため、初心者の多くは効果的なポージングに戸惑うことも多いでしょう。 今回は、そんなポージングについて詳しく解説していこうと思います。 骨盤を動かす 骨盤は人体の重心です。ポーズを作るうえで、この骨盤がズレていることが無いようにしましょう。 基本的に人体リグは骨盤を親としているので、骨盤のボーンを動かすとほぼ全てのボーンが動きます。つまり、最初に動かしておかないと、あとあと調整が難しくなってしまうということです。 このため、まず初めに骨盤の位置を固定させましょう。 背骨のラインを全て決める 次に体の軸となる背筋のラインを調整します。背筋は直線にするよりも、やや曲線を描いている方が人間らしさが出ます。 頭と首の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く