デザインパターンライブラリを作った JSRの話だけ読みたい人は読み飛ばしてもOKです。 JavaScriptのtry-catchはC++の影響を受けており、以下の特徴があります。 (A) throwは大域脱出的である。 (B) try-catchはブロック内の全ての例外副作用に対して一括で作用する。 (C) try-catchは文であり、値を返せない。 (D) TypeScriptにおいて、例外型は明示されない。 このうち (B), (C), (D) の問題を解決するため、RustのResultや類似のパラダイムをJSに輸入する試みがしばしば行われています。しかしこの解決手段にはいくつかの問題があり、 (E) rethrowの専用構文がないためボイラープレートが増える。 (F) 出力ストリームに対するwriteなど、戻り値を持たない副作用関数に対するエラーハンドリングが抜け落ちないようにL
アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。 このDividerの線幅について、国内外のサービス各社の対応を調べてみました。 iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実装できます。 var body: some View { List { Section(header: Text("タイトル")) { Text("テキスト") Text("テキスト") Text("テキスト") } } .listStyle(.plain) }これをプレビューすると、各リストの間に 物理ピクセル数 1 の太さの線が表示されます。 iOSアプリのリストAndroidアプリのリストは以下
幸福度が最も低下するのは｢48.3歳｣…誰もがハマる"魔の年代"に絶対にやってはいけないこと ｢定年後の35年間｣を乗り越えるために必要な退職金、年金、あと1つ
40代にもなると給与も出世も先が見えて、「頑張っても無駄」という気持ちが強くなる。モチベーションはダダ下がり。いったいどうすれば。新著『ライフキャリア』が話題のキャリア未来地図研究所共同所長の千葉智之さんは「定年後に35年もの長い時間が待ち受けているのが『人生100年』という時代。実は“今”が自身の人生キャリアを再設計する最良のタイミングだと気づいてほしい」という――。 幸福度が最低になるのは「48.3歳」 幸福度と年齢の関係性について世界145カ国で実施された研究がある。 アメリカのダートマス大学のデービッド・ブランチフラワー教授が行った研究（＊）によると、ヨーロッパ、アジア、南北アメリカ、オーストラリア、アフリカなどを含む世界145カ国において、幸福度と年齢の関係はU字形になることがわかっている。そして「U字の底」、つまり幸福度が最も低くなる年齢は平均48.3歳である。 ＊Blanch
『呪術廻戦 ファントムパレード』の大規模アクセスを支えるインフラ構成と最適化 - Sumzap Engineering Blog
この記事は、2024年3月7日に開催された「CyberAgent Game Conference 2024（CAGC 2024）」のセッション内容をAIによる自動文字起こしをベースに加筆修正したものになります。 セッション概要 TVアニメ『呪術廻戦』初のスマホゲーム『呪術廻戦 ファントムパレード（ファンパレ）』は、多くのユーザーに遊ばれ大量のアクセスが来ることが予想されていました。 本セッションでは、高負荷が予想される中、どのようにインフラを構築し負荷対策を行ったのか、実際のインフラ構成図をお見せしながらお話しします。 また、アプリリリース前に行った負荷試験の流れや、リリース後の負荷状況について、具体的なメトリクスの数字をお見せしながらご紹介します。 ※セッションのアーカイブ動画 登壇内容 タイトル 『呪術廻戦 ファントムパレード』の大規模アクセスを支えるインフラ構成と最適化というタイトル
Xアカウントのrandomsakugaが、4月27日に更新を停止することを発表した。 randomsakugaは、世界中のアニメーション作品の秀逸な作画シーンを、作品名や関わったクリエイターと共に紹介するアカウントとして、人気を集めていた。 アニメの秀逸な作画を紹介「randomsakuga」randomsakugaは、2017年2月から運用を開始。 2024年3月19日まで毎日、日本の作品を中心に古今東西あらゆるアニメの作画シーンを紹介していた。 https://twitter.com/i/status/1769770744823640456 https://twitter.com/i/status/1769589549880025473 投稿していた作画シーンは、ライターによる考察や翻訳記事を掲載しているアニメ専門サイト・Sakugabooruにアップロードされている、無数のアーカイブ
まつもとゆきひろ氏がソフトウェア開発に役立つ2冊の書籍を紹介 『失敗の科学』と『APIデザインケーススタディ』から学べること #11 「失敗の科学」 オープニングトーク まつもとゆきひろ氏：まつもとゆきひろです。月曜日に放送して以来、ちょっと間が空いてしまいました。今日これを録音しているのは、（2022年）6月25日の土曜日なので、月曜日から土曜日まで録音できなかったということになります（笑）。 「Voicy」は、一発録りで流す仕組みで、編集をほとんどかけていないので、そういう意味で言うと、習慣化して毎日10分とか録れば、すぐに毎日できるようになると思うんですけれども、まだ習慣になっていないので、忙しいとこうやってつい後回しになって、じゃあ、次の日、とかなってしまいがちなのが現状です。 例えば、毎日「Wordle」をするとかですね（笑）、日記を書くとかですね、それから、「mruby」に1日
個展のおしらせ&バブルの前髪の作りかた
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：80年代の丸文字を思い出して震える
発表当初は、画像生成AIに詳しいXユーザーのあいだで「画像生成AI『Stable Diffusion』で、追加学習モデル『LoRA』を使っているだけでは」という疑問の声も出ていたが、エンドルフィンは4月5日にプレスリリースを出し、「私たちが提供しているサービスは、公開されている汎用モデルを活用した生成AIとは一線を画しています」として、画像の生成までに独自のプロセスを踏んでいる旨を説明している。 話題の「ピュアモデルAI」ができた経緯や、その技術的背景について、連載「メタバース・プレゼンス」を執筆している新 清士氏とアスキー編集部で、エンドルフィンの代表と、サービス開発元のスーパーエンジンのCEOに話を聞いた。 生成AIは「アナログからデジタル」の変化と同じ ── 最初にそれぞれの会社について教えてください。 ジェームズ キム・ドンジュン 2022年下半期ごろから、生成AIに関心をもって、
【日本製】ARIA SPS-2400PA レビュー！パンダ柄がかわいいモノトーンギターストラップ!! | ギターいじリストのおうち
かわいいイラストが全面に描かれた ARIA SPS-2400PA パンダ柄ギターストラップをレビュー！楽器の形状やフィニッシュを選ばずに使いやすいモノトーンカラー！ユニークなセンスとデザイン性が光る安心の国産・日本製品です！
※本記事はアフィリエイトプログラムによる収益を得ています 東京駅・丸の内駅舎の断面を描いた手描きイラストが、X（旧Twitter）で「見てて楽しい」「素敵だなあ」と、約3万6000件の“いいね”を集めるほど人気です。 東京駅・丸の内駅舎（出典：PIXTA） 豆知識がいっぱい詰まった手描きイラスト 話題になっているのは、訪れた旅館の建物を断面パースで記録してまわっている吉宮晴紀（@rninopon）さんの作品。東京駅・南ドーム（南口）の駅舎を、地下の構造まで含めた断面図として描いたイラストです。 南ドーム（南口）を北側から見た視点で描かれており、“実はドーム上に空洞がある”という建物上部からホテル部分、駅舎に近い中央線ホーム（電車も断面図）、大規模な免震化工事が行われた地下部まで、利用客が普段目にすることのない細かいところまで描かれています。毎日たくさんの人が歩くエントランスの地下にこんな構
最大震度5弱以上の地震が予測された際、NHKがテレビやラジオで流す緊急地震速報のチャイム音「チャラン チャラン」という旋律。騒がしい場所でもくっきりと聞こえ、恐ろしく感じるのはなぜだろうか。 チャイム音を作ったのは「福祉工学」を研究する東京大名誉教授の伊福部達さん（78）。ゴジラのテーマの作曲者として知られる故・伊福部昭さんのおいに当たる。 伊福部さんによると、緊急地震速報のチャイムには、音程が短い時間で急激に変わる旋律が使われている。音は振動として伝わり、耳の奥で振動が電気信号に変換され脳に伝わる。この経路で音の変化を抽出する機能が働いているため、雑音の中でも、聴力が衰えても聞き取りやすいという。 例えば「キャーッ」という悲鳴や赤ちゃんの泣き声、雌ザルが雄ザルを引きつけるために出す鳴き声もそうした音の一種で、「FM音」と呼ばれるという。「哺乳類では、FM音が危険を知らせる刺激として働いて
リュックの余った紐がすっきり！移動中の地味ストレスが解消された【今日のライフハックツール】 | ライフハッカー・ジャパン
最新モデルの「Apple Watch Series 9」が過去最安。指のダブルタップ操作が便利すぎる #Amazonセール
はじめにこんにちは、AI Picasso社の開発チームです。ふたたび、皆様に重要なお知らせがあります。高品質AIアート用画像生成AI、Emi 2 を商用利用可能で無償公開します。この画像生成AIは商用利用が可能であり、追加学習において無断転載画像を学習していません。 Emi 2 は以下のURLにて無料で利用することができます。 Emi 2の特徴１．AIアートへさらに特化このモデルは、イラストやアニメ、マンガのようなAIアート生成に特化しています。GMOインターネットグループが提供する「ConoHa byGMO」のトライアル版の採用により最先端の開発機材NVIDIA H100によって作られた画像生成Emi、モデルマージやフルファインチューニングといったAI Picasso社のノウハウを用いて高品質な画像が生成されるように尽力しました。参考として簡単な生成例を以下に紹介します。 比較のために、
日本の国土交通省が送る『Cities: Skylines』Modv2.0公開！好きな実際の街を再現する「SkylinesPLATEAU」―設定ファイル自動生成などで使いやすく | Game*Spark - 国内・海外ゲーム情報サイト
国土交通省が主導するプロジェクトPLATEAU（プラトー）は、『Cities: Skylines』のMod「SkylinesPLATEAU」のv2.0を3月29日に公開しました。 オープンデータの3D都市モデルを『Cities: Skylines』にインポートするMod「SkylinesPLATEAU」はPLATEAUが2023年3月に公開した『Cities: Skylines』向けModで、実際の街の3Dモデルをゲームにインポートすることができます。「まちづくりの計画検討やワークショップ、教育の現場等で活用」できるとされています。 同ModはGitHubにてソースプログラムが公開されているほか、導入の詳しいマニュアルがこちらで公開されています。
なぜホンダ初の量産EV｢ホンダe｣はたった3年で生産終了になったのか…｢欧州ジャーナリストの絶賛｣の裏側 開発ポリシーを貫けなかった
ホンダは同社初の量産EV「Honda e」の生産を今年1月に終了した。発売開始は2020年夏で、3年という異例の短さの生産終了だった。どこに問題があったのか。ジャーナリストの井元康一郎さんは「乗り心地や運動性能は卓越していたが、価格と航続性能の2点に関して初志貫徹できなかったことで存在意義の不明な商品になってしまった」という――。 ホンダ・日産のEV提携のウラで、「Honda e」が生産終了に 今年1月のCES（北米家電ショー）で次世代BEV（バッテリー式電気自動車）のコンセプトカー「Honda 0ゼロ」シリーズを公開、3月15日には日産自動車と電動化、知能化に関する提携の覚書を交わすなど、2040年脱エンジン宣言の実現化に躍起になっているホンダ。その陰で今年1月末、1台のBEV「Honda e」が生産終了となった。
ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみました。 KeyboardEvent - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent Why the GOV.UK Design System team changed the input type for numbers – Technology in government https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-desig
Spring Bootで初めてWebアプリを作ろうとすると最初につまづくのが「どういうライブラリ組み合わせればええんや…」というポイントなので、自分の中にある選定パターンをメモします。ここで説明するのはWeb層とDBアクセス層をどうするかという部分だけです。 あまり真面目な記事ではないので、ちゃんとした情報を知りたい人はSpring Academyとかを見るのが良いと思います。 マイ・パターン 灰色になっているのは仕事では使ったことのない組み合わせです。 Spring WebFlux + Spring Data R2DBC Spring初心者は無視して良いです。自分も使ったことがあるのはDBアクセスなしのWebFluxだけです。 Microservicesで言うところのAPI Gatewayだったりリバースプロキシだったり、特定のユースケースのときしか選択肢に上がりません。 Spring
かわいいWebサイトが作りたい Web上でグラフィックデザインっぽい表現をしてるサイト大好き！ 思いついたら追加する 「版ズレ」風 版ズレ ＝ 印刷の際に、色の版がズレて出力されてしまう現象。（アナログっぽい雰囲気を出すために、あえてズレているように見せるデザイン手法として使ってます） 一番上のレイヤーに紙っぽいテクスチャを乗せて乗算かける 後ろのテキストはaria-hidden="true"でスクリーンリーダーに読み上げられないようにする （疑似要素でやりたかったけど乗算上手くいかなかった・・） ▼ HTML <div class="hanzure"> <img src="紙っぽいテクスチャ" alt=""> <div class="hanzure01"> <p class="front">版ズレ風の表現</p> <p class="back" aria-hidden="true">版ズ
グラフィック系の開発者であるニキータ・リシッツァ氏が、「自身のプロダクトのあらゆる場所で使用している」と述べるお気に入りのテクニックである「指数平滑法」について解説を投稿しました。 My favourite animation trick: exponential smoothing | lisyarus blog https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html リシッツァ氏は下図のようなトグルボタンを例に解説を行っています。クリックすると「オン」「オフ」が切り替わります。まだアニメーションを何も設置しておらず、トグルボタンは左端と右端を瞬間移動しています。 機能的にはアニメーションが設定されていなくとも問題はないのですが、アニメーションを設定することでユーザーは何が起こって
まふ @mafu_todo ANAの404もいいというりぷを見たので見に行ってみた 確かに綺麗な青で良き✨ (個人的には404という数字は残してほしいなという気持ちはちょっとある) pic.twitter.com/Ip2Dm8oPZ6 x.com/sawaratsuki100… 2024-04-26 10:41:21
高機能フォトグラメトリーソフトが“無料”に Epic Games、「RealityCapture 1.4」公開
米Epic Gamesは4月23日（現地時間）、複数の画像やレーザースキャンデータをもとに、現実空間を3D空間上に構築するフォトグラメトリー（写真測量）ソフト「RealityCapture 1.4」を公開した。以前のバージョンからプラン体系を刷新、年間収益が100万ドルを超えない個人・法人なら無料で使えるようになった。 RealityCaptureは、Windows向けのハイエンドフォトグラメトリーソフトで、画像やレーザースキャンデータをもとに、仮想現実シーン、テクスチャ付き3Dメッシュ、正射投影、地理参照マップなどを自動作成できる。もともとCapturing Realityという企業が提供していたツールだったが、2021年3月にEpic Gamesが買収している。 価格は、過去12カ月間の収益が100万ドル未満の個人および中小企業、教育機関、学生であれば無料で利用可能。年間の総収益が10
「私が作成したものとほぼ同一ですが、掲載許可とかの連絡こなかった」 この著書は、いわゆる「弱者男性」の人口推計に踏み切ったという『弱者男性1500万人時代』で、2024年4月24日に発売された。Amazonの書籍ジャンルのランキングで1位になるなどして、注目を集めている。 データ分析による男女論をSNS上で発信している「すもも」さん（＠sumomodane）は同日、自らの専門に近いこともあってすぐに著書を購入したが、その中でグラフの無断使用に気づいた、とX上で報告した。 「あれ？このグラフ、私が作成したものとほぼ同一ですが、掲載許可とかの連絡こなかったです」 すももさんは、著書のグラフと自ら作成のものの比較画像も載せた。グラフでは、研究者の国際プロジェクト「世界価値観調査」について、先進25か国の抜粋部分がデータとして使われていた。その結果、日本の未婚男性は、先進国で最も幸福度が低く、未婚
東証プライムの通販大手スクロール子会社のスクロールインターナショナルは、生成AIを使ったアパレルデザイン生成サービス「ライトチェーン（LIGHTCHAIN）」が、ユーザーを急拡大している。自社のデザイナー・パタンナーでも簡単に使えるよう使い勝手を磨きながら、技術は中国有数のベンチャー企業と組んだ。繊維商社やOEM会社、アパレル企業、小売チェーンなどをターゲットに、数年内にスタンダートなサービスへと普及させる。 「ライトチェーン」は、デザイン生成やスタイル変更、生地・柄変更、ディテール変更、ボタンやレースなどの副資材の追加・変更が数クリックでできるサービス。ユーザーは自社のアーカイブ写真データを読み込ませることで、AIに特徴を覚えさせ、生成したいアイテムの写真などを読み込ませることで、上記のようなデザイン生成や変更を数クリックでできるようになる。月々の使用料を支払い、ブラウザ上でログインして
グラフニューラルネットワーク - Forkwell Library #50 https://forkwell.connpass.com/event/315577/ での講演スライドです。 サポートサイト：https://github.com/joisino/gnnbook グラフニューラルネットワーク（機械学習プロフェッショナルシリーズ）好評発売中！：https://www.amazon.co.jp/d/4065347823 連絡先: @joisino_ (Twitter) / https://joisino.net/
総務省は、今般、令和4年10月に公表した「クラウドサービス利用・提供における適切な設定のためのガイドライン」の内容を、わかりやすく解説するために「クラウドの設定ミス対策ガイドブック」を策定いたしました。 総務省では、クラウドサービス利用・提供における適切な設定の促進を図り、安全安心なクラウドサービスの利活用を推進するため、クラウドサービスの提供者・利用者双方が設定ミスを起こさないために講ずべき対策や、対策を実施する上でのベストプラクティスについてとりまとめた「クラウドサービス利用・提供における適切な設定のためのガイドライン」を、令和4年10月に策定・公表しました。 今般、クラウドサービスを利用する事業者において、情報の流失のおそれに至る事案が引き続き発生している中で、本ガイドラインの活用促進を図るため、ガイドラインの内容をわかりやすく解説した「クラウドの設定ミス対策ガイドブック」を策定しま
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPや提案資料などでよく使用されるデザインパーツ「ステップ・フロー」のUIを集めてみました。 「パーツ別デザインまとめ」シリーズも第３弾となりました。 今後も地道にUIパーツの収集・調査を続けていく予定です！ （前回までの記事も是非ご覧ください ↓） はじめに「ご利用の流れ」や「お申込の流れ」など、時系列に並んだ項目をわかりやすく可視化する手段として用いられるステップ・フローのセクションは、サービスやプロダクトを訴求するLPや提案資料にかかせない存在です。 今回はそのステップの整列パターン別に、PC・SPでどのようにレスポンシブされるのか？という調査も含めデザインを収集しました。 💡横に整列宅トラカードの中に手順の概要やイラストをまとめている形式です 中身の情報量によりますが、4ステップ程度だと丁度よいサ
北斗の拳 世紀末ドラマ撮影伝 - 武論尊・原哲夫/倉尾宏 / 第57.5話 ユダの紋章制作秘話！ | ゼノン編集部
北斗の拳 世紀末ドラマ撮影伝 武論尊・原哲夫/倉尾宏 時は世紀末。 海は枯れ、地は裂けた世界。 弱きを傷つける悪に立ち向かう革ジャンの男。 敵を華麗に倒す姿に大きな叫び声が重なる。 「カーーーット！」 枯れた海も、裂けた地も大規模なドラマセット。 これはドラマ『北斗の拳』を日夜撮影する者たちの血と涙と汗の記録。
三大デザインが完璧な生き物
・カブトムシ ・アオミノウミウシ ・猫 あと一つは？ by増田
会話のテンポが速くなっている。 デザインの現場を20年。自分自身や周りを見わたして、ふと思ったことです。 昔はもっとゆっくりしていました。単純に話すスピードもありますが、会話に「間」が少なくなったことも大きい。そう思います。 例えば15年前。私はアートディレクターでした。その時の会話は10秒くらい黙ったり、ゆっくり考えながら言葉を探し、時には言葉を撤回し、言い直し、なんとかなんとか喋っていました。 会話能力が低かったということではありません。言葉にならないものをじっくりと丁寧にすくい上げ、意思疎通をはかることが、デザインの仕事の当たり前だったからです。少なくとも、私の周りはそうでした。 私は、今はサービスデザインやデザインマネジメントの仕事です。その影響で会話が速くなっているのかもしれません。 ところが、最近でも、たとえばコミュニケーションデザイナーと仕事する場面でも会話が速くなったと思う
「かまいたちの夜」30周年インタビュー（前編）。“特異な書き手”である我孫子武丸氏と，常識にとらわれないスタッフが傑作を生んだ
「かまいたちの夜」30周年インタビュー（前編）。“特異な書き手”である我孫子武丸氏と，常識にとらわれないスタッフが傑作を生んだ ライター：柳 雄大 カメラマン：永山 亘 今年（2024年）は，スーパーファミコン用ソフト「かまいたちの夜」の発売（1994年11月25日）から30周年にあたる。 チュンソフト（現在のスパイク・チュンソフト）が開発した同作は，テキストの面白さを中心に据えた「サウンドノベル」というゲームジャンルを確固たるものとし，現在に至るまで数々の後継作がリリースされた。 シリーズ累計販売本数は200万本を突破しており，今年3月には舞台「かまいたちの夜 〜THE LIVE〜」の上演が発表されるなど，今なお根強い人気を誇っている。 関連記事 舞台「かまいたちの夜 〜THE LIVE〜」，東京・大阪で6月に公演決定。我孫子武丸氏監修のオリジナルストーリーが描かれる キョードーメディア
移動通信システムの規格を策定する国際的な標準化団体3GPP（3rd Generation Partnership Project）は4月23日（現地時間）、第6世代移動通信システム「6G」のロゴを発表した。次世代の移動通信システムである6Gは2030年代の導入が見込まれており、有線、無線や陸、海、空、宇宙などを包含した統合的なネットワークだと定義している。 3GPPは、第3世代移動通信システム「3G」の規格策定などを目的に、複数の国や地域の標準化団体が集まって立ち上がった国際的なプロジェクト。第4世代の「4G」や第5世代「5G」の標準化も、同プロジェクトが策定してきた。日本からは電波産業会（ARIB）、情報通信技術委員会（TTC）が組織パートナーとして参画している。 「5G」や「LTE」のロゴもあった 今回の発表を受け、SNSでは「ロゴなんてあったんだ」「5Gにもあったのかな」などの声が多
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加
ドラえもんだらけ
しばらく経ってもこの画面に変化がない場合は、Javascript を on にして再度読み込んで下さい。
次の実装例のように、テキストを1文字ずつspan要素で区切ってアニメーションする際の注意点と実装例について纏めたメモ書きです。 実装例テキストアニメーションの実装例（英文）
雑誌からデザインを学ぼう
2024年4月25日 Webデザイン, インスピレーション みなさん、雑誌読んでいますか？紙の雑誌は手に取らなくなった人も、電子版なら読んでいるという人もいるかもしれませんね。実は私、お試しのつもりがうっかり楽天マガジンの年間購読に課金しちゃったもので、せっかくだからと読み倒している今日このごろ。眺めているとあしらいやレイアウトが自由で見ていて楽しいんですよね。デザインの勉強中の方にもおすすめなので、雑誌を見るポイントや、おすすめ勉強方法を紹介します。 ↑私が10年以上利用している会計ソフト！ デザインの注目ポイント Webデザインを考えているとき、Webサイトだけ見ていてもなんだかアイデアもレイアウトも偏ってしまうことがあるかと思います。そんな時は雑誌を見てみましょう！ レイアウト パラパラとページをめくるだけでも感じられるのが、本当に自由度が高い！サイズやページ数という制限はありつつも
商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
SOLID原則完全に理解した！になるための本
SOLID原則を学び、完全に理解した！になるための本
モーショングラフィックス文化とTVアニメのクレジットシーケンス｜ARTICLES｜The Graphic Design Review
2000年代以降、日本のTVアニメにおけるクレジットアニメーションは単なる世界観のプレゼンテーションに留まらない映像表現を見せている。その背景には映像制作のデジタル化はもちろん、動画プラットフォームのコミュニティから輩出されたモーショングラファーがグラフィックとセルアニメを高度に統合したクレジットアニメーションを制作するようになった状況がある。本稿ではこれらのTVアニメのクレジットアニメーションがどのような歴史文脈の上にあるのか考察してみたい。 バナー画像：Oskar Fischinger, An Optical Poem, 1938 ◎モーショングラフィックスとは そもそも「モーショングラフィックス」という言葉を最初に用い始めたのは、CGアニメーションの父と呼ばれるジョン・ホイットニーだ。ホイットニーは第二次世界大戦後、爆撃や対空砲火の照準装置のメカニズムを応用したアニメーション装置によ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSのデザインパターンライブラリを試作した話と、それをJSRにアップロードしたら無茶苦茶簡単で感動した話
iOSとAndroidの"Divider"の線幅の違いと各社の対応｜鈴木慎吾 / TSUMIKI INC.
アニメの秀逸な作画を紹介するXアカウント「randomsakuga」が更新停止
まつもとゆきひろ氏がソフトウェア開発に役立つ2冊の書籍を紹介 『失敗の科学』と『APIデザインケーススタディ』から学べること
漫画家の絵柄、AIでそっくり再現「ピュアモデルAI」ができたワケ (1/3)
東京駅の中身ってこうなってたんだ！ 豆知識が詰まった手描きの断片図に「これ凄い！」「見ながら散策したい」の声
緊急地震速報が怖いのはなぜ？ 「あの音」の生みの親に聞く | 毎日新聞
商用利用ができる高品質AIアート用画像生成AI、Emi 2を無償公開｜AI Picasso
オープンワールドゲームの“マップ外”に行くとどうなる？巨大生物に食われたり、世界が壊れたり…全10作品の対応を紹介 | インサイド
ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり
Spring BootでWebアプリを作るときの第一歩 - （仮）
紙っぽいかわいいWebサイト作りたい - Qiita
アニメーションをスムーズに見せるためのテクニック「指数平滑法」とはどんなものなのか？
好きな404エラーといえばこの企業のエラーページ「日本郵便のお洒落すぎる」「NASAの404もいいぞ」
「あれ？このグラフ」著書に「無断転載」されたとXで訴え 扶桑社側は「編集部の不手際」と謝罪も「納得いかない」
生成AIで瞬時に大量の絵型生成 通販大手スクロールの生成AIサービスが爆走中のワケ - WWDJAPAN
僕たちがグラフニューラルネットワークを学ぶ理由
総務省｜報道資料｜「クラウドの設定ミス対策ガイドブック」の公表
「ステップ・フロー」のUIを集めてみた｜パーツ別デザインまとめ｜nanami
デザインの言語化と、その落とし穴｜大﨑 優｜CONCENT
「6G」のロゴが正式決定 「5G」やその前はどんなロゴだった？
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA
テキストを1文字ずつアニメーションさせる時の注意点と実装例 ｜ TAKLOG