アニメーション実装のテクニックのひとつにFLIPと呼ばれるものがあります。FLIPアニメーションは2つの状態をなめらかにつなげるテクニックで、とくに移動や拡大といった動きに有効です。FLIPアニメーションを用いると、次のようなアニメーションを実装できます。 本記事では、ライブラリに依存しないFLIPアニメーションの原理を理解し、実装する方法を紹介します。 FLIPアニメーションとは FLIPとは、First, Last, Invert, Playをまとめた造語です。これらはFLIPアニメーションの手順を説明したものになります。 First：アニメーションを開始するときの状態 Last：アニメーション終了時の状態 Invert：変化量を計算し、Lastの状態に適用してFirstの状態を復元します Play：Invert量を徐々に減らしてLastの状態に近づけていきます FLIPのおもしろい点

カケハシのプラットフォームチームでソフトウェアエンジニアをしているすてにゃん (id:stefafafan) です。今回は、私が TypeScript をメイン言語として採用しているチームに参加した際、言語や周辺技術のキャッチアップを行った方法について紹介します。 この記事は秋の技術特集 2024の 3 記事目です。 この記事の想定読者 私が元々持っていたスキルセット 認知負荷の増加 TypeScript 学習のためにやったこと 学習の進め方 テックリードとの 1on1 の中で壁打ちや相談 ペアプログラミング 輪読会 もくもく会 学習コンテンツ O'Reilly Online Learning を使った学習 TypeScript Deep Dive プロを目指す人のための TypeScript 入門 安全なコードの書き方から高度な型の使い方まで type-challenges 公式ドキュメ

おそろしいゲームがNintendo Switchから発売されてしまいました ドラえもんとのび太が、ケガをしたおじいさんのためにどら焼き屋を手伝うことになるゲーム『ドラえもんのどら焼き屋さん物語』、これが本当に面白い！！！ ２人だけじゃなく、しずかちゃん！ジャイアン！スネ夫！ミニドラ！いつものメンバーみんなでお店を大きくしていくんだ！ どら焼きだけじゃなく、色んな和菓子を発明できる！ 飾りつけの組み合わせは自由！センスを活かして最高の一品を完成させよう！ もちろんここはドラえもんの世界！タイムマシンに乗って「未来デパート」に行き、便利なひみつ道具を買うこともできる！ 時にはどら焼き屋の手伝いだけじゃなく、新たな食材を求めて冒険の旅に出ることも！全員で力を合わせて敵と戦う！ 勝てない時はみんなトレーニング！能力を上げて、強敵を倒そう！ しかも、登場するのはドラえもんのキャラクターだけじゃない！

最近は生成AIも一通り新発表ラッシュが終わり、ChatGPTが登場した直後の「熱狂」は一通り収まってきたように感じる。 おそらく現在は 「ちょっと触ってみて、すごいと思ったけど、あまり実用性を感じられなくて、今はたまに使うくらい」 という人が多いのではないかと思う。 いわゆる「失望の谷」に入った状態だ。 なぜ生成AIは「失望の谷」に入ったのか。 その原因は明らかで、生成AIを使って、自分が狙っているクオリティの成果品を出すのが難しいし、プロンプトを考えるのが面倒からだ。 例えば、こんな状況を想像してほしい。 朝出勤してきて、最初に 「昨日一緒に飲みに行った、お客さんの部長さんに「お礼」のメールを書きたい」 とする。 多くの方が想像する通り、お礼のメールは結構書くのが面倒だ。 そこで、「生成AIを使ってみよう」と、次のようなプロンプトをChatGPTに打ち込むとどうなるか。 昨日一緒に飲みに

頼展韜氏プロフィール 會田翔氏プロフィール バンダイナムコ研究所は、バンダイナムコエンターテインメントと協力して配信AIキャラクタープロジェクトを実施しており、「ゴー・ラウンド・ゲーム（ごらんげ）」という企画を進行している。その裏側で、あるいはゲームテキスト素材生成ツールを作る際において、どのようにAIテキスト生成を利用していたか解説が行われた。 ゲーム開発環境においてもAI生成は当たり前に 近年、LLMは目まぐるしい発展をしており、さまざまな領域を含む問題で構成されるベンチマーク「MMLU」において、人間の専門家を超えるスコアを達成しているという。 しかもこれは商用モデルのみならず、MetaのLlamaをはじめとするオープンモデルも性能差が縮まってきているという。ゆえに、ゲーム開発においても応用が効くわけだ。 ゲーム内のテキスト生成という分野においては、 『ダンジョンズ＆ドラゴンズ』のゲ

【この記事の対象者】 仕様書の書き方が分からなくて、困っているゲームプランナー ゲームプランナーの素養を身に付けたい人 ゲーム開発に興味がある人 【この記事で学べること】 仕様の考え方 仕様書の作成方法 ゲームデザインに関する基礎知識 前回の記事 前回の記事では、なぜ人によって仕様書作成の能力に差が出るのかを解説しました。今回は仕様書作成の能力を身に付けるための方法を紹介します。 はじめに仕様書が書けない人は、次のどちらかに当てはまると思います。 やりたいことがはっきりしていない やりたいことがはっきりしているが、何を書けばいいのか分からない 『2』に関しては「仕様書の書き方」を調べていけば、答えにたどり着く可能性があります。 しかし、『1』の場合は「仕様書の書き方」を調べても、答えにたどり着けません。なぜなら、「仕様書の書き方」でつまづいているのではなく、「仕様の考え方」の部分でつまづい

「30歳からのプログラミング」と題したこのブログを書き始めたのが 2016 年 3 月。 そこから月日が立ち、立派なアラフォーとなったわけだが、私はこれまで 3 年以上継続して働いたことがない。プログラマに転身する前も含めて、である。一度もない。 3 年経つ前に、必ず無職になってしまう。労働して貯めた貯金を食い潰しながら無職生活を送り、カネが無くなりそうになってまた働く、ということを繰り返している。 だが、今の勤務先（株式会社HERP）に入社したのは 2021 年 10 月 1 日であり、入社してからもうすぐ 3 年になる。 つまり、 3 年以上労働を続けることになる可能性が高い。 仮にこの記事を投稿した直後に退職を決意したとしても、引き継ぎや有給休暇の消化などで、さすがに 9 月末までは在籍していると思う。そうなれば 3 年到達である。 今までの会社を辞めてきた理由は様々だ。同様に、今の

デザイナーにもお勧め！ CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い ウェブサイトの演出を作る上でアニメーションの実装は欠かせません。一般的には、CSSアニメーションやJavaScriptのライブラリ（GSAPジーサップなど）を用いてコードベースで動きをつけることが多いと思います。ですが、完全にコードだけでアニメーションを調整するのは大変だと思ったことはないでしょうか？ 一度実装したことがある方は共感いただけるかもしれませんが、少し直そうにもコードに戻って調整し、反映されたブラウザ画面を確認して、もう一度コードを直して…と往復していると結構大変です。また、アニメーションさせるプロパティや要素が複数ある場合には、コードを解読する難易度も上がります。 本記事ではそんな悩みを解決できる、GUIからアニメーションを調整できるライブラリ「Theatre.jsシアタ

はじめに Reactの人気はどんどん加速しています。これからフレームワークを学ぶならReactを選ぶのは賢い選択でしょう こんにちは、Watanabe Jin(@Sicut_study)です。 今回はReactをこれから学んでいこうと思っている方に向けて、初心者チュートリアルを作成しました。 このチュートリアルではReactを書く上で欠かせないことを紹介しています。 実際にアプリを作りながらReactの機能について学ぶことによってより深く理解することが可能です。 このチュートリアルを最後までやったら、次に自分で習ったことを活かして簡単なTODOアプリなどを作れば基本がしっかり身につくようになっています。 またこのチュートリアルではJavaScriptではなくTypeScriptを採用しています。 モダンな会社ではTypeScriptが採用されることが多いはずだなので、少しでも慣れていただけ

はじめに @dora_e_m さんのエントリがあまりに素敵だったので、僕も感化された "割り込みタスク × マネージャー" のネタを書くことにしました。 note.com このエントリでは、エンジニアとデザイナーのマネージャーをしている筆者が、メンバーから「割り込みタスクが多くて困っているんですがどうしたらよいでしょう」と相談されたときにするアドバイスをまとめました。ちなみに全て実際に体験したことです。 ※必ずしもこれら2職種でしか適用できない内容ではないですが、発想・解決のしかたが開発に依るところが大きいです。 なお、アドバイスの内容は個人でできるライトなものからタスクの依頼主に働きかけが必要なヘビーなものまであり、実際にアドバイスする順に並べるとこのようになります。 [個人] 割り込みタスクの優先度を過剰に高くしすぎていませんか [個人] 割り込みタスクにかけている時間はどれくらいです

私の愛しいアップルパイへ 8月16日（金）、このTCP/IP網の片隅に新規サービスを産み落としました。「TaskChute Cloud 2」っていいます。 頑張って作ったトップページ去年の8月から本格的に作り始めて、1年間でようやく形になりました。これこそ"俺が考える最強のタスク管理・時間管理サービス"って感じです。 正直タスク管理サービスって有名どころは出尽くしてる感じですし、「いまさらー？」って感じだと思います。この手のサービスは西海岸からいくつも出てますし。 でも、今までの発想のタスク管理サービスって使いづらくないですか？もう実際の仕事に通用しなくないですか？って気持ちもあって、ちょっと違ったアプローチのサービスをガチで作ってみました。 そこそこ借金して1年かけて作りました小学生時代からの友人と作った役員2人だけの極東の極小の会社なんですけど、コロナとか異常な円安とかの影響もあって経

呪文(プロンプト)とは? 呪文(プロンプト)とはStable Diffusionをはじめとする画像生成AIに入力する文章のことです。呪文(プロンプト)は画像の特徴を表すようなキーワードや文章を,区切りで入力するのが一般的な呪文(プロンプト)です。呪文(プロンプト)は呪文と呼ばれることも多いです。 呪文(プロンプト)には次のようなキーワードが指定されることが多いです。 画像の品質、クオリティ(例: masterpiece, best quality) カメラフォーカス(例: sharp focus, depth of field, blur background, bokeh) ライト・ting) 構図(例: front view, full body) 人物(例: 20 years old woman, 15 years old actress) ポーズ(例: looking at vie

議論とは何か。 日本国語大辞典によれば、「互いに、自己の意見を述べ、論じ合うこと。意見を戦わせること。」 と定義されている。 ビジネスにおいては、もう少し拡張してもいいかもしれない。 意見を戦わせる目的は２つある。 一つは 「意見を戦わせることで、どの意見が優れているか（正しいか）、判定すること」 そしてもう一つは 「意見を戦わせることで、よりよい意見を生み出すこと」 この２つを目的とした議論を、「建設的な議論」と呼ぶことにする。 ほとんどの人は建設的な議論ができない しかし。 私は様々な会社で議論を見聞きしてきたが、「建設的な議論」ができる人はそれほど多くない。 組織内における議論のほとんどは、「自分の地位を上げること」と、「相手を貶めること」に使われてしまうからだ。 議論の目的が「意見」を出したり、質を高めることではなく、人の評判を操作するだけに使われる状況。 これが「不毛な議論」だ。

株式会社らしさラボ 代表取締役 伊庭正康氏の『研修トレーナー伊庭正康のスキルアップチャンネル』では、業績の悩み、効率の悩み、マネジメントの悩み、コミュニケーションの悩み、モチベーションの悩みなど、仕事の悩みを解決できるビジネスメソッドを紹介しているチャンネルです。今回は「頭がいい人が、やっている交渉術」と題し、5つのポイントを解説します。 ■動画コンテンツはこちら 取引先のパワープレイ、上司の無理な命令に負けないためには 伊庭正康氏：上司から無理を言われる、取引先から無理難題を言われる。どうすればいいんでしょう？　タフな交渉力を身に付けてください。頭がいい人がやっている交渉術を紹介します。 「頭がいい人がやっている交渉術」と言うと、なんか難しそうに思えますが、そんなことはありません。「調整する力」だと思ってください。これは社内でも社外でも使える力です。 取引先のパワープレイに負けない、上司

インディーゲーム開発の挑戦と苦悩■渾身の自作ゲームが60本しか売れなかった……。どうもこんにちは。 インディーゲーム開発チーム『エグザムゲームズ』です。 今回は、制作した新作ゲーム【クリスタルサバイバー】が発売1か月間で60本しか売れなかった件をnoteにて公開しようと思います。 おもしろさを追求して創り上げた渾身の力作が人の目に触れず、結局このゲームがおもしろかったかどうかの確認もできずに埋もれていく……。 そんなインディーゲーム開発の挑戦と苦悩を赤裸々に記した記事をご覧ください。 ▼クリスタルサバイバーのSteamページは↓↓こちら▼ ウィッシュリスト登録、体験版のプレイ、購入、レビューもろもろお待ちしてます！ 440円で買えます！ぜったい楽しいから！遊んで！ 遊んでも2時間以内なら返金できるからさぁ！ ■クリスタルサバイバーが目指した"おもしろさ"ゲーム制作時に目指したおもしろさ、達

2024-08-06 TSKaigi サブイベント #1 フロントエンド

ホーム ニュース オープンソースゲームエンジン「Godot Engine」採用ゲーム急増中、Steamでは今年の作品数がすでに昨年の合計実績を超える。『バックパック・バトル』など人気・注目作にも採用 全記事ニュース

寝ても寝ても眠い。結果、日中の眠気に耐えられず、仕事のパフォーマンスが下がってしまう……。そんな悩みを抱えている人も少なくないでしょう。 皆さんはちゃんと「休めて」いますか？ スキルアップやキャリアアップに励むなかで、ついおざなりにしがちなのが「休むこと」です。「20代の努力が30代のキャリアを作る！」とはよく言われるものの、働き過ぎて体を壊してしまったら元も子もありません。 「自分に合った休み方を模索したり、休みの捉え方を考え直したりすることで働き方がガラッと変わります」 そう語るのは、20年にわたり休み方を研究し続けてきた片野秀樹さん。片野さんは日本のビジネスパーソンの休みに対するリテラシーの低さに警鐘を鳴らしながら、「正しい休みの取り方」を発信してきました。そんな仕事の集大成となる著書『休養学：あなたを疲れから救う』（東洋経済新報社）では、「疲れたらコーヒーを飲む」「甘いもので自分に