app.appearanceChange(value)); $watch('app.leftMenuPinned', value => app.leftMenuPinChange(value)); $watch('app.leftMenu', value => app.leftMenuChange(value)); $watch('app.mobileMenu', value => app.mobileMenuChange(value));" x-cloak>
以前レビューしたAirPods Pro（第2世代）の装着感を改善するためにSednaEarfit Crystalという社外イヤーピースに換装したところ、音質だけでなく耳から落ちやすい問題も改善して総合的な使い勝手が非常に快適だったので紹介していきます。 AZLA SednaEarfit Crystalとは 今回購入したのはAZLAの交換用イヤーピースSednaEarfitシリーズの「圧迫ZERO設計」を謳った「SednaEarfit Crystal for AirPods Pro」という製品。長時間つけていても疲れない圧迫感の少なさ、耳から落下しにくいグリップ感などの普段使いでの実用性を目指した製品。 「for AirPods Pro」はウレタンコーティングアダプターとイヤーワックスガードを採用し、低域強化・音漏れ防止に加え第2世代AirPods Proの強みであるアクティブノイズキャンセ
はじめに 先日、エンジニア界隈では有名なポッドキャストであるfukabori.fmに出させていただきまして、そのときのトピックがサーバーレスでした。 ポッドキャストはこちらで聞けますのでぜひどうぞ。 fukabori.fm そこでもいろいろお話ししたのですが改めて話せなかったことなども含めて書こうかなと。つまり、ポエムです。散らかった文章な上に少し長めなのでお時間のある方だけどうぞ。 なお、サーバーレスの黎明期の話とかそういう思い出話は以前に書いたこちらの投稿があります。 サーバーレスと僕のこれまでとこれから - Sweet Escape 今回は思い出話ではなく、サーバーレスに個人として魅力を感じ、仕事としてその良さを広めたり、実装のお手伝いをし続けてきた自分がそういった仕事から離れた2022年現在どういう風に向き合ってるかについてのポエムです。 前提 現在の自分は株式会社Singular
テラレイドバトル中のコマンド「おうえん」について調べたので紹介します。 おうえんのバフ効果と使用回数の上限について。 レイドで使える「おうえん」について レイド中に使える「おうえん」のコマンドは3つあります。 いけいけドンドン がっちりぼうぎょ いやしのエール 使用するとメッセージが出るので「いけいけドンドン」で攻撃と特攻が上がるなど、それぞれの効果はなんとなくご存知のことかと思います。 しかし詳しい補正効果や、ポケモンの能力変化と重複するのかどうか？などはまだ知らない方が多いと思うので今回はその辺りを解説します。 おうえんの共通の仕様 おうえんを使用すると効果はそのターンに発動する おうえんは味方全体に掛かる バフ効果はレイドポケモンの「全体強化解除」で解除されるが、ポケモンが倒れても解除されない まず、おうえんは使用するとそのターンに発動しバフ効果も即座に有効になります。そしてレイドポ
スカーレットバイオレットで新しく追加されたアイテムの「おんみつマント」について調べたので紹介します。 同じく新しく登場したわざの「しおづけ」を防ぐことはできるのか？など。 おんみつマント おんみつマントはハッコウシティのデリバードポーチで普通に売っています。 ポケモンに持たせると「相手のわざの追加効果を防いでくれる」という効果のアイテムです。 この「追加効果」の詳細はゲーム内で確認できないので調べる必要があります。 （今作に登場するわざは既に600種類を超えているので大変ですね！） で、気になるのは現環境で一番見かけることが多いと言っても過言ではない「キョジオーン」の「しおづけ」を防ぐことはできるのか？です。 しおづけは岩タイプの技でなおかつ変化技でもないので、どのポケモンも素の状態では防げない（返せない）のが厄介なんですよね～。はたしてどうなんでしょうか？ おんみつマントでしおづけは防げ
Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChromeでもサポートされました！ CSSの新機能で、Chromeが一番最後というのは珍しいですね。 最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュースです。 画像: @bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新しいビューポート単位「lvh」「svh」「dvh」とは ブラウザのサポート状況 はじめに W3CのCSS Values and Units Module Level 4で、ビューポート単位についていくつか仕様が変更されました。Large、Small、Dynamicといったビューポートサイズ
スターフェスティバル株式会社 エンジニアの@nano72mkn です！ 今回は、GW にエンジニアが Figma に入門した時のこれ覚えておけば Figma 活用できるんじゃない（個人的意見）のまとめをしていこうと思います！ Figma 活用技術 これから紹介する機能たちは、同じ要素を使い回す場合にとても力を発揮します！ エンジニアで Figma を触らないといけなくなった時、使い回し技術だけでも習得しておけばデザインを崩すことがなく手を入れることが可能です！ AutoLayout フロントエンジニアの方にはFlexBoxとpaddingが設定できるようになる機能といえばイメージが湧くと思います！ 等間隔で配置させることができる 各要素間をひとつひとつ調整する必要はないです！ 要素の内側に余白を持たせることができる ドラッグ＆ドロップで簡単に並び替えができる 並び替えた後に他の要素の位置を
tRPC をちょっとだけやってみたので、やる前に自分が知りたかったことやセットアップ時にわかりにくかったことを整理して、ふんわりざっくり大味でまとめておきます ついでなので gRPC についても簡単に整理します まず RPC とは RPC ( Remote Procedure Call ) とは、ネットワークで繋がっている別のコンピュータのプログラムを実行できるようにする技術のことです 呼ぶ側 ( = クライアントサイド ) が呼ばれる側 ( = サーバサイド ) を実行するときに、具体的な通信手段やプロトコルについて自分で実装する必要がない点が特徴です イメージを見てみましょう 普段行っているメソッド呼び出しは、RPC に対して LPC ( Local Procedure Call ) と言います このようなコードです、カタログはローカルにあるということにします
数学的な内容を表現したアニメーションをいろいろ作って遊んでます。例えばこんなのとか。 素因数ビジュアライズ。大きく灰色で表示された数字の素因数が線を横切ります pic.twitter.com/z1MHJzPtbv — 鯵坂もっちょ🐟 (@motcho_tw) February 7, 2018 たくさんの点を、それぞれの点に書かれた数に応じた速度で回すことにより、大きく灰色で表示された数の素因数を表現しているわけです。楽しいですね。 こんなのもあります。 3Dで図示してみました。 pic.twitter.com/AF2R1QEtqk — 鯵坂もっちょ🐟 (@motcho_tw) April 12, 2017 九九におけるの段の「一の位」は、ぐるぐる回る点によって表現することができます。面白いですね。 変わったものでは、こういうのもあります。 惑星が「惑星」と呼ばれる理由ですhttps:/
7/27（水）開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy
皆さんこんにちは。筆者の以前の記事では、ReactのuseMemoを無駄に使うことによるレンダリング速度のオーバーヘッドがどれくらいかをベンチマークによって示しました。 それによれば、スマートフォンを想定したとしても、useMemoだけで描画に目に見える影響を与える（16msくらいの遅延を発生させる）には万のオーダーのuseMemoが必要なことが分かります。 速度ではなくuseMemoを使うことによるメモリ消費量の増加を気にする声も聞かれましたが、すみませんが筆者はそこまでメモリクリティカルなアプリをReactで書いたことがなく知見に乏しいため、今回はこの記事の対象外となります。 この結果が出たことでuseMemoをいつ使うのかなどという議論には終止符が打たれたかと思いきや、上記の記事の感想などを見ているとまだ喧々囂々です。 そこで、この記事では筆者の考えを皆さんに共有し、いよいよもってこ
こんにちは。食べログ フロントエンドチームの原田です。 現在担当しているプロジェクトで、React Hook FormとZodを組み合わせて利用する機会があったので、今回はReact Hook Formの基本的な使い方からスキーマバリデーションをZodに任せる方法を紹介をしたいと思います。 React Hook FormとはReact Hook Form は「高性能で柔軟かつ拡張可能な使いやすいフォームバリデーションライブラリ」をテーマに掲げた入力フォームの管理に特化した React 向けのライブラリです。 なぜReact Hook Formを利用したか今回のプロジェクトでは複雑なフォームを組む必要があり、フォームの状態管理を任せられる点や、パフォーマンス面、ドキュメントや検索でヒットする情報の多さからReact Hook Formを利用することを決めました。 基本的な使い方まずはReac
こんにちわ！現在大学３年でモスティープレイスという会社でデザイナーのインターンをしています、田島美鈴 @abcmisuzuです。 この記事では、Figmaというツールで使える便利なデザインのアセットを紹介していきます。 最近UIツールをSketchからFigmaに移行し、情報収集をしていたのですが、日本語のプラグインなどのまとめ記事はあってもアセットの記事は見つけられなかったのでまとめてみました。 ↓ Figmaの使い方について -------- まず、Figmaには公式で運営しているアセットストアがあり、そこから使いたいデータに飛びWEB上のファイルを使えるようになります。 一部有料ですがほとんどが無料、保存も必要なくリンクをクリックするだけで本当にあっさりアセットが手に入るので上手く活用できそうです。 まだ数は少ないですが、目を通しておくといいと思います。 Assets Resourc
特定のデバイスに対して時間を指定したルールも追加できます。Categoryの選択肢App：特定のアプリケーションApp Group：用途が同じアプリケーションをまとめたグループDomain Name：ドメイン名IP Address：IPアドレス（主にLAN内）Resion：地域Internet：インターネット接続Local Network：作成したローカルネットワークネットワークやIPアドレスだけでなく、特定のアプリケーションだけを選択してルールを作成することもできます（例：ファイル交換ソフトは遮断など）。 アプリケーションはUniFiコンソールに登録されている一覧から選択しますが、数が多いので上手に検索してください。 Categoryで選んだ対象によって、ドロップダウンリストの表示も変わるため設定に戸惑う事も少ないです。 設定例（Local Network）特定のネットワークからの通信を
ここ半年ほど、仕事で Flutter アプリを 0 から作り直しています。 ちょうど今年の個人的なテーマを「アーキテクチャ」に据えていたこともあり[1]、またその一環として 「Clean Architecture 達人に学ぶソフトウェアの構造と設計」 （以下：クリーンアーキテクチャ本）を読んでいたこともあり、この作り直しでは「アーキテクチャ」をしっかりと自分の頭で考えながら作ろうと決めて取り組んできました。 アーキテクチャについて頭を悩ませながら実装を進めること約半年、ようやくアプリが形になるとともにある程度知見も溜まってきましたので、その知見を一般化した内容をこの記事にまとめていきたいと思います。 注意 この記事は、「Flutter アプリのアーキテクチャはこれがベストプラクティス！」という類の記事ではありません。あくまで 私の目の前の要件ではこれが最適と判断した という一例の紹介になり
最近、在宅勤務も多いし自宅のネットワークを充実させたいなと思ってところ、面白そうなルーター(Dream Router)が2022/11/29に日本で発売されました。しかも多機能＆高性能なのにすごく安い・・・！ 今回Ubiquiti様より機器をご提供頂いたため早速レビューしてみました。 Dream Router A UniFi OS Console with an integrated WiFi 6 router and mult jp.store.ui.com 1.ハードウェアの特徴Dream Routerは自宅（ファミリー世帯）や小規模店舗で使用するには十分な性能を持ったルーターです。ハードウェアの仕様は以下の通り。 公式サイトより引用Wi-Fi6対応Wi-Fi6に対応しているため対応端末であれば高速通信や省エネの恩恵を受けることが出来ます。なお例としてiPhoneの場合は以下端末が対応
Intro - Why discuss yet another ORM (or the man who had a stain on his fancy suite)?Betteridge's law of headlines suggests that a 'headline that ends in a question mark can be answered by the word NO'. Will this article follow this rule? Imagine an elegant businessman (or woman) walking into a building, wearing a fancy tuxedo and a luxury watch wrapped around his palm. He smiles and waves all ove
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く