次の実装例のように、テキストを1文字ずつspan要素で区切ってアニメーションする際の注意点と実装例について纏めたメモ書きです。 実装例テキストアニメーションの実装例(英文)
2024年4月25日 Webデザイン, インスピレーション みなさん、雑誌読んでいますか?紙の雑誌は手に取らなくなった人も、電子版なら読んでいるという人もいるかもしれませんね。実は私、お試しのつもりがうっかり楽天マガジンの年間購読に課金しちゃったもので、せっかくだからと読み倒している今日このごろ。眺めているとあしらいやレイアウトが自由で見ていて楽しいんですよね。デザインの勉強中の方にもおすすめなので、雑誌を見るポイントや、おすすめ勉強方法を紹介します。 ↑私が10年以上利用している会計ソフト! デザインの注目ポイント Webデザインを考えているとき、Webサイトだけ見ていてもなんだかアイデアもレイアウトも偏ってしまうことがあるかと思います。そんな時は雑誌を見てみましょう! レイアウト パラパラとページをめくるだけでも感じられるのが、本当に自由度が高い!サイズやページ数という制限はありつつも
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
2000年代以降、日本のTVアニメにおけるクレジットアニメーションは単なる世界観のプレゼンテーションに留まらない映像表現を見せている。その背景には映像制作のデジタル化はもちろん、動画プラットフォームのコミュニティから輩出されたモーショングラファーがグラフィックとセルアニメを高度に統合したクレジットアニメーションを制作するようになった状況がある。本稿ではこれらのTVアニメのクレジットアニメーションがどのような歴史文脈の上にあるのか考察してみたい。 バナー画像:Oskar Fischinger, An Optical Poem, 1938 ◎モーショングラフィックスとは そもそも「モーショングラフィックス」という言葉を最初に用い始めたのは、CGアニメーションの父と呼ばれるジョン・ホイットニーだ。ホイットニーは第二次世界大戦後、爆撃や対空砲火の照準装置のメカニズムを応用したアニメーション装置によ
Appleが発売から14年以上を経て、ようやくiPadに標準の「計算機」アプリを搭載する予定であることが明らかとなりました。iPadOS18では、このアップデートに対応する全てのiPadモデルに計算機アプリが搭載される予定で、現地時間6月10日に開催される今年の世界開発者会議(WWDC24)で発表される見込みです。 macOS 15では計算機アプリが刷新 iPadに標準の計算機アプリがないことは周知の事実ですが、これまでiPadユーザーは、「PCalc」や「Calcbot」などのApp Storeの電卓アプリを代わりに利用してきました。 AppleInsiderは先週、macOS 15では計算機アプリが刷新され、メモアプリとの統合、サイズ変更可能なウィンドウ、直近の計算結果を一覧表示できるサイドバーなどが追加されると報じました。そのため、アップデートされるMac向け計算機アプリは、新しいi
Appleは14年前に「iPad」を発売して以来、iPad向けに自社の「計算機」アプリを提供していない。その理由をめぐる関心は今、同社の計算機アプリがついに2024年の「iPadOS 18」に搭載されるといううわさに移りつつある。 Appleは5月にiPadの新モデルを発表すると予想されている。また、6月のWWDCでは「iOS」、iPadOS、「visionOS」、「macOS」の新バージョンを発表するとみられる。MacRumorsによるとiPadOS 18には、対応するすべてのiPadモデル向けの計算機アプリが含まれる予定だという。 なぜiPadにこれまで計算機アプリが搭載されていなかったのか、公式な情報は得られていないが、憶測によると、その理由は市場での位置づけ、サードパーティー開発の奨励、そしておそらく最も信憑性が高いのは、設計思想にあるとの情報だ。Appleの元従業員を名乗る人物は
先日、YouTubeがApple TVなどのテレビデバイス向けアプリのUIデザインをアップデートしました。このアップデートは、コメント欄や動画に関連する情報を開いたときに再生中の動画に重ならなくなるというもので、「ちょっと見やすくなった」と言ってしまえばそれだけかもしれません。 https://blog.youtube/news-and-events/designing-a-richer-youtube-experience-for-your-tvs/ しかしYouTubeの発表によると、このアップデートは「リーンイン」というユーザー体験を強化するためのものであると述べられており、つまり単に見やすさの向上を狙ったものではなく、「視聴体験を邪魔せずによりインタラクティブな体験を提供する」という大きなテーマに沿ったもののようです。 YouTubeが、TVデバイスでの視聴体験を豊かにする新たなデ
スクウェア・エニックスは4月16日、『ファイナルファンタジーXVI』の有料DLC第二弾「The Rising Tide《海の慟哭》」の配信を開始した。そのなかで本作の最新DLCで初登場するモンスター「トンベリ」のお尻が、熱い視線を集めているようだ。 第二弾DLC「The Rising Tide《海の慟哭》」の舞台となるのは、秘められし地ミシディア。水の召喚獣「リヴァイアサン」とそのドミナントをめぐる物語が新たに展開される。また、本DLCにあたっては、本篇未登場だったモンスターとしてトンベリ族が新たに登場することも、事前にアナウンスされていた。デフォルメされた見た目でかわいらしくもちょっと恐ろしいイメージのトンベリが、よりリアルなグラフィックで、禍々しく情報量の多いデザインに生まれ変わっている。その変わりようは『FF』シリーズファンこそ驚くことだろう。 そんなトンベリであるが、実際に発売され
株式会社RabeeでUI/UXデザインをしているmayukiです 0→1を生み出す瞬間、プロジェクトのエンジンとなれるようなばちイケデザイナーを目指しています。 突然ですが…こんなお困りごとありませんか?💭 「デザイナーとしてクライアントの要望をうかがう際に、何を聞いたらいいかわからない」 「ヒアリングしてきたものの、いざ手を動かし始めたらわからないことがポロポロ…」 「クライアントに聞きたいことがたくさん出てきてしまった…」 今回は、webサイトやアプリのデザインの制作を受注する想定で、クライアントへの初回ヒアリングをする際にデザイナーとして聞くべき最低限のことをまとめました。 ※保存版のためなかなか長い記事となっています。 この文章はこんな方におすすめです ・デザイナーになりたてのジュニアクラスの方 ・スクールに通ったり独学で勉強したのでそろそろクラウドソーシングでお仕事を受けたい方
ニーズがある和文バリアブルフォント まだJR新宿駅の改修工事が盛んに行われていた2005年ごろ、壁面にガムテープで文字が書かれた臨時の案内表示を見かけた人も多かっただろう。当時新宿駅のガードマンだった佐藤修悦さんによって作り出された特徴のある圧縮文字は、大きくて読みやすかった。まず初めに文字面全部にガムテープを貼り付け、その後カッターで穴を開けていくという方法論で描かれているため、骨太の書体が出来上がる。この書体はのちに、「修悦体」という一連のフォント群となった。 一定の面積に、均一に大きく文字を埋める必要性は、現代もなお失われていない。それは漢字と、そこから派生した平仮名、片仮名も全て、一定の四角形の中にはみ出すことなく収まるという、日本の文字の特性を目いっぱい生かした表現手法である。 筆者の主戦場である映像の世界では、番組タイトルのようなものは専任のデザイナーが文字から書き起こしている
バックエンドエンジニア兼万年ダイエッターの taisa です。テックタッチは、以前マイクロサービスからモジュラーモノリスを経て新マイクロサービスへの切り直しを実施しました。本記事では、マイクロサービス・モノリスについて簡単に触れながらテックタッチがどういったプロセスでマイクロサービスの切り直しを実施したかを紹介します。 はじめに マイクロサービスとモノリス マイクロサービスとは マイクロサービスの利点 モノリスとは 単一プロセスモノリス モジュラーモノリス 分散モノリス テックタッチの場合 初期の頃の構成イメージ マイクロサービス切り直し前 特徴 モジュラーモノリス化 サービスの移行 別ドメイン境界でサービス切り直し イベントストーミング マイクロサービス切り直し後 DB 統合へ続く まとめ 参考 はじめに テックタッチは初期の頃からマイクロサービスアーキテクチャを採用していますが、一部の
わたしは、InDesignでレイアウトしながら原稿を書く、という方法で本をつくっています。ページ配分なども自分で決められる(権限がある)からできることで、商業誌のDTPではあまり一般的なやりかたではないだろうと思います。何か規定があるときは、それに従ってください。 ただ、同人誌はひとりでつくることも多いと思いますので、参考になることがあるかもしれません。 IllustratorとInDesignで役割分担本文中の図版は、InDesignに配置したIllustratorファイルに全部おさめています。アートボードをページと同じサイズにして、そこに必要な図版を全部配置します。 図版はIllustratorファイル、テキストとフォーマットデザインはInDesign上にあります。Illustratorで管理する層と、InDesignで管理する層の2つが重なっている感じです。配置したIllustrat
そんな事もあり、4月10日は新しいフォントがいくつか発表された。今年の目玉はなんといっても「和文バリアブルフォント」であろう。 われわれが普段使用するフォントは、同じデザインでも細いもの、太いもの、横が詰まったものなどがそれぞれ個別のフォントとして提供され、1つのファミリーを形成している。 一方バリアブルフォントは、そうした文字の変形を1つのフォントで提供していこうという比較的最近のフォントフォーマットで、米Adobe/米Apple/米Google/米Microsoftが共同開発した。フォントパラメータとして、太さや字幅がバリアブルで変更できるため、従来はファミリーで提供しなければならなかったフォントデータが、1つのフォントで小さく提供できるというメリットがある。 もちろんデザインする側も、細いか太いかの2択ではなく「中間」も選べるし、縦長、横長も選べるので、表現の幅が広がるわけである。た
効果的に時間管理を行うには? 篠田真貴子氏(以下、篠田):私の課題はさておき、例えば1週間の中で日にちを割っていくとか、1日の中での時間の使い方もあるし、そもそも時間をどのユニットでとらえて、どうチャンク分けすると自分は心地良いのかって、けっこう人によって違うと思うんですよ。 倉貫義人氏(以下、倉貫):わかるわかる。違いますね。 篠田:お二人はどうなのかなって、今日は聞いてみたいなと思いました。 倉貫:最近はやれてないんですが、僕はストレングスファインダーで言う「達成欲」を持ってるので、朝に1日の予定を自分で立てるんですよ。1時間ごとに「こういうことやる」と書いて、それを達成できたらその日は気持ち良く寝れるというのをやっていて。 でも、そうするとすごくがんばらなきゃいけないので、最近はちょっと体力も落ちてきて(笑)。「そんなにがんばれなくなったな」というところがあって、そこまでやらなくなっ
元スレ/https://may.2chan.net/b/res/1208180219.htm 名無しのろぼ プラモの箱絵スレ 名無しのろぼ 名無しのろぼ 名無しのろぼ 開田裕治先生のボックスアートすき… 名無しのろぼ 小松崎茂先生 名無しのろぼ ガンプラのパッケージアートまとめた画集欲しい ウエハースもよかったけどランダムなのがね・・・ 名無しのろぼ >>ガンプラのパッケージアートまとめた画集欲しい ウエハースもよかったけどランダムなのがね・・・ それこそ開田裕治なら出てる 名無しのろぼ 上田信いい… 名無しのろぼ >>上田信いい… 物語性を感じられるパッケージいい 名無しのろぼ >>上田信いい… MSVのはどれも珠玉 名無しのろぼ 名無しのろぼ 作者自ら 名無しのろぼ 名無しのろぼ エルメス 名無しのろぼ 伝説のパケ絵 名無しのろぼ いつ見ても絶妙に状況わけわからんイラストで好き 名無し
流通専門誌、大手新聞社の記者を経て独立。現在、フリーライター、流通ジャーナリスト、流通コンサルタントとして活動中。森山真二はペンネーム。 ビジネス奇想天外 「絶対に売れる」と期待された新商品が鳴かず飛ばずに終わる。「本当に売れるのか?」と懐疑的な評価を集めた新商品が大ヒットする。伝統ある老舗企業が「絶対にやらない」と思われた新規事業に参入する――。 ビジネスの世界では、時として全く思いもよらない出来事が起こる。その裏側にあるドラマを、さまざまな業界に精通した執筆陣がひもといていく。 バックナンバー一覧 ドン・キホーテが今春、昔ながらの「混沌とした店づくり」を再現した店舗を大阪にオープンした。光るカー用品やカラコンなどの「ヤンキー向け商品」を取り扱っているほか、今では珍しい深夜営業を実施している。その裏側で、東京・渋谷では、プライベートブランドを重点的に取り扱う新型店舗「ドミセ」がひっそりと
このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」(シームレス)を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 X: @shiropen2 オランダのアムステルダム大学に所属する研究者らが発表した論文「Billiards with Spatial Memory」は、空間記憶を持つ粒子が同じ経路を2度と通らないよう跳ね返り続けると、多角形のテーブル上で複雑なパターンが生成されることが数学モデルにより明らかになった研究報告である。 ミツバチやアリなどの多数の生物は、餌を探す際に物理的空間の情報を記憶・マッピングする能力があり、同じ場所を通ることを避けている。また、粘菌は餌を探している間に移動した場所に粘液をマーキングすることで空間記憶を形成し、その粘液を手掛かりに、すでに探索した領域を避ける。
コロプラは4月22日、ゲームクリエイターの金子一馬氏が2023年から同社に所属し、オリジナルIPの制作に携わっていることを明らかにした。 金子一馬氏は、アトラス出身のベテランゲームクリエイター。『真・女神転生』シリーズや『ペルソナ』シリーズなどの開発に携わり、イラストレーターとして悪魔のデザインなどを手がけたほか、一部作品ではプロデューサーも担当した実績がある。 コロプラは4月22日、同社の採用情報ページに金子氏とのインタビュー記事を掲載。人材募集の一環という形式ではあるが、そのなかで同氏が2023年にコロプラに所属していることを明らかにした。きっかけとなったのは転職エージェントからの紹介とのことで、転職活動中には、各社の担当者から「本物ですか!?」と疑われたという。金子氏としては、失敗を含めて、これまでに経験してきたことを活かせる場所を探していたそうで、コロプラにおける1から自分たちでゲ
Hello, 辻原です。 春が来たと思った瞬間に夏になりましたね。辻原は普段全身ユニクロで、せめてものおしゃれ要素としてスプリングコートをたくさん所持しているのですが、年々着用できるタイミングや時期が短くなってきているように感じています。地球におしゃれを妨害されているかもしれません。 このテーマでnoteを書くのは少々今更感がありますが、先日のBIOTOPEさんの記事を拝読しすこしモヤついたので、弱小ながらもデザインコンサル業を営む者として私から見える風景を整理しておきたいと思っています。このネタに関しては地味に熱い想いがあるので長いnoteになる可能性があります。 お暇な方のみどうぞ! はじめに・私はIDEOを作りたかった実は…な告白から入りますが、私はIDEOを作りたかったんです。弊社はILY,という社名ですが、この名称には理由があって「IDEOが概念なら、こちらは愛じゃい!」という対
ゲーム開発に使える心理学としてオペランド条件づけがある オペランド条件づけとは? オペランド条件づけとは、ある刺激を受け取った結果として、自発的にある行動を取るように学習することである。 スキナー箱実験 1938年にバラス・スキナーが行った実験。まずラットをレバーのある箱の中に閉じ込める。ラットが偶然レバーに触れると餌が出てきて、美味しい思いをしたラット何度もレバーを操作しようと同じ行動を繰り返すようになる。これは餌という良い思い(好子)を得ることで行動の回数が増えた結果(強化)である。この場合餌は任意の行動を促すもの(強化子)である。 スキナー箱実験は様々なパターンが有り、ラットの他にも鳩を使って再現を確かめるものもある。 また、今回のように特定の行動を誘発させる(強化)の他にも、特定の行動を抑えるものも存在する(弱化)。例えばピーマンを食べて苦くてつらい思いをした子供はその苦さ(嫌子)
X上でつぶやいた内容のリンクです。 ログ化しないと、流れてしまってもったいないので… 最後にまとめを書いているので、そちらだけ読むほうが分かりやすいかもしれません。 とはいえ、所詮メモですが… 結論がボヤけていたので先にまとめます。 「やらされてる感」は「主体性が無い状態で強制的にゲームプレイを継続している時」に発生する感情です。 主体性は「自分の意思」あるいは「自由意思」と言い換えてもいいですね。 「主体性が無い」状態は「ゲームの仕組みにより奪われた」場合と「ゲームの仕組みのせいで生まれていない」場合があります。前者の代表例が「レベル上げ」で後者の代表例が「何をすればいいか分からない」です。 整理すると…「ゲームの仕組みにより自分の意思が【封じられた状態】でゲームプレイを継続させられる」状態か「ゲームの仕組みにより自分の意思が【発生していない状態】でゲームプレイを継続させられる」状態によ
こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。 このワクワク感を、ぜひたくさんの新人デザイナーとシェアできればと思います!どうぞ最後までお楽しみください✍ はじめに:ワイヤーフレーム(WF)とは?ワイヤーフレーム(「WF」と省略することも)は、Webサービスの制作過程で必要になる設計図のこと。例を挙げると、以前に私が個人的に制作した音楽教室のLPでは、以下のようなワイヤーフレームを作りました。 ワイヤーフレームは、Webサイトやアプリの中で「どんな情報を、どんな順番で見せるのか?」を決める骨組みです。ここで決めた内容が、後工程のデザインに大きく影響します。 ちなみに、ワイヤーフレ
米IDEOの事業縮小・日本撤退の報道によって“デザイン思考終焉(しゅうえん)論”を唱える声が出ているが、本当にそうなのか。むしろ不可欠なものとして浸透し、当たり前に使われているというのが実態のようだ。 非デザイナーのための、デザイナー的思考法・課題解決手法として広まった「デザイン思考」。ビジネスパーソンの間でブームにもなったので、5ステップ(共感→問題定義→アイデア創出→試作→テスト)に代表される研修を受けた経験があるマーケターも多いのではないだろうか。 その先駆者である米デザインファームIDEOの事業縮小・日本撤退の報道によって“デザイン思考終焉(しゅうえん)論”を唱える声が出ている。しかし、本当にそうなのか。 たしかにかつてのブームのときほどそのフレーズを聞かなくなったが、むしろ不可欠なものとして浸透し、当たり前に使われているというのが実態のようだ。デザイン思考を積極的に活用している企
山口慶明🇺🇸で何とか生きてる @girlmeetsNG Twitterは大人のおしゃぶり/たかがSNS、そんなムキにならないで楽しくやりましょ/本業はアメリカ🇺🇸とメキシコ🇲🇽で給料泥棒。 twitter.com/search?q=from%… 山口慶明🇺🇸で何とか生きてる @girlmeetsNG 友人の日本人家族のママさんがこのReFaの美顔マッサージ(パチモン?)をテーブルに置いてたら、遊びに来たアメリカ人ママさんがこれを見て"Oh my god!!😱"ってなって、慌てて弁明した。という話を聞いてクッソ笑ってるw pic.twitter.com/x701gMBaev 2024-04-21 07:29:09
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く