「Quest 2」64GBと256GB、どちらを買うべき？
128GBと256GB、どちらが良い？「Meta Quest 2」の選び方 ※本ページにはアフィリエイトリンクが含まれます Oculus（Meta）の人気VRヘッドセット「Quest 2」に、8月24日から128GBモデルが追加されます。これまでの64GBモデルは販売… VRヘッドセット「Oculus Quest 2（Meta Quest 2）」が発表されました。初代「Quest」から全面的に進化し、小型化、画面の高解像度化、SoCのパフォーマンス向上を遂げています。 そして注目すべきは、その価格です。64GBと256GBの2モデルがラインナップされ、64GBは37,180円、256GBは49,280円。64GBで49,800円の初代モデルと比べると、大幅に安くなっています（価格はいずれも税込）。 では、64GBと256GBのどちらを買うべきなのか？ 安いからと、64GBモデルを選んでしま
【JavaScript】文字列を任意の文字数で分割し、配列を作成する方法 - Qiita
はじめに JavaScriptで文字列を任意の文字数で分割し、配列を作成する方法です。 結論からいうと正規表現での取得が一番スッキリ書けました。 他にもいくつか試したの方法も記載しておきます。 例ではUGGUGUUAUUAAUGGUUUの文字列を三文字毎に分割して["UGG", "UGU", "UAU", "UAA", "UGG", "UUU"]の配列を作成しています。 正規表現 const rna = "UGGUGUUAUUAAUGGUUU"; let cdn1 = rna.match(/.{3}/g); console.log(cdn1) // ["UGG", "UGU", "UAU", "UAA", "UGG", "UUU"] const rna = "UGGUGUUAUUAAUGGUUU"; let cdn2 = []; for (let i = 0; i < rna.length
speechSynthesis.speak not working in chrome
I'm using chrome Version 55.0.2883.87 m (64-bit) on Windows 10. The following simple html file reproduces the problem and is extracted from my more complex app. It is supposed to speak the 3 words on page load. It works on MS Edge and Firefox but does not work on chrome. This code was working for me on Chrome no problem a couple weeks back. <html> <head> <script lang="javascript"> window.speechSyn
チームで美しくメンテナブルなCSSを書くための 「Stylelint」導入のすすめ
エラーの発見や回避、フォーマットの一貫性、重複の回避。チームでCSSを書くときにの生産性とメンテナンス性をあげたいときに便利なツールが「Stylelint」です。特徴と導入方法を解説します。 フロントエンド開発はすでに円熟期に入っており、コード品質管理ツールの使用も増えてきました。このことがよく表れているのは、JavaScriptのエコシステムです。JavaScriptにおけるLintツールは、フロントエンド開発者がコードの正しい構成と一貫性を保証するために使われます。ツールに関する最近の調査では、開発者の大多数がJavaScriptでLintツールを使っていると答えました。 CSSコーディングでは、コード品質管理ツールの使用に向けた動きはいくぶん緩やかで、同様の調査では開発者の大半がワークフローでCSSのLintツールを使っていないと答えました。 この記事では、スタイルシートにおけるli
@babel/plugin-transform-react-jsx · Babel
This plugin generates production-ready JS code. If you are developing a React app in a development environment, please use @babel/plugin-transform-react-jsx-development for a better debugging experience. Example React Automatic Runtime Automatic runtime is a feature added in v7.9.0. With this runtime enabled, the functions that JSX compiles to will be imported automatically. In const profile = (
styled-componentsを使ったCSS設計 - Qiita
はじめに 自分は普段フロントエンドエンジニアとして、React Reduxなアーキテクチャのアプリを作ることが多いのですが、stylingにstyled-componentsを導入しています。今回は、styled-componentsでのCSS設計について書いてみたいと思います。 styled-componentsとは JSでstyleを記述するCSS in JSのライブラリで、2019年8月現在最も人気のあるライブラリです。タグ付きテンプレートリテラルをうまく使った独自性と、明快なAPIでCSS in JSの火付け役にもなり、同じ思想を持った亜種ライブラリ(paypal/glamorous, zeit/styled-jsx等)が続々と出て来るなどある種のブームを巻き起こしました。 そもそも、Reactの登場でフロントエンド開発が「jQueryによるhtmlへの振る舞いの後付け」というスク
Quick How-to: Use the emotion `css` prop with create-react-app
I’ve heard a few people have had trouble getting emotion’s css prop to work with create-react-app, so here’s how to do it: Install:create-react-app example cd example yarn add @emotion/core react-app-rewired customize-cra --save yarn add @emotion/babel-preset-css-prop --devReplace scripts in package.json "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "
Advanced (LEGACY) - MUI System
@mui/styles was deprecated with the release of MUI Core v5 in late 2021. It depended on JSS as a styling solution, which is no longer used in @mui/material. @mui/styles is not compatible with React.StrictMode or React 18, and it will not be updated. This documentation remains here for those working on legacy projects, but we strongly discourage you from using @mui/styles when creating a new app wi
Next.js 10 + TypeScriptでEmotionを使う - Qiita
はじめに Next.js 10になって、React 17になったりしてEmotionが動くようにするのに少し工夫が必要になりました。 その方法について、まだEmotionの公式のドキュメントではまとめられていないようだったので、試行錯誤した内容をここに記事として残そうと思います。 この記事で作り上げた環境はこちらに用意してあります。 リポジトリ: https://github.com/282Haniwa/next-with-emotion Next.jsのプロジェクトを作る Next.jsの環境構築はこちらの記事で解説しているので、省略させていただきます。 とりあえず動く環境で試したい方は、 $ git clone https://github.com/282Haniwa/next-example.git $ cd next-example $ yarn install $ yarn de
Style library interoperability - Material UI
While you can use the Emotion-based styling solution provided by Material UI, you can also use the one you already know, from plain CSS to styled-components. This guide aims to document the most popular alternatives, but you should find that the principles applied here can be adapted to other libraries. There are examples for the following styling solutions: Plain CSS Global CSS Styled Components
「なぜスマホのバッテリーは交換できないの？」 その理由と問題の本質を考える
現在のスマートフォンは、ほとんどがバッテリー内蔵で、交換することができない。先日、「交換できないのは問題だ」とする記事がSNSでバズっていた。メーカーがスマホを買い替えさせるために交換できないようにしているのだ……という論調である。 うーん。 携帯電話やスマートフォンをずっと取材し、製造についても知っている立場からすると、それはかなり強引すぎる話かな、と思う。 バッテリー交換式でなくなっていったのにはそれなりの理由がある。一方で、製品とバッテリー交換に課題がないわけでもない。 それらがどういう関係にあるのか、改めてまとめてみたい。 この記事について この記事は、毎週月曜日に配信されているメールマガジン『小寺・西田の「マンデーランチビュッフェ」』から、一部を転載したものです。今回の記事は2021年7月5日に配信されたものです。メールマガジン購読（月額660円・税込）の申し込みはこちらから。さ
Emotion – TypeScript
Emotion includes TypeScript definitions for @emotion/react and @emotion/styled. These definitions infer types for css properties with the object syntax, HTML/SVG tag names, and prop types. @emotion/react The easiest way to use the css prop with TypeScript is with the new JSX transform and the jsxImportSource TSConfig option (available since TS 4.1). For this approach, your TSConfig compilerOptions
<header> - HTML: HyperText Markup Language | MDN
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
Example projects - Material UI
Official themes and templatesOnce you've chosen your preferred scaffold above, you could move on to the Templates doc and choose a readymade user interface to plug in. For more complex prebuilt UIs, check out our premium themes and templates in the MUI Store. Community projectsThe following projects are maintained by the community and curated by Material UI's team. They're great resources for lear
SharedArrayBuffer - JavaScript | MDN
SharedArrayBuffer オブジェクトは、一般的な、生のバイナリーデータバッファーを表すために使用されます。ArrayBuffer オブジェクトと似ていますが、こちらは共有メモリー上にビューを生成するために使用されます。SharedArrayBuffer は移譲可能オブジェクトではありません。この点では ArrayBuffer が移譲可能であるのとは異なります。 SharedArrayBuffer オブジェクトを使用して、クラスター内のあるエージェントから別のエージェント (エージェントとは、ウェブページのメインプログラムまたはそのウェブワーカーのひとつ) へ、SharedArrayBuffer オブジェクトを使用してメモリーを共有するために、postMessage と構造化複製を使用します。 構造化複製アルゴリズムは SharedArrayBuffer と、SharedArra
「Steamサマーセール2021」でオススメしづらいが、遊んでほしいゲーム10選 - AUTOMATON
Steamサマーセールも後半戦、お買い求め忘れの品物はないだろうか。押しも押されもせぬビッグタイトル、隠れた珠玉の作品を読者の皆様にお届けするのも、我々メディアの大事な務めだ。一方、なかには大手を振っては“オススメしづらい”ゲームも存在する。操作が難解、ビジュアルが奇抜、とにかく意味がわからない。しかしながら、なぜか心をつかまれてやまないゲームを、本稿では10本ラインナップしている。あくまでオススメしているわけではないが、ビビッとくるタイトルがあれば遊んでみてほしい。ちなみに弊誌では別途、「割引価格75％以上」のオススメゲームも特集している。併せてチェックし、今年のサマーセールを最後まで満喫してみてほしい。 Say No! More 1326円（1980円、33%オフ、日本語あり）（Steamストアリンク） 『Say No! More』は、「NO」と言える人になれるアドベンチャーゲームだ。
自走するエンジニアが育つ組織の作り方
ピナクルズの CTO をしている渋谷です。「現場向け動画 DX」を実現するための SaaS『tebiki』を開発しています。 今回は、マネージャー向けに「もしメンバーに自走してほしいなら、個人のメンタリティに期待するのではなく、組織で相互にアドバイスし合うプロセスを構築したほうがいい」という話をしたいと思います。 エンジニアの求人サイトを検索してみると、求める人物像や歓迎するスキルに「自走力のある人」と書いている企業がたくさんヒットします。 これだけ書いてあるということは、自走する能力を備えていることがもはやエンジニアの必須条件のように思えてきます。 ですが、自走するかどうかはその人個人のメンタリティよりも外部要因のほうが遥かに大きいと私は考えています。どんなに自走できる人でも、ほとんどの場合で権限移譲された範囲までしか自走はできないからです。上司の知らないうちに「新サービスリリースしてお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Oculus Quest 2で遊びたい おすすめVRゲーム15選 人気作から新作まで
SpeechSynthesis.speak (in Web Speech API) always stops after a few seconds in Google Chrome
Fixes an issue with Google Chrome Speech Synthesis where long texts pause mid-speaking. The function takes in a speechUtterance object and intelligently chunks it into smaller blocks of text that are stringed together one after the other. Basically, you c
Chrome Speech Synthesis with longer texts
GitHub - prettier/stylelint-config-prettier: Turns off all rules that are unnecessary or might conflict with prettier.
GitHub - microsoft/typescript-styled-plugin: TypeScript server plugin that adds intellisense to styled component css strings
GitHub - gucong3000/postcss-jsx: PostCSS syntax for parsing CSS in JS literals
GitHub - timarney/react-app-rewired: Override create-react-app webpack configs without ejecting
GitHub - arackaf/customize-cra: Override webpack configurations for create-react-app 2.0
Material-ui overrides react emotion rules
Emotion – The css Prop
アシアル株式会社
Webpack 5 support overview · Issue #9994 · facebook/create-react-app
Emotion – Global Styles
How to style body tag with CSS-in-JS approach?
GitHub - GoogleChrome/web-vitals: Essential metrics for a healthy site.
material-ui/examples/create-react-app at master · mui/material-ui
GitHub - mui/material-ui: Material UI: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
3千CPUで数カ月かかる計算が0.1秒で完了。汎用原子レベルシミュレータ「Matlantis」 ～PFNとENEOSがクラウドサービスで提供開始
FCバルセロナに所属する選手の発言について | 株式会社コナミデジタルエンタテインメント