LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
無料ダウンロードOK、おすすめのフリーフォント総まとめ
Tweet Pocket このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に181個まとめてみました。 気になるフォントがあればぜひ使ってみてくださいね。 現役WEBデザイナーおすすめの見やすいフォントTOP5それではさっそく、現役WEBデザイナ
NextのJSぜんぶ抜く
サイトパフォーマンスを最適化するため、export 時に Next.js のランタイムを全部抜いた。 どういうことか？ このブログは静的書き出しをしているので、ただの静的なドキュメントといえる。だが Next にしろ Nuxt にしろ、書き出したページをブラウザで読み込むと JS アプリケーションとして振る舞うために Hydration 処理が行われる。これをするために JS モジュールの読み込みや Scripting 処理の負荷が発生する。 書き出された HTML には Hydration 処理用に JS モジュールやシリアライズされた state が挿入されている ピュア HTML を目指して しかしこのブログはドキュメントでありアプリケーションではないので、ほぼ JS を動かす必要はない。state は不要だし、client-side routing も要らない（先読みに必要かもだが
2021 / 2020 / 2019 GitHubで最もホットなライブラリをランキング表示してくれるbestofjs.orgというサイトがあります。 そしてここは毎年、その一年で最もホットだったライブラリを発表しています。 選考基準は『その年増えたスターの数』であり、恣意的要素の入る余地はありません。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.jsです。 以下は2019年のランキング、2019 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2019 4回目のJavaScript ライジングスターにようこそ！ 2019年にGitHubで最も注目を集めたプロジェクトを、数字で見てみましょう。 以下のチャートは、2019年の一年間にGitHu
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を
大規模なiOSアプリの画面開発を効率化するために動作確認用ミニアプリを構築する - クックパッド開発者ブログ
こんにちは、モバイル基盤部の大川(@aomathwift)です。 iOSアプリの開発途中で画面のレイアウトなど僅かな変更を確認したい場合、最も確実な方法はアプリをビルドして該当の画面まで手動で遷移して確認する方法です。 この方法は特別なセットアップが必要なく単純明快な確認方法ですが、効率の面で問題があります。例えば一番の問題として挙げられるのがビルド時間の長さという問題です。アプリ開発の規模が拡大していくと、ちょっとした変更でもビルド待ちの時間が無視できないものとなっていきます。 本稿では、クックパッドアプリの開発において、機能単体で動作するミニアプリを構築して、プレビューサイクルを改善した取り組みについてお話しします。 iOSアプリの動作確認における問題点 クックパッドアプリの開発は、開発規模の拡大によって、ビルド時間の改善が大きな課題になっていました。 そこで、最近はその問題を解決すべ
LINE株式会社フロントエンド開発センター(通称: UIT)の折原です。 先日、6月17日に開催した UIT meetup vol.9 で、本編の前にウォームアップとして、フロントエンドに関するクイズ企画を開催しました。そこで使うことを目的として、UIT App という名前で LIFF のアプリを作成しました。 UIT App は LIFF で動作するクイズアプリです。現状クイズだけですが、今後はいろんな取り組みをこのアプリ上で動作させることができるようになっていく予定です。 この UIT App を実装するにあたって、フロントエンドでは StencilJS を、サーバーサイドでは NestJS を採用しました。これらを使ってみての所感や、こだわった箇所などを紹介したいと思います！ フロントエンドの技術スタックと運用 Stencil Stencil は Web Component・Web
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2019年の間に合計538個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2020年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、28書体をまとめています。 春秋-tsu- 絵から楷書へのつながりを表現した古代文字がアップデートされ、小学校学習漢字（教育漢字）1026字のうち
※ この記事は2021年6月21日に行われた「進化するフロントエンド2021 − 4プロダクトから学ぶSPA/PWAの技術と実践−」の登壇を文字起こししたものになります noteのフロントエンドの歴史 ではまず自己紹介をさせていただきます。フロントエンドエンジニアの山形と申します。よろしくお願いします。 去年の3月に入社したので、noteには1年3ヶ月くらいいます。趣味でコーヒーの焙煎とかやっています。 今回はnoteが抱えているフロントエンドの課題をどう解決していったのかを話していきたいと思います。 最初にnoteが今までどうやって実装されていたのか、その歴史を説明していきます。 初期のnoteはRuby on Railsのアセット上に構築されたSPAサイトで、フロントはAngularJSとCoffeeScriptで書かれていました。 この構成はかなりの問題を含んでいました。 1つ目はS
できるだけ予算をかけずに、無料で高品質なデザインを簡単DIYできる方法をお探しですか。 この記事では、デザインの経験がなくても手軽にデザインを作成できる無料DIYオンラインツール10個をまとめてご紹介します。 InstagramやTwitterなどのSNS向け画像やYouTubeのサムネイルの他にも、はがきや封筒、雑誌やポスター、プレゼンテーション資料といった、幅広いジャンルのおしゃれなデザインを誰でも簡単に作成できます。 ドラッグ＆ドロップで利用できるテンプレートが豊富に揃っているので、デザインの知識や経験がなくても安心です。 コンテンツ目次 1. Canva 2. Adobe Spark 3. Crello 4. BeFunky 5. Easil 6. Stencil 7. Desygner 8. Piktochart 9. Pablo 10. Snappa デザイン知識不要！無料でデ
2020年12月23日 フォント 2020年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 過去の年末フォント紹介記事 2019年にリリースされた無料フォント40 2018年にリリースされた無料フォント40 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日本語フォント プイッコ ぷっくりと丸みのある可愛らしいフォント。見出しやタイトルに良さそうです。 あんずもじ2020 あんずもじ等幅2020 長年愛されているあんずもじがリニューアル。ひらがな・カタカナが漢字よりも少し小さくなって、
何を作ったのか お見せしたほうが早いかと。 デモページ （マウスもしくはApple Pencilといったスタイラスペンで各マスに文字を書き、右上の赤いボタンを押す） (2024年8月4日更新) より文字をふわふわさせるように、メッシュを細かくしました。 もしかしたら重いかも・・・・ 改良デモページ 結構すごくないですか？ こんな感じで、映画「千と千尋の神隠し」の千尋が湯婆婆に名前を捉えるシーンを再現してみました。作ってみて、なかなかおもしろかったので記事にしてみました。 どうやって作っているか これがどのように作られているか、簡単に解説します。 技術構成 本アプリは以下のライブラリを使用しています。 Next.js ・・・Webアプリのフレームワークです tailwindcss ・・・Webアプリのcssライブラリです Three.js ・・・3d描画ライブラリです。 react thre
Published: August 4, 2023 Updated: October 27, 2023 Part 1: an intro about music, defaults, and bubbles Like a lot of people, there was a time when the only music I listened to was whatever was played on my local radio station. (A lot of people over 30 or so, anyway. If this doesn’t sound familiar to you yet, just stick with me for a minute here.) At the time, I was happy with that. It seemed like
はじめに Node.jsでCLI(Command Line Interface)を作りたくなることがあると思います。 そして、GitHubに公開されているCLIを見ると、色々なライブラリを組み組み合わせて便利なCLIを作っているようです。 この記事では、Node.jsでCLIをどう作るのか？そして、CLI開発を支える便利なライブラリを紹介します。 身の回りのCLI CLIの作り方を見る前に、普段の開発で触れているCLIを見てみましょう。 ESLint CLIには基本的に--helpオプションが用意されていますね。 npm ユーザーの入力を受け取る対話的なCLIも多いですね。 expo プレースホルダーがあることで入力する内容のイメージを伝えることができます。 stencil 様々な選択方法をユーザーに提供したり、分かりやすく色付けすることも可能です。 それでは、Node.jsでCLIを作っ
この記事では、毎月増え続けるフォントの中でも特にかっこいい最新の英語フリーフォントのみを厳選してまとめています。 今月は新型コロナの影響で世界的に自粛が続くなか、少し気持ちが明るく、そして楽しくなるデザインフォントを多くセレクトしています。 紹介しているフリーフォントはどれも無料ダウンロード可能となっていますが、利用の際には一度ライセンスに目を通すようにしましょう。 かっこいい英語フォントが無料！最新フリーフォントまとめ Osaka Chips – Fun Font 楽しげな雰囲気をデザインする大文字アルファベットフォント。 ※ 個人利用可能 Free Demo Quechely Display Font レトロデザインに最適なフリーフォント素材。 ※ 個人利用可能 Naughty Monster Display Font 太字でかわいい手書きフォントは、個性をはっきり主張する楽しいデザイ
SwiftGenが生成する1万行越えSwiftファイルでXcodeがフリーズするのを防ぐ - Mirrativ Tech Blog
4月にミラティブに入社したiOS開発者の福山 (@fokotate)です。ミラティブにはゲーム好きな人が多いためか、積みゲー消化が急速に進んでいます。 今回は珍しいケースかと思いますが、他社のiOSプロジェクトでも起こりえる問題に対処することができたので共有させてください。 2022/06/09 ✍️追記: Xcode 14 beta 1で確認したところ、以下の問題はほぼ解決しているようでした。AppleにFeedbackを送ったところ同様の報告が複数あり、対応していただけたようです。 Mirrativ iOS開発の問題点 Mirrativ iOS開発ではSwiftGenを使い、多言語対応ファイルLocalizable.stringsをswiftファイルに変換しています。これによって文言をコードに挿入するときに、Xcodeのコード入力の自動補完が使えるようになりタイピングミスがなくなり、コ
Hello everyone, Asahi Lina here!✨ marcan asked me to write an article about the M1 GPU, so here we are~! It’s been a long road over the past few months and there’s a lot to cover, so I hope you enjoy it! What’s a GPU?You probably know what a GPU is, but do you know how they work under the hood? Let’s take a look! Almost all modern GPUs have the same main components: A bunch of shader cores, which
Happy New Year everyone! In late December 2023 (Christmas Day to be precise), CPython core developer Brandt Bucher submitted a little pull-request to the Python 3.13 branch adding a JIT compiler. This change, once accepted would be one of the biggest changes to the CPython Interpreter since the Specializing Adaptive Interpreter added in Python 3.11 (which was also from Brandt along with Mark Shann
SwiftGenとSwift-DocCを活用してコード上の画像を一瞬でプレビューする方法 - Mirrativ Tech Blog
こんにちはiOS開発をしている福山です。 この記事では、SwiftGenとSwift-DocCを用いて、xcassetsを開かずにコード内の画像をQuick Help（右パネルまたは⌥オプションキー+クリック）で直接確認する方法を紹介します。 各ツールの簡単な説明 Swift-DocCは、Swift言語用のドキュメント生成ツールです。Swiftコード内に書かれたコメントから、ナビゲーションが容易で、見た目も美しいドキュメントを生成することができます。 SwiftGenは、Xcodeプロジェクトで使われるリソース（画像、フォント、色、ローカライズなど）を静的に型付けされたSwiftコードに変換するツールです。自動生成された安全なコードを通じてリソースにアクセスできるため、タイプミスによるエラーや存在しないリソースへの参照をコンパイル時に検出するのに役立ちます。 SwiftGenの生成コード例
はじめに @june29 と申します。2021年5月からminne事業部のシニアエンジニアリングリードを担当しています。 「ペパボの採用目的2021」というムーブメントに乗っかって、この記事ではminne事業部の様子を紹介します。Webアプリケーションやモバイルアプリケーションの開発に携わるソフトウェアエンジニアが主な想定読者です。ペパボやminne事業部でのお仕事がどんなものか、少しでも興味を持ってもらえたらうれしいです。 minneの事業と組織 minne(ミンネ)は、ハンドメイド作品を「買いたい人」と「売りたい人」をつなぐ国内最大のハンドメイドマーケットです。iOSアプリ、Androidアプリ、Webブラウザからご利用いただけます。 すでに多くのみなさんにご利用いただいている状況ですが、今後も老若男女あらゆる立場の人にもっともっと楽しんでいただけるよう、ライフスタイル領域全般の素敵な
1兆2000億のトランジスタ数を誇る世界最大のチップ「Wafer Scale Engine」によるシミュレーションは物理法則を超えるほど爆速
20cm×22cmという世界最大のチップ「Wafer Scale Engine」を搭載したデータセンター用モジュール「Cerebras CS-1」によるシミュレーション速度の検証結果が発表されています。研究チームの発表によれば、「ついに現実の物理法則を超える速度でシミュレーションに基づき予測することが可能になった」とのことです。 [2010.03660] Fast Stencil-Code Computation on a Wafer-Scale Processor https://arxiv.org/abs/2010.03660 Wafer scale Cerebras CS-1 flexes its muscles in scientific tasks - CPU - News - HEXUS.net https://hexus.net/tech/news/cpu/146986-wa
@hiragramです。nanaのプロダクトマネージャーとiOSアプリ開発を担当しています。 nanaは現在フルリニューアルに向けた作り直しに取り組んでいます。2022年9月現在、デザインや仕様を練ることと、手触りを確かめるためのプロトタイプ実装とを、グルグル繰り返しているところです。そのグルグルをより速くするために作った仕組みを紹介します。 UI確認用のプロトタイプアプリ nanaのiOSアプリ開発において、私たちはコードを書かずとも簡単にモックを作れるようなよくあるプロトタイピングツールを使わず、ネイティブアプリとしてプロトタイプを実装しています。nanaのプロトタイプには単なるデザインの事前確認だけではなく、仕様に対する設計の事前確認、シンプルな良い設計のための仕様の事前確認といった目的があり、それらは既存のプロトタイピングツールでは実現できないためです。 SourceryでXcod
Android/iOSのテスト自動化に関する知識を共有する勉強会「年末だよ Android/iOS Test Night - 2019」が2019年12月16日に開催されました。DeNAのAndroid・iOSの各PFからテスト自動化・CI/CDに知見のある登壇者を招いてLTを実施。「2019年のSwiftモック事情」に登壇したのはikesyo氏。登壇資料はこちら 2019年のSwiftモック事情 ikesyo氏：では「2019年のSwiftモック事情」というタイトルで発表させていただきます。よろしくお願いします。 まず自己紹介です。ikesyoと言います。ふだんは京都のはてなという会社で働いていて、スマートフォンアプリの開発の仕事をしています。専門はiOSで、Swift大好き人間なんですがAndroidやReact Nativeも書いたりしています。swift-corelibs-foun
これが無料?!デザインが捗る最新フリーフォント45個まとめ
この記事では、見ているだけで楽しくなる、個性豊かで、あらゆるデザインシーンで使える新作フリーフォントをまとめています。個人利用、商用利用の可否についても一緒に記載しているので、デザインの目的に合った書体をスムーズに見つけることができます。 商用利用もできる日本語フォントにはじまり、豊富なウェイト数が揃った万能スタイル、人気のレトロ、ビンテージ系、筆記体などあらゆるスタイルが揃います。 これが無料?!デザインが捗る最新フリーフォントまとめ ビースト明朝 異世界小説・ファンタジー小説に合う明朝体」をキーワードに開発した「かな書体」。無料版は商用版と異なり縦書きや異体字が無く、いくつかの文字に機能制限があります。 ※ 個人利用可能 バナナスリップ バナナスリップは強い骨格と微かな可愛らしさを合わせた日本語フォントです。 インパクトが欲しい、でも堅苦しくしたくない、そんなときにオススメ。 ※ 個人
Unity の Universal Render Pipeline のレンダリング周りについて勉強してみた - 凹みTips
はじめに 以前、Lightweight Render Pipeline（LWRP）と呼ばれていたパイプラインが 2019.3（SRP 7.0.0）から、Universal Render Pipeline（UniversalRP / URP）と改名されました。 blogs.unity3d.com 私は LWRP 含む SRP をあまり調べていなかったのですが、配布しているライブラリの LWRP 対応要望もちらほら聞こえてきましたので、詳しく調べてみることにしました。が、いきなり体系的にまとめるのは自分も分かっていない点が多くかなり大変...なので、プロジェクトを作成し、以前のビルトインのパイプラインから変わったところ等を適当な順番で色々見ていくことにしました。本記事ではレンダリング回り（パイプラインやシェーダの変更点）について調べます（シェーダグラフは本記事では触れません）。URP そのもの
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2020年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 おしゃれな英語フリーフォントから日本語フォント、2020年に話題の高級感のあるセリフ書体、人気のある筆記体、手書き、ブラシフォント、ビンテージ、デコレーションなど幅広いカテゴリよりフリーフォント素材88個を厳選しています。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. サンセリフ書体 4. セリフ書体 5. 筆記体 6. 手書き、ブラシフォント 7. ディスプレイ書体 8. これまでの歴代ベストフォント 日本語フリーフォント 無料で商用利用できる日本語フリーフォント、5書体をまとめています。 【フリーフォント】しょかき楷月（作成中） 筆ペンをつかって実際に手書きした字
A Taste of WebGPU in Firefox – Mozilla Hacks - the Web developer blog
WebGPU is an emerging API that provides access to the graphics and computing capabilities of hardware on the web. It’s designed from the ground up within the W3C GPU for the Web group by all major browser vendors, as well as Intel and a few others, guided by the following principles: We are excited to bring WebGPU support to Firefox because it will allow richer and more complex graphics applicatio
PX品でも機能は同じ！【アメリカの軍服】海軍A-2防寒デッキジャケット（PX品）とは？ 0571 🇺🇸 ミリタリー USN COLD WEATHER DECK JACKET（A-2）1980S PX MODEL - いつだってミリタリアン！
今回は、1980年代のアメリカ軍防寒デッキジャケットPX品（基地内の売店などで販売されている官給類似品）を分析します。 軍へ官給品を納入しているメーカー製で、基地内の売店などで販売されているモデルになります。 知ってか知らずか、日本では官給品として販売している場合がありますね。 紛らわしいので、これを機会に識別眼を養いましょう！ 今回のアイテムは、私が20年以上愛用している中古品ですよ！ 目次 １ アメリカ海軍A-2防寒デッキジャケット（PX品）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータです！ ５ まとめ スポンサーリンク スポンサーリンク １ アメリカ海軍A-2防寒デッキジャケット（PX品）とは？ 世の軍隊で支給される衣類には、一人当たりの定数があって無制限に貸与される訳ではありません。 そして支給された衣類が破損すると、新品に交換…という場合も
Raw WebGPUAlain Galvan ·12/26/2019 @ 7:30 PM · Updated 2 days ago An overview on how to write a WebGPU application. Learn what key data structures and types are needed to draw in WebGPU. WebGPU is a new graphics API for the web that follows the architecture of modern computer graphics APIs such as Microsoft DirectX 12, Vulkan, and Apple Metal. This shift in paradigm for web graphics APIs allows us
October 14, 2019 Announcements Capacitor Ionic react Today we’re thrilled to announce the general availability of Ionic React, a native React version of Ionic Framework that makes it easy to build apps for iOS, Android, Desktop, and the web as a Progressive Web App. All with one code base, standard React development patterns, and using the standard react-dom library and huge ecosystem around the w
アルパカさんです！【アメリカの軍服】海軍防寒デッキジャケットN-1（大戦モデル）とは？ 0303 🇺🇸 ミリタリー USN N-1 COLD WEATHER DECK JACKET（ALPACA LINING）1940S REPRO JAPAN MADE - いつだってミリタリアン！
今回は、1940年代のアメリカ海軍デッキジャケットを分析します。 暖かいジャケットなので、これから活躍するジャケットですね。 残念ながら、今回はモデル品です！ 中古ですが程度は良好ですよ！ 目次 １ アメリカ海軍防寒デッキジャケットN-1（大戦モデル）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータです！ ５ まとめ スポンサーリンク スポンサーリンク １ アメリカ海軍防寒デッキジャケットN-1（大戦モデル）とは？ 海軍の各種艦艇に乗り組んでいる水兵の過酷な勤務状況については、これまでも取り上げてきました。 そして各国とも、創意工夫を凝らしたデッキジャケットを開発していたこともお話ししましたね。 今回のモデルは、アメリカ軍が第二次大戦前に採用したデッキジャケットになります。 僅かなマイナーチェンジを繰り返して、1950年代まで使用されました。 そ
この記事はTech KAYAC Advent Calendar 2023の6日目の記事です。 面白プロデュース事業部 技術部の藤澤です。主にUnityを扱った案件を担当しています。 この記事では、UnityとMetaQuest3を用いたMRコンテンツの作り方の一例をご紹介します。 10月10日に、待望のMetaQuest3が発売されましたね。VRはもちろん、MR機能がすごい！とXでも話題になっていた印象です。 この盛り上がりに乗じて私もMR開発したい！ということで、モグラ叩きを遊べるMRコンテンツを作ってみました。 youtube.com Unityバージョンとレンダリングパイプライン Unityのバージョンは2022.3.12f1、レンダリングパイプラインはUniversal RP 14.0.9を採用しました。 UnityでMetaQuestを動かすための環境構築 まずはMetaQues
macOS Catalina に組み込まれているフォント macOS Catalina には、多数の書体が組み込まれています。必要に応じてダウンロード可能なものもあります。 以下のフォントは、macOS Catalina で自動的にインストールされ、有効になります。ほかのフォントも、書類や App で必要になった時点でダウンロードできます。新しいフォントやアップデートされたフォントが後日追加される場合もあります。以下の一覧には、2020 年 4 月 24 日時点の情報を掲載しています。 Al Bayan ボールド 13.0d1e6 Al Bayan プレーン 13.0d1e6 Al Nile 13.0d2e2 Al Nile ボールド 13.0d2e2 Al Tarikh レギュラー 13.0d2e1 American Typewriter 13.0d1e4 American Typewr
CUDA C/C++ Basics
© NVIDIA Corporation 2011 CUDA C/C++ Basics Supercomputing 2011 Tutorial Cyril Zeller, NVIDIA Corporation © NVIDIA Corporation 2011 What is CUDA? CUDA Architecture Expose GPU computing for general purpose Retain performance CUDA C/C++ Based on industry-standard C/C++ Small set of extensions to enable heterogeneous programming Straightforward APIs to manage devices, memory etc. This
ゼロから始めるデザインシステム - チーム開発を加速させるデザインアプローチ！ #全文公開｜原田 佳樹 Harada Yoshiki
9/22(日)の技術書典7に@scrpgilと共著で「ゼロから始めるデザインシステム - チーム開発を加速させるデザインアプローチ！」という本を出展します。 それに合わせて、事前に本書の本文を公開することにしました。技術書典というイベントは年々盛り上がっていますが、デザイン畑の人にはまだまだ認知が高くないと思うので、より多くの人に届けられるようにnoteで公開することにしました。 「ゼロから始めるデザインシステム」ということで、まさにこれから新しくデザインシステムについてしっかり腰を添えて学んでいこうという人向けの本になります。言葉は聞いたことあるけど、実際に使ったことはない、もしくはこれから導入し始めようと考えている、また、いざ導入したものの、そこまでうまく機能していない、そんな人たちに向けた本になります。 本書は6章から構成されています。第1〜5章は理論編、第6章は実践編です。はじめに
これが64KB？！ デモシーンを支えるプロシージャル技術
リアルタイムに映像や音楽を生成するプログラムを「デモ」と言い、デモを鑑賞したり完成度を競ったりして楽しむイベントを「デモパーティ」と言う。「デモシーン」はデモやデモパーティを中心としたコンピュータのサブカルチャーだ。世界最大規模のデモパーティであるRevisionのPC 64K Intro部門で優勝した細田 翔氏に、デモシーンの魅力を解説してもらった。 ※本記事は月刊『CGWORLD + digital video』vol. 266（2020年10月号）掲載の「これが64KB？！ デモシーンを支えるプロシージャル技術」を再編集したものです。 TEXT＿細田 翔 / Sho Hosoda EDIT＿尾形美幸 / Miyuki Ogata（CGWORLD） 細田 翔（@gam0022） シェーダなどのプログラミングを利用した映像制作が趣味。ブログや勉強会などを通じてグラフィックス関連の情報発信
The last year has been a great one for WebKit. After unveiling Safari 17 beta at WWDC23, we’ve shipped six releases of Safari 17.x with a total of 200 new web technologies. And we’ve been hard at work on multiple architectural improvement projects that strengthen WebKit for the long-term. Now, we are pleased to announce WebKit for Safari 18 beta. It adds another 48 web platform features, as well a
PASOCOM MUSIC CLUB
DotGothic16FascinateHina MinchoIBM Plex MonoInterKlee OneM PLUS Rounded 1cMochiy Pop P OneMontagu SlabNew TegominNoto Sans JPNoto Serif JPPacificoPotta OnePress Start 2PRampart OneRubik MoonrocksSawarabi GothicSawarabi MinchoShippori MinchoZen Antique SoftZen Kaku Gothic New ABeeZeeADLaM DisplayAR One SansAbelAbhaya LibreAboretoAbril FatfaceAbyssinica SILAclonicaAcmeActorAdaminaAdvent ProAfacadAgb
The teeth are not the only problem 2023-11-05 Table of contents (This is not) a performance review Pulling back the curtain Engine and architecture Attachment issues Renderdoc analysis DOTS instance data update Simulation Virtual texturing cache update Skybox generation Pre-pass The teeth controversy Pre-pass continued, featuring the high poly hall of shame Motion vectors Roads and decals Main pas
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2022年におけるフロントエンド開発のベースライン
2022年におけるフロントエンド開発のベースライン
JavaScript ベスト・オブ・ザ・イヤー 2019 - Qiita
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
All TypeScript で開発したLINEで動くリアルタイムクイズアプリの裏側
商用可で完全無料！2019年公開のフリーフォント素材169個総まとめ
Next.js + SvelteによるnoteのフロントエンドApp分割｜note株式会社
デザイン経験不要！無料でデザインを作成できるDIYオンラインツール10個まとめ
商用利用OK！2020年にリリースされた無料フォント40
コードで蘇る「千と千尋の神隠し」：プログラミングによる名前の浮かび上がり演出 - Qiita
Things you forgot (or never knew) because of React
Node.jsでのCLIの作り方と便利なライブラリまとめ - Qiita
かっこいい英語フォントが無料！最新フリーフォント59個まとめ 2020年4月度
Tales of the M1 GPU - Asahi Linux
Python 3.13 gets a JIT
採用目的2021 minne編 - Pepabo Tech Portal
Xcode Previewsをまとめて実機で触れるUIプロトタイプアプリにする - nana開発者ブログ
2019年のSwiftモック事情 コード生成における4つの選択肢
【商用可＆無料】2020年上半期ベスト英語・日本語フリーフォント厳選90個まとめ
Raw WebGPU
Announcing Ionic React - Ionic Blog
MetaQuest3ではじめる、モグラ叩きMR - KAYAC Engineers' Blog
macOS Catalina に組み込まれているフォント - Apple サポート (日本)
News from WWDC24: WebKit in Safari 18 beta
Why Cities: Skylines 2 performs poorly