.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ

値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。 10周年を迎えた「メルカリ」さんを取材しました。 株式会社メルカリ Product Manager 塚本 佳実さん、UX Design Manager 宮本 麻子さん「メルカリ」について教えてください。塚本： 「メルカリ」は、国内最大手のフリマアプリです。2023年の7月にサービス開始からちょうど10周年を迎えました。 直近のアクティブユーザー（MAU）は2,200万人以上に、四半期のGMV（流通金額）は2,500億円以上に到達しています。 累計だと30億品以上が出品されていて、販売の速度でいうと「1秒間に7.9個の商品が売れている」というデータもあります。 この10年間でのトレンドの変化としては、取引されている「ブランド」にも変化が出

先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ

よみタイ新着記事 連載 9/2 モラハラ・DVから 逃げる技術！　「この結婚失敗かも……？」と思ったら知っておきたいTips50 離婚調停スタート！【逃げる技術！第２２回】どこで何をするの？ 藤井セイラ 特集 8/31 【リポストキャンペーン】「京都国立博物館」の直筆イラスト付きお土産プレゼントを1名様に！ 明 特集 8/30 「原作のその先を見せてもらえる映像化に涙。私ほど幸せな原作者はいない」…ドラマ『クラスメイトの女子、全員好きでした』原作者・爪切男の撮影現場レポート 爪切男 連載 8/27 体重減･筋肉増のおばあさんになる！「あすけん」式 人生最後のダイエット 「あすけん」健康度のありえない点数に一念発起…！？　第2回 「あすけんの女」未来さんと出会ってしまった！ 上田惣子 新着をもっと見る 稲田俊輔 イナダシュンスケ 料理人・飲食店プロデューサー。鹿児島県生まれ。京都大学卒業後、

コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。 忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。 UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ

こんにちは！　料理家の美窪たえです。 本日は、鶏の砂肝で作る絶品オイル煮込み「砂肝のコンフィ」をご紹介します。 砂肝は内臓類の中では比較的扱いやすく、スーパーでも入手しやすい食材です。値段もお手頃で大変ありがたい食材ですが、実際に料理するとなると、「どうやって食べたら良いかわからない」「硬い」「薄皮は取るべきか？」など、扱い方に関する疑問をお持ちの方も多いのではないでしょうか。 本日はそんな食材「砂肝」を柔らかく仕上げていきますよ。 ご紹介する砂肝のコンフィは、油を使うため直火での温度管理が難しく、オーブンで長時間加熱するのが一般的な調理法です。 しかし、今回は食材を油に浸したままお湯で間接的に温める「湯煎」を用いて、一定の温度を保ちながらじっくりと加熱することで、砂肝を簡単に柔らかく仕上げることができるのです。 油が飛び散る心配もなく、オーブンなどの特別な機材も不要。少なめの油で手軽に作

この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"

webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる すでに新規開発の終了も伝えられる webpack ですが、「STATE OF JS 2022」ではいまだに利用率 No.1 の地位にあります。 webpack 後継のモジュールバンドラーとしては、すでに Turbopack の開発開始がアナウンスされています。しかし、これがプロダクションレベルに達するまでは webpack がおそらく使い続けられることになるでしょう。 使うメリットは何？ モジュールを 1 つ（もしくは少数）にまとめることでブラウ

チェックマークをつける意味で check を使う場合は例外。 check 自体を避けたい場合は putCheckmark とする。 change 何をどう変更しているのかわからない。 check と同様に具体的な名前にできないか考えてみるとよい。 例外として isChanged のフラグを変更するための Change メソッドに使う場合がある。 xxxManager / xxxController こういう名前をつけるとクラスが肥大しやすい。 単一責任の原則にのっとってクラスを設計するべし。 UNIX 哲学にも「Small is beautiful.」という考え方がある。 xxxType, xxxData, xxxItem, xxxInfo 冗長になりやすい。 Type, Data, Item, Info を取っても意味が通じないか検討してみる。 使わないほうがよい言葉 compare 比

ども、料理ブロガー＆ユーチューバーのオトコ中村です。 グッと詰まった肉のうま味で、そのままでも、パンでもご飯でもいけるコンビーフ。時々食べたくなりますが、市販のものを買うと意外と高い……。 そこで、いつものように身近な材料で何とか自作できないものかと考えて、今回は、牛肉ではなく安く手に入る鶏むね肉で「コンチキン」を作ってみました。 そもそも牛肉以外のお肉がブレンドされたコンビーフ風の缶詰もありますし、海外では豚肉のコンポークや鶏肉のコンチキンといった缶詰も売られています。鶏むね肉なら低糖質、低脂肪、高タンパクでできる点もおすすめですよ。 オトコ中村の「鶏むね肉でコンチキン」 材料（鶏むね肉1枚分） 鶏むね肉（皮なし）　1枚（300g程度） 水　300ml 粉ゼラチン　5g （A） 塩　小さじ1/2 しょうゆ　小さじ1 こしょう　小さじ1/2 すりおろししょうが　小さじ1/2 コリアンダーシ

従来のGoogleアナリティクスである、ユニバーサル アナリティクス（以下UA）のサポートがいよいよ2023年7月に終了することが、先日アナウンスされました（※）。昨年対比やトレンドをチェックすることを考えると、2022年内できるだけ早めに次世代のGoogleアナリティクス（以下GA4）へ移行したいWebメディア運営者も多いかと思います。新しいツールの勉強や、既存システムの改修が必要な問題ではありますが、この機会を、データ収集・可視化の設計を見直し、日々の意思決定の共通言語としてデータを使いやすくするチャンスと捉えてみてはいかがでしょうか。 ※  Google、ユニバーサルアナリティクスのサポートを2023年7月1日に終了。早めのGA4移行を推奨 このnoteでは、前半でダッシュボードによるデータの可視化にコストをかけるべき理由を整理します。後半では、2021年秋に文春オンラインのダッシュ

こんにちは！　料理家の美窪たえです。 本日は、台湾の隠れた名物ご飯「ジーローファン（鶏肉飯）」をご紹介していきます。 この料理の特徴は、パサつきがちな鶏むね肉をある食器を使ってふんわりとほぐし、特製の香味野菜ダレを合わせることで、鶏むね肉を美味しく食べていただけるレシピになっています。 また、茹でた鶏むね肉のジューシーさを保ちながら保存＆温め直す方法や、さっぱりとした特製ネギダレの作り方まで、盛りだくさんでお届けしていきます。 それでは早速、ジーローファンを作っていきましょう！ 材料（6人前） 鶏むね肉……2枚（480g前後） 長ネギの青い部分……1本分 生姜（薄切り）……10g（チューブ生姜5gで代用可） 水……1リットル 塩……8g 香味野菜ダレ（3人前） 玉ねぎ（薄切り）……100g にんにく（みじん切り）……15g サラダ油……30g 醤油……30g 砂糖……5g 酢……5g 鶏む

日進月歩というより、秒進分歩で進化している感じのある音声合成、歌声合成の世界ですが、また新たな革命ともいえるAI音声合成ソフトが誕生しました。これまでDTMステーションでも何度も取り上げてきた歌声合成ソフト、Synthesizer Vを開発するDreamtonics株式会社と株式会社AHSと共同開発する形で、もはや人間の喋り声にしか聴こえない音声合成ソフト、VOICEPEAKを発表し、3月11日から発売を開始するのです。Synthesizer Vと同様、Windows、Mac、Linuxでも動くマルチプラットフォームソフトで価格はダウンロード版で23,800円(税込み)となっています。 このソフト「VOICEPEAK 商用可能 6ナレーターセット」という製品名になっていますが、実際には女性3人＋男性3人＋女の子1人＝7人の声を切り替えることが可能なAI音声合成ソフトで、テキストを入力すれば

この記事では、コードを記述せずに、Azure AI Speech CLI (SPX とも呼ばれます) を使用して、音声テキスト変換、テキスト読み上げ、音声翻訳などの音声サービスを利用する方法を説明します。 すぐに実稼働環境で使用可能な Speech CLI で、.bat またはシェル スクリプトを使用して、音声サービスの単純なワークフローを自動化することができます。 この記事では、コマンド プロンプト ウィンドウ、ターミナル、PowerShell に関する実用的な知識があることを前提としています。 Windows Linux macOS Docker (Windows、Linux、macOS) Windows に Speech CLI をインストールするには、次の手順に従います。 お使いのプラットフォームに対応した Microsoft Visual Studio 2019 の Visual

カク スツール アイアンシリーズのカクスツール。座面は5種類の張地を組み合わせたモザイク柄になっている個性的な1脚です。座面中央の生地には牛革を使用し、高級感を感じられるデザインです。 FLYMEe Parlor / フライミーパーラーでは、カフェスタイルの居心地の良い空間をつくる家具・インテリアをセレクトしてご紹介しています。落ち着いた温かみのある素材のファブリック、ユーズド感が魅力の古材やレザー、昔ながらの什器を思わせるスチールアイテムなどをコーディネートすることで、お気に入りのカフェのような空間をつくることができます。インダストリアル家具やヴィンテージテイストのインテリアアイテムとも相性良くコーディネートしていただけます。 …もっと見る

グーリス ベッド シンプルながら存在感のあるベッドです。脚を細めのスチール脚にすることで圧迫感を感じさせず、洗練されたくつろぎ感のあるデザインになっています。フレームに使用しているのは、ベッドに使われることが珍しいパイン古材と、木のぬくもりが味わえるオーク材。どちらも色ムラや釘跡、傷等を残したカジュアルな仕上げです。 シングル、セミダブル、ダブルの3サイズから、それぞれスノコ、ウッドスプリングの仕様からお選びいただけます。マットレスは付属しません。

DIYキャビネット脚 鉄脚 アイアン脚 オーダー NAGATA LEGS 高さ100mmの小さな鉄脚 キャビネット脚パーツ4本セットはリメイク用の家具脚です。 高さ100mmの鉄脚パーツ 他の種類も見る キャビネット脚パーツ  4本セット 小さなNAGATA LEGS、というコンセプトで高さが100mmの頑丈な脚パーツをＬアングルでお作りいたします。お持ちの木製キャビネットやテレビ台って床にドン、ですよね？それに100mm程度の脚をつけるだけで、けっこうおしゃれな感じに見えてしまうものです。最近はロボット掃除機をお使いになられているご家庭も多いかと思いますので、高さ150mmまでは追加料金なしで、高さオーダーメイドでお作りをさせて頂きます。小さな脚パーツなので、アジャスターと、クリヤーのスプレー塗装仕上げも含んだ基本仕様となっております。リメイク家具DIY、なんていかがですか？ 取付けビス