lapticeのブックマーク - はてなブックマーク

大事なのは「かわいい」の言語化──3D美少女キャラクターの“かわいい動き”を7年以上研究しているゲームクリエイターに話を聞いてみた！

ファンタジーでおなじみの剣﹃エクスカリバー﹄は﹃アーサー王伝説﹄を翻訳した宮廷詩人の誤訳がきっかけで生まれた!?近年、3D美少女キャラクターのかわいさがトンデモナイことになっている。︵画像は﹁ショート版︻3Dライブ︵4K対応︶︼最高優美ロンリネス／ LizNoir︻IDOLY PRIDE/アイプラ︼﹂より︶︵画像は﹁︻3Dライブ︵4K対応︶︼IDOLY PRIDE ／星見プロダクション︻IDOLY PRIDE/アイプラ︼﹂より︶　まるで本当にそこにいるかのような実在感。ころころと変わる豊かな表情。触れたくなるような指先。かわいい。本当にかわいい。﹁3DCG﹂──正式名称は﹁3次元コンピュータグラフィックス﹂。その名の通り、縦・横・高さの3方向で表される立体的な画像を作る手法を指す。パソコンやスマホなどの画面を覗き込めば、ゲーム、アニメ、VTuberなど数えきれないほどの3D美少

laptice 2023/02/17

あとで読む

リンク

漫画家が「10巻以内に完結するオススメの漫画」を募集したところ様々な人から作品が集まる

秋鹿えいと @aikaeitoもし良ければオススメの10巻以内完結オススメ漫画教えて欲しいです〜！…というかこれ聞く為にリスト作りました☺️(国立国会図書館で読みたい漫画大体読んだのと、10巻以内だと1日で読めるので、教えてほしいです！) 2022-12-10 19:00:01 秋鹿えいと @aikaeitoマンガ家 / 漫画や映画紹介を投稿してます🖌️ /﹁映像研には手を出すな！﹂第5話エンドカード担当 / KADOKAWA﹁黒猫のクロ﹂電子単行本発売中。漫画やイラストなどのご依頼はaikaeito@gmail.comまで！過去のお仕事は↓のURLからご覧ください https://t.co/FggiWBQPTO

laptice 2022/12/16

リンク

【Web】知っておきたいWebエンジニアリング各分野の基礎知見80

この記事は？それぞれが専門にしている領域に関わらず、Webエンジニアリングの基礎知識として知っておきたいと思う事を対話形式でまとめていく。知識はインプットだけではなく、技術面接や現場では、専門用語の正しい理解をもとにした使用が必要なので、専門がなんであれ理解できるようなシンプルな回答を目指したものになっています。解答の正しさはこれまでの実務と各分野の専門書をベースに確認してはいますが、著者は各技術の全領域の専門家ではなく100%の正しさを保証して提供しているものではないので、そこはご認識いただき、出てきたキーワードの理解が怪しい場合各自でも調べ直すくらいの温度感を期待しています。なお、本記事で書いている私の回答が間違っている箇所があったりした場合、気軽にコメント欄などで指摘いただけるとありがたいです。 Webエンジニアリングの基礎この記事でカバーしている領域は、以下のような領域です。W

laptice 2022/11/25

web制作

リンク

東京の行きたいところ

むにぐるめ（唯一無二の絶品グルメ） @muni_gurume 【角煮丼屋たけだ】 @東京：人形町駅から徒歩3分巨大角煮を載せた角煮丼ランチを堪能できるお店。お茶碗いっぱいに銘柄豚の「和豚もち豚」を贅沢に載せており、柔らかくホロホロな食感と肉から染み出る甘味がたまらない！白ご飯と一緒に食べると相性抜群で、ごはんは大盛り＆お代わり可能です🍚 pic.twitter.com/UViNbo5Kbf 2022-09-01 19:01:00

laptice 2022/09/05

美味しそうなお店がいっぱい！

リンク

GA4がよくわからん。となってしまう5つの理由。

GA4、導入しないといけないと思っていても、さっぱりわからんからやる気がしなくてどうしよう？ってなる時がありますよね。私も数か月前まではそんな感じでした。正直なところギリギリまで逃げ回りたかったんですが、そうもいかなくなったので勉強することに。ではなんで﹁わからん﹂となってしまうのでしょうか？そこがわかれば対応もできるので﹁わからん﹂理由と解消法をまとめてみました。﹁Google アナリティクス﹂と名乗っているところここがわからなくしている一番の原因です。Google アナリティクスと名乗っているので、今までのGoogle アナリティクスの延長線上にあるものだと思ってしまうんですが、全くの別物で生まれも育ちも違っています。今までのGoogle アナリティクス UrchinはGoogleアナリティクスの元となった製品。グーグルに買収されGoogleアナリティクスがリリースされた後も、

laptice 2022/06/30

あとで読む

リンク

ITエンジニアがお金に関する本を10冊近く一気に読みあさってみた - give IT a try

はじめに‥お金は稼げてるけどお金には無頓着な44歳IT エンジニア僕はプログラマとして働いていて、株式会社ソニックガーデンのお給料やら、副業のフィヨルドブートキャンプのメンター料やら、執筆・翻訳した技術書︵﹁プロを目指す人のためのRuby入門﹂と﹁Everyday Rails - RSpecによるRailsテスト入門﹂︶の印税やらで、日本人の平均からすればそこそこいい年収を得ています。具体的な金額は書けませんが、ここ数年は毎年1000万以上の年収がある、という感じです︵機会があればこのへんの話も詳しく書きたい︶。が、基本的にお金には無頓着で生きておりまして、それゆえに毎年自分でもビックリするぐらいの税金を︵泣きながら︶払っております😭 あと、資産運用的なこともやっておらず、貯金がメインなので︵浪費がメインという説もあり︶、﹁あー、お金は稼いでるけど、そこからあとの使い方はなんかあんま

laptice 2022/06/30

あとで読む

リンク

umlaut.club

マイクロインタラクションとは﹁マイクロインタラクション UI/UXデザインの神が宿る細部﹂著者、Dan Saffer︵ダン・サファー︶氏によると、マイクロインタラクションについて以下のように書かれています。電気製品のスイッチを入れる、オンラインサービスに接続する、モバイルアプリで天気予報を見るなど、私たちは日々さまざまな場面で﹁マイクロインタラクション﹂をしています。マイクロインタラクションとは、ある作業をひとつだけこなす最小単位のインタラクション︵機器のやりとり︶のことです。﹁マイクロインタラクション UI/UXデザインの神が宿る細部﹂﹁まえがき﹃本書の概要﹄﹂オライリー・ジャパン2014年3月20日初版第1刷発行﹁Adobe After Effects﹂と﹁Lottie﹂﹁Adobe After Effects﹂とJSONベースのアニメーションファイル形式﹁Lottie﹂の組

laptice 2022/02/09

AfterEffectsとLottieを使ってマイクロインタラクションを作る概要

リンク

フロントエンドを集中的に学習できる究極の無料リソースを厳選してみた！ - paiza times

どうも、まさとらん︵@0310lan︶です！今回は、フロントエンド開発者およびこれから学習をしようと考えている人に最適な無料リソースを厳選してご紹介します。学習コンテンツばかりでなく、開発に便利なサービスやツールなども紹介しつつ、初心者から中級者くらいまで役に立つドキュメントもまとめています。すべて無料なのでWeb開発にご興味ある方はぜひ参考にしてみてください！ ■何を学習したらいいのかをロードマップで確認する︻ Developer Roadmaps︼フロントエンドの学習といっても意外に広範囲なので、まずは何から勉強をすればいいのか迷う人も少なくありません。この﹁Developer Roadmaps﹂はWeb開発者が勉強するための学習内容をロードマップとして無償公開しています。さまざまな種類が用意されていますが、例えばフロントエンドの場合は以下のような感じです。有名なロードマ

laptice 2022/01/13

リンク

ボードゲームのデジタル化の工夫 - 「レッツプレイ！オインクゲームズ」のUI｜オインクゲームズ

2021年12月16日、オインクゲームズの人気小箱ボードゲームを Nintendo Switch で遊べる﹁レッツプレイ！オインクゲームズ﹂がリリースされました。ボードゲームのデジタル化は、数々のデジタルゲームを手掛けてきたオインクゲームズのデジタル部にとっても初めての挑戦で、試行錯誤の連続でした。元々のボードゲームをよく知ってるだけに、対面でプレイした時の楽しさ・盛り上がりが再現できるか、不安がありました。しかし、チーム内で何度もテストを重ね、UI や演出を工夫していった結果、間違いなく対面でのプレイに匹敵する作品が完成しました。XD上で色々と考えながら UIを作っても、実際に組み込んで動かしてみると、全然意図通りに機能しなかったり、分かりにくかったりすることがたくさんありました。ここでは、UI デザイン・演出担当が、どのような問題を感じ、どのように解決していったかを、初期に開発

laptice 2021/12/19

ボードゲームをSwitchのゲームUIに変換した際に起こった諸問題や解決方法についての具体的なアプローチ。参考になる。

リンク

一滴で最大6時間視力を高める目薬「VUITY」が発売、特に中年に効果的

瞳孔を収縮させ、近見視力を改善する薬﹁VUITY﹂がアメリカ食品医薬品局(FDA)に承認され、2021年12月9日から市場に出回り始めました。VUITYは特に老眼が始まった40歳以上に効果をもたらすとされています。VUITY™ (pilocarpine HCI ophthalmic solution) 1.25%, the First and Only FDA-Approved Eye Drop to Treat Age-Related Blurry Near Vision (Presbyopia), is Now Available | AbbVie News Center https://news.abbvie.com/news/press-releases/vuity-pilocarpine-hci-ophthalmic-solution-125-first-and-only-fd

laptice 2021/12/19

リンク

私の好きな温泉宿10選絶対再訪したい！極上湯の宿を10軒選びました - 温泉ブログ山と温泉のきろく

﹁再訪したい度5点満点﹂をつけた宿の中でも特に好きな10軒先日、はてなブログ10周年特別お題キャンペーンに参加して﹁好きな温泉地10選﹂という記事を公開しました。﹁好きな○○10選﹂というお題から書いた記事でしたが、私は﹁温泉地﹂よりも﹁温泉宿﹂に思い入れがあるタイプなので、最初は﹁好きな温泉宿10選﹂で書こう！と思っていたのです。ところが、好きな宿が多すぎてなかなか10軒に絞ることができないまま時間が過ぎてしまい﹁温泉地を10箇所選ぶほうが楽じゃないか！﹂と気づいたので、温泉地10選の記事を書き上げて公開しました。お題キャンペーンは終わってしまいましたが、悩み抜いた末に﹁温泉宿10選﹂もピックアップできたので、せっかくだから公開しよう！と思い、この記事を書いています。単純に﹁好きな宿﹂ということで考えると、20軒ぐらいから減らすことができず難儀しましたが、この記事では﹁ブログ︵山

laptice 2021/12/19

リンク

「最高の一日」を描いたら、仕事や将来の“なんとなく不安”から抜け出せた｜文・古性のち - りっすん by イーアイデム

文と写真　古性のち忙しさに追われ毎日を過ごしていると、ふと﹁私はなんのために頑張っているんだろう？﹂と思ってしまうことがあります。﹁このままでいいのだろうか﹂という漠然とした焦りや不安は、多くの方に覚えがある感情なのではないでしょうか。写真家・コラムニストの古性のちさんも、そんな苦しさを抱えてきたひとりです。幼い頃から集団生活になじめず、﹁組織に属さないで個として生きていく﹂を目指してさまざまな職を経験してきた古性さん。しかし、晴れて独立を果たしても言いようのない不安や焦りは消えず……。そんなときに出会ったあるワークショップが、働き方や生き方の道標になったといいます。人生を見つめ直し、自分が何を欲しているのかに気付くきっかけとなった古性さんの体験を書いていただきました。＊＊＊私は今、岡山の港町と東京の、それぞれの場所に拠点を構えながら生活している。五感を思いきり開いて創作をしたく

laptice 2021/11/30

リンク

Remix という考え方

こんにちは、@kaa_a_zu です。今日(11/23)の日本時間早朝に React Router の制作者である @Ryan氏と @Michael が着想したRemix V1.0 が正式リリースされました🎉 RemixがWebの世界に及ぼす影響は大きいと思っており、実際のコードやドキュメントを見ながら既存のフレームワークと何が異なっているのかを中心に書いた紹介記事です。(正直、魂が震えています) より具体的な使い方はドキュメントを見て、手を動かしていただくのが良いかと思います。また、既に国内でも使ってみた系の記事がいくつかあるようです。Remixの機能には様々なものがありますが、当記事では筆者がより注目しているものについて書いていきます。Remixに興味があるけど、あまり追えていないという方に読んでいただけると嬉しいです。 ※この記事はGatsbyやNext.jsよりもRemix

laptice 2021/11/24

Next.jsに代表されるSSGを敢えて採用しないという考え方。それぞれのメリット・デメリットを書いてあり、理解が捗る。エッジコンピューティングって聞き慣れないので記事内のリンク先を読んで理解を深めてきます。

リンク

富士通の実践知が詰まったデザイン思考のテキストブック公開

2021年12月3日に本テキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。詳しくはこちら︵外部サイト︶ > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック﹁Transf ormation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング﹂︵日本語版・英語版︶を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。

laptice 2021/10/12

富士通が2016年から様々な知見を得て作り上げたDXやデザイン思考に関するテキストブックを公開。「デザイン思考」はデザイナーのものだけにあらず。

リンク

「電車が止まって家に帰れない、どうすればいい？」小学生たちが話し合った内容が興味深い

maro(元‥ズル賢い母ちゃん) @mama_work_hard 本日娘は別校での受講(志望校別特訓)の日だった。その帰り、電車が停まっていたらしく…… 塾友たちと﹁この状況をどう乗り切るか﹂という話し合いが繰り広げられたそうだ。その話の内容が興味深くて、一部始終を聞かせて貰った。結果を先に話してしまえば、その中の一人が母親に連絡をして、 2021-10-10 20:50:09 maro(元‥ズル賢い母ちゃん) @mama_work_hard その母親が車(ワンボックス)で迎えに来て、子供たちを順番に家まで送ってくれたので、我が子も無事に帰って来られた。 (あとでお礼の手紙と菓子折りを渡そう！) その連絡に関しても、キッズケータイは未登録の電話番号に発信するには暗証番号を入力しなくてはならず、その暗証番号を保護者は子供に 2021-10-10 20:50:10 maro(元‥ズル

laptice 2021/10/12

大事にならなくてよかった。こういった観点で教えられる機会を持てたのは素敵。

教育

リンク

Designing Empty States in Complex Applications: 3 Guidelines

laptice 2021/09/28

Empty Stateに対してユーザーに提供すべきケーススタディが掲載されているガイドライン。例えば「検索結果がここに表示されます」の一言があるだけで画面に対するユーザーのネクストアクションの促しができるよね。

リンク

新人の方によく展開している有益な情報 - Qiita

新人の方によく展開させていただいている有益な情報をまとめておきます。今後も展開することがあるかもしれないため情報をまとめております。あらたな、有益な情報がありましたら、随時追加してまいります。有益な記事・論文・書籍等を執筆・紹介していただいた皆様に感謝申し上げます。ちなみに、本記事に記載されている情報は、お困りごと・お悩みごとをお聞きしたとき・気づいたときに、そのお困りごとに対して参考になりそうなものだけを展開していました。この情報を一気に展開していたわけではございません。コードリーディングについて [1]ソースコードを読むための技術 https://i.loveruby.net/ja/misc/readingcode.html [2]派生開発推進協議会関西部会スペックアウトチーム，「派生開発におけるスペックアウト手法の提案」，派生開発カンファレンス2015，2015 http

laptice 2021/05/13

新人研修ではあまり触れられないウェットウェア領域の考え方・向き合い方に関するTips集。あとで流し見る。

教育

リンク

【翻訳】図解プロダクトづくりの構造 - ykmc09 blog

訳者注本記事は、Dan Schmidt 氏のブログ記事﹁A Visual Vocabulary for Product Building﹂をご本人の許可のもと日本語訳したものです。 ninjinkunさん、Koshiro Kumikoさんにレビューにご協力いただきました。的確かつ、建設的で思いやりのあるアドバイスとフィードバックに感謝します。同一著者の関連記事としてこちらもぜひ合わせてご覧ください‥︻翻訳︼プロダクトマネジメントトライアングル以下、翻訳本文です。プロダクトビルダー︵訳注‥プロダクトをつくる人たち︶が自分のプロダクトに当てはめられるような、成功するプロダクトをつくる方程式はありません。これは、プロダクトが置かれている常に変化するコンテキストに、プロダクトづくりの詳細が大きく左右されるからです。あるプロダクトで成功した戦略が別のプロダクトではまったくあわないこともありま

laptice 2021/04/14

プロダクト制作におけるチームメンバーの関心範囲や強み弱みの位置づけと、カウンターパートからどういったインプットを意識的に吸収しなければならないかを図解した記事。知見の塊だ。

リンク

Figmaなら簡単！デザインシステムの作り方を詳しく解説

WebサイトやスマホアプリのデザインシステムをUI/UXデザインのコラボレーションツール﹁Figma﹂で制作する手順を紹介します。カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Figmaでデザインシステムに必要なものをどのように制作するか解説します。 Creating a Design SysteminFigma. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Figmaのワイヤーフレーム素材は、以前の記事をご覧ください。 Figmaで簡単に作成できる！ワイヤーフレーム・フローチャート・プロトタイプ素材のまとめはじめに 1. 何よりもまず、強力なカラーパレットを作るべき理由 2. デスクトップとスマホの両方に対応するタイポグラフィ 3. 忘れてはならないの