揚げずに天ぷらが作れる！新商品「焼き天ぷらの素」は本当にサクサク衣ができるのか!? 2022年9月1日より、昭和産業「もう揚げない!! 焼き天ぷらの素」が新発売！少ない油で作れるので、残り油の処理がおっくうでなかなか天ぷらを手作りできなかった人におすすめの商品です。本当に揚げずに天ぷらが作れるのかどうか、そしてうわさの新食感の味わいを実食レビューでお伝えします♪ 2022年9月9日 更新

ルーミーのセレクトする商品の基準は、「高いもの」「豪華なもの」ではなくて、「便利」で「心地よい」もの。 値上がりでゲンナリする気持ちも、工夫次第でどうにかなる。むしろ、あんまり価格のことは心配せず、結果的にはこれでよかった！となるようなチョイスをお届けします。 4人家族の我が家。 毎日1～2回のお皿洗いをしますが、一度の量が多いこともあり、スポンジがすぐにへたる……。 自宅の構造上、食洗機が設置出来ないこともあり、皿洗いのスポンジの品質は私にとってとても重要なことなのです……！ あれこれ試してきたけど、ついに見つけました。本当にタフなスポンジを。 スポンジ界の「優等生」その実力は？ ダスキン　「台所用スポンジ3色セット×2パック」　926円（税込）　※Amazon参考価格 それは、クリーンサービスでお馴染み・ダスキンの「台所用スポンジ3色セット×2パック」。 友人から「スポンジ界の優等生、

現在日本国内では人口減少に伴い、新規顧客獲得の難易度は年々上昇しています。これに伴いリテンションマーケティングをはじめ、既存顧客にフォーカスしたマーケティング手法に対するニーズが高まっています。しかし、既存顧客と継続的な関係を築くのは簡単ではありません。リテンションマーケティングの重要性や活用方法を理解したうえで戦略に取り入れる必要があります。当記事では、既存顧客と長期的な関係を築くために有効なリテンションマーケティングのメリットや具体的な方法、リテンションマーケティングを用いて成功した事例について紹介します。 リテンションとは、英語で「Retention」と表記し、維持・保持を意味する言葉です。つまり、リテンションマーケティングとは、顧客との継続的な関係を築くためのマーケティング手法を指します。マーケティングには大きく2種類の手法があります。1つは「新規顧客獲得」、もう一つは「既存顧客と

はじめに mixisは共通関数としてどうなのか vue.jsで共通関数をどう作るか 共通関数のメリット Composition APIで使用可能 オブジェクト指向的に考えられる どこから呼び出したのか分かりやすくなる まとめ はじめに こんにちは。エンジニアの仕事をしている、たかふみです。 本日は、vue3より正式導入された、Composition APIを使用した共通関数の作り方についてまとめたいと思います。 Composition APIを共通化する際に、参考としてください。 mixisは共通関数としてどうなのか vue.jsには、mixinsという機能がありますが、mixinsには以下のデメリットがあります。 Options APIで動く想定なのでComposition APIでは使いにくい。 オブジェクト指向的に考えると複数のインスタンスを持てない。 グローバル定義した場合、どこで

JavaScriptのdebounceの仕組みがよくわかっていないで理解したいという人向けに PureなJavaScript(Vanilla JavaScript) だけでなくReact, vue.jsではどのようにdebounceを利用することができるのか解説しています。lodashライブラリのdebounceを利用すれば簡単に設定できますが本書では自作のdebounceを作成することでdebounceの仕組みを理解してReact, Vue.jsでの設定方法を確認していきます。lodashライブラリを利用した場合の設定方法も合わせて説明を行なっています。 作成するdebounce関数はReact, vue.jsで共通なのでReact, Vue.jsで設定を行う前にPureなJavaScript(Vanilla JavaScript)でコードの説明と動作確認を行います。 Debounceと

皆さんはリスティング広告のタグを管理する時、タグマネージャーを使っていますか？ それとも各ページのソースに直接コードを追加していますか？ はたまた、WEB集客領域を新しく担当することになり「タグってなんだ？」という状況でしょうか。 弊社ではタグマネージャーによるタグ管理を推奨しています。 また、原則「Googleタグマネージャ」での管理を推奨しています。 その利便性は言うまでもありませんが、Google広告における「ITP」対策がGoogleタグマネージャの導入を前提としているため、挿入する必要があります。 今回は、Googleタグマネージャーを用いてGoogle広告のリマーケティング、コンバージョンを設定する方法と、ITPへの対応方法がチェックできる記事となっています。 １．Googleタグマネージャの魅力 Googleタグマネージャが持つ様々なメリットを、3つにまとめてお伝えします。

Google アナリティクスの新たなプロパティであるGoogle アナリティクス 4（以下、GA4）について、本記事ではGoogle 広告アカウントとの連携方法を説明します。既にユニバーサル アナリティクス プロパティに連携しているアカウントの移行方法についても解説します。 ユニバーサル アナリティクス プロパティからGA4への移行 2022年3月16日、Google Inc.はヘルプサイト内で、Google アナリティクスのユニバーサル アナリティクス プロパティ（以下、GA（UA））のデータ計測が2023年7月1日に停止されることを発表しました。有償版であるGA360 プロパティは2023年10月1日にデータ計測が停止されます。GA（UA）とGoogle 広告を連携して運用している場合、計測停止によってマーケティング施策に大きな影響が生じます。計測が停止される前にGoogle 広告との

「GA4のコンバージョン設定の方法について知りたい」 「UA（旧GA）とGA4のコンバージョンの違いはあるの？」 「GA4のコンバージョン設定をしたけど計測されない。どうすればいい？」 今回はこのようなお悩みをお持ちの「GA4初心者」の方へ向けて、GA4のコンバージョンの設定方法を解説していきます。 GA4は、分析軸が「ユーザー中心」の解析ツールのため、コンバージョン設定が非常に重要な要素になっています。 この記事でわかること GA4のコンバージョン設定方法（設定の手順）GA4のコンバージョンが計測されない時の対処法GA4のコンバージョン設定の注意点 読み終えていただければ、自身でGA4のコンバージョン設定ができるようになり計測を開始できます。 GA4の基本情報（導入方法、UAとの違い、UAと併用する際のポイントなど）については下記記事をご参考ください。 【基礎知識】GA4とは？旧GA（U

これらのデータを見ていくことで、サイトの現状を正しく知り、どのように改善すればサイトの成果へと繋がるのかを議論していくことができます。 なお、以前まではGoogle Analytics 4（GA4）ではなく、ユニバーサルアナリティクス（UA）と呼ばれており、計測できる内容などが少し異なりました。 現在最新のGoogleアナリティクスが、「Google Analytics 4（GA4）」です。 これまでのユニバーサルアナリティクスでは、Webとアプリを行き来しているユーザーを別ユーザーと判別していましたが、GA4では「PC→スマホアプリ→商品購入」といったデバイスをまたいだユーザーも同一ユーザーと判別できるようになり、ユーザージャーニーを正確に把握できるようになりました。 たとえば、GA4では以下のコンバージョンの計測が可能です。 ECサイト：購入・売上 メディアサイト：問い合わせ獲得・数、

GA4とは、「Google アナリティクス 4 プロパティ」の頭文字をとって略されたものです。Googleアナリティクスに追加された新しいシステムで、従来のGoogleアナリティクスとは異なる計測方法となっており、用途も異なります。この記事では、GA4と従来のアナリティクスの違い、GA4のメリット、設定方法について紹介します。 ※ユニバーサルアナリティクスのサポートが2023年7月1日に終了すると発表されました。(2022年3月17日時点) ユニバーサル アナリティクスのサポートは終了します – アナリティクス ヘルプ (google.com) GA4は従来のアナリティクスと併用して設定し、計測のための準備を進めていきましょう。また、「まだ従来のアナリティクスを活用できていない」と感じる方は、こちらも読んでみてください。

結構悩みましたが擦りに擦られているネタだと解決後に判明しましたw vue3プロジェクトを作成してそのままbuildするとdistに成果物が発生しますが、それって… サブディレクトリでは動かないのですよ！ その対策を考えたいともいます Vue3プロジェクトの作成 vue3プロジェクトの作成はコマンド一発で作成されます $ npm init vue@latest Vue.js - The Progressive JavaScript Framework - Project name: … vue-sample - Add TypeScript? … No / Yes - Add JSX Support? … No / Yes - Add Vue Router for Single Page Application development? … No / Yes - Add Pinia for

デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca

カレンダーを作る際にテーブルを作るのも何なのでグリッドレイアウトを使ったらコードもシンプルになりました。 import dayjs from 'dayjs' // 月末の日にち const endDate = dayjs().endOf('month').get('date') // 月初の曜日 const startWeekday = dayjs().startOf('month').get('day') //　配列を作ります。 const dates = computed(() => { let data = [] //月の初めの日までは何もなし for (let i = 0; i < startWeekday; i++) { data.push('') } //日付を追加します。 for (let h = 1; h <= endDate; h++) { data.push(h) }

アーティストの鋭敏な感受性は、時として科学技術系の研究者に先んじて未来の息吹を嗅ぎつけます。細田守監督が2009年に発表した作品『サマーウォーズ』はその好例です。2012年に始まる深層学習ブームを待たずに人工知能（AI）の急成長を予見し、東日本大震災の1年半前に原発事故の危険性に注意を促しました。主人公の健二が学ぶShorのアルゴリズムは、2014年にグーグルが開発に参入して俄かに脚光を浴びた量子コンピュータ向けの技術です。最新作『竜とそばかすの姫』に登場するバーチャル世界は、自在化身体が活躍する舞台の一つ、メタバースの具体像とも言われます。自在化身体セミナー第5回は、細田監督と稲見教授がVRやメタバースの未来を巡って議論の火花を散らします。第3話の最後には、あの決め台詞の真意を明かす発言も。 イントロダクション稲見　本日は、特別ゲストとして細田守監督に我々の研究室、リビングラボ駒場にお越

身体論を語る際にスポーツ選手の視点を欠かすことはできません。とりわけトップを争う選手は、いわば自分の体を誰よりも自在に操れる人材。その意見の重さはなおさらです。自在化身体セミナー第6回は、オリンピックのゴールドメダリストをゲストに招きました。柔道60kg級で3大会連続の栄冠に輝いた、日本を代表するアスリートの野村忠宏氏です。対するホストの稲見教授は、競技の頂点に立つ上で必要な体と心の関係性から、そこに至る練習法と技術による支援の可能性、世界に通用する文化を日本から広げていく方法論まで、自在化身体プロジェクトの発展につながるヒントを次々に聞き出していきます。（構成：今井拓司＝ライター） 無意識の探り合い自在化身体プロジェクトの「自在化」という文言は、人は身体の多くの部分を、意識して動かすか無意識で動かすかを自在に切り替えられるという事実に由来しています。歩きスマホをしていた人が、目の前の階段

2本の指で画面を拡大・縮小する。スマートフォンを操作するとき、私たちが当たり前に行っている動作だ。ソニーコンピュータサイエンス研究所の暦本純一は、このマルチタッチシステムSmartSkinと呼ばれる技術を20年前に発明した。 暦本はほかにも、世界初のモバイルAR（拡張現実）システムNaviCamなど、デジタルの世界を変え得る技術を発明。現在も、東京大学情報学環教授やソニーコンピュータサイエンス研究所副所長などを務める傍らで、新たな技術の研究に取り組む。 Forbes JAPANが“30歳未満の30人”を選出するアワード「30 UNDER 30」のアドバイザリーボードを務めた暦本に、自身を形づくってきた経験を踏まえて、未来をつくる若者たちへのアドバイスを聞いた。 やりたいことができる人とできない人の違い ──グローバルで活躍していく若者に共通するのは、どのような点だと思いますか。 やりたいこ

パララックススクロール効果は視覚的なおもしろさを付加するものだが、コンテンツの読み込みが遅い、読みにくい、といったユーザビリティ問題を引き起こすことがよくある。コストに見合うだけのメリットがあるのか、よく考えよう。 What Parallax Lacks by Katie Sherwin on January 20, 2019 日本語版2022年10月18日公開 数年前、私は同僚と、Webデザインのアワードを受賞し、デザイナーフォーラムで賞賛されていた新しいデザイントレンドを思い切ってテストしてみた。そのトレンドとはパララックススクロールだ。テストで我々はこのトレンドに良い印象を受けなかった。さらに重要なのは、ユーザーも我々と同じだったことだ（理由は以下で解説する）。数年後、このパララックススクロールというトレンドは徐々に廃れていったが、それはおそらく、アーリーアダプターも、ユーザーエクス