逆性石鹸は汚れが落ちただけでは満足しない人の殺菌・消毒アイテム！｜RELIVERS
みなさんは、「逆性石鹸」というものがなにか知っていますか？ 中性洗剤なら、食器洗いや洗濯で使う洗剤が思い浮かびますよね。 ですが、逆性石鹸と聞いて「あれね！」と頭に浮かぶ人って少ないのではないでしょうか。 実は、逆性石鹸は、いろいろな場面で役に立つアイテムです！ もっと存在を知ってほしい！ ということで、逆性石鹸とは一体なんなのか、何に使うものなのかを説明します♪ 逆性石鹸って一体何？何に使うの？ 逆性石鹸は、私たちが普段使う洗剤のように、汚れを落とすものではありません。 逆性石鹸の使い道はずばり……！ 「いろいろなものを殺菌・消毒する」こと。 商品の裏に書いてある〔効能および用法・用量〕には 1. 手指の殺菌消毒 本剤を水で100～200倍にうすめた液(ベンザルコニウム塩化物0.05～0.1％溶液)で洗う 2. 創傷面の殺菌消毒 本剤を水で400～1,000倍にうすめた液(ベンザルコニウ
風邪予防にも！ 免疫力を高めたいときにおすすめのお茶3選 | ROOMIE（ルーミー）
秋冬に気になるのが風邪の流行です。予防のためにも、できるだけお茶を淹れて飲むようにしています。今回は、自宅で楽しみたい栄養価の高い茶葉をご紹介します。 驚異的な栄養価を誇る「モリンガ茶 」 自然栽培 モリンガティー 2g×15包 1,700円（税抜） モリンガは、植物の中で世界一栄養価が高いと言われています。アーユルヴェーダでは有益な植物とされていて「The tree of life（生命の樹）」という別名を持つほどです。 モリンガの生産地は、抗菌・抗炎症作用を期待して、小学校で「モリンガ茶うがい」が導入している地域もあるそう。 アムリターラの自然栽培モリンガティーは、沖縄産の農薬不使用、自然農法のモリンガの葉を使用。たんぱく質、カルシウム、鉄分、ポリフェノール、ビタミンをバランスよく含んでいて、体調を整える効果や、免疫力を高める働きが期待できます。 人気ドイツブランドの「ネトル＆レモン」
CSSファイルから未使用のスタイルを削除する4つの方法
CSSの未使用のスタイルを削除するツールPurgeCSS、PurifyCSS、UnCSSの使い方、また、Chrome デベロッパーツールで手動で削除する方法を紹介します。 BootstrapやTailwind CSSなど、CSSのフレームワークを使用する際、すべてのスタイルを使用することはほとんどありません。また、再利用可能なUIコンポーネントを使用する場合なども、不要なスタイルがあります。 4 Ways to Remove Unused CSS by Chidume Nnamdi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 再利用可能なUIコンポーネント内の未使用CSS 1. PurgeCSSで、CSSファイルから未使用のスタイルを削除する方法 2. PurifyCSSで、CSSファイルから未使用のスタイルを削除する方法
2020年にJavaScriptフレームワークをちゃんとはじめるために。｜榊原昌彦
結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介したいと思います。 JavaScriptフレームワークの簡易比較有名かつドキュメントが日本語化されており、入門書もでているJavaScriptフレームワークにはAngular、React、Vueがあります。 で、それぞれの違いなのですが、すごくシンプルに言ってしまうと、HTMLとJavaScriptの関係がそれぞれ違います。 ・ Angularは、HTMLとJavaScript（TypeScript）を分割してかきます。 ・ Reactは、JavaScriptの中にHTMLを書きます。
JSフレームワーク事情2020年始め｜erukiti
この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularとAngularJS（Angular系の1.x系）の合計値はVueよりも高いですが、「今後はもう採用したくない」と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは
CTOの頭の中：技術を財務で表現する｜Shin Takeuchi｜note
会社の体制が大きく変わり、カオスの中に少しの静寂（暇）ができました。特に日々執行に勤しんでいる方々は皆そうだと思いますが、色んなこと考えているのにそのプロセスをアウトプットする機会があまりなく、結果や結論、最終的な決断のみが共有されるため、サクセッションプランに対する有効な情報を残すことも出来ていないことと思います。僕もその一人。 この時間を有効に活用するため、頭の中にあるイメージと考え方をここに、時間の許す限り吐き出していこうと思います。時折、言葉が足りないところも前提条件やバイアスの記述が足りないところもあるかと思いますが、混沌とした頭の中を曝け出すプロセスにはつきものですので、大目に見ながら読んでいただけると幸いです。 財務諸表と同じように見える化する会社は財務諸表によって経営されるものなので、経営者たるもの財務諸表を見ながら戦略を立てるべきであると僕は考えています。数字以外信じない
メディア取材を受ける個人に、知っておいてほしいこと｜RYOKO
先ほどこんなツイートをしました。最近はインフルエンサーみたいな人が増えているので、そういった「影響力のある個人」が取材先として選ばれるケースも出てきています。 でも同時によく聞くようになったのが、 「取材に応じたけど、言っていないことを書かれた！」 「原稿確認もなく掲載された！」 「掲載後に修正をお願いしたら、無言で記事消された！」 みたいな不満の声。SNSで声を上げるのが簡単になったので、メディア側にもすぐに批判が届きます。難しい問題ですが、ある程度は個人の「取材受けリテラシー」を上げることで解決するんじゃないかなと思っています。 私はずっとPRコンサルや広報などをやってきて、過去にアレンジした取材は数百件にものぼります。テレビ番組から零細WEBメディアまで何でもやってきたので、多少は役に立つことが言えるかなーと思い、個人でメディアを取材を受ける人に知っておいてほしいことを書くことにしま
強調スニペットがSEO成功とは限らなくなる？ グーグルが検索結果1ページ目の表示を変更【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
Google検索で1位よりも上に表示される「強調スニペット」を獲得することの検索トラフィック価値が、グーグルの仕様変更によって変わりつつある。想定外なYahoo!検索への影響を含め、変更の内容を詳しくお届けする。 ほかにも、data-vocabulary.orgのパンくずリスト警告への対応、すご腕社長が答えるオウンドメディア27の疑問、隠しテキスト、JavaScriptリダイレクトなどなど、SEO担当者に役立つ情報をまとめてお届けする。 data-vocabulary.orgのパンくずリストへの警告がグーグルから届いた。どう対処すればいいの？競合が隠しテキストで上位表示している、許せない！サイトURL変更時にJavaScriptリダイレクトを使っても大丈夫？オウンドメディアによくある27の質問に、ウェブとマーケとビジネスの達人が回答ECサイトで売上アップするためのパーソナライズ機能3つの秘
Vanilla JS 入門 - Qiita
Vanilla ことはじめ Vanilla JSとは? Vanilla JSは、超高速軽量クロスプラットフォームフレームワークです! 実は結構なところで使われているフレームワークでして、 Facebook Google YouTube Yahoo Wikipedia Windows Live Twitter Amazon LinkedIn MSN eBay Microsoft Tumblr Apple Pinterest PayPal Reddit Netflix Stack Overflow などなど数々の企業で採用実績のあるとても実用的なフレームワークです! なんと、jQueryよりも使われているという、とんでもないフレームワークです! 環境構築! まずは環境構築しないとダメですよね? ダウンロード Vanilla.jsのページより、お好きな機能をクリックして、 Downloadをクリ
Chromiumベースの新しいMicrosoft Edgeについて - dackdive's blog
2020/1/15に新しいMicrosoft Edgeが正式リリースされました。 日本語 今後、これまでのMSEdgeはEdge Legacyと呼ぶようです。 （今回リリースされたChromium版Edgeのことを、以後「新Edge」と記載しています） 移行の流れや今後のアップデートポリシー、主な特徴などをまとめてみます。 なお、ユーザー目線での影響を知る上ではこちらの記事が一番わかりやすかったです。 企業視点で解説するChromium版Edgeブラウザー（前編） - ZDNet Japan 企業視点で解説するChromium版Edgeブラウザー（後編） - ZDNet Japan 3行まとめ 新EdgeはChromiumベース（Chromeと全く同じかは不明） 手動でインストールするか、Home/Proエディションのみ今後Windows Update経由で自動アップデート。インストールす
clip-pathで背景を斜めにカットする
Result CSSで背景を斜めにカットする方法です。別段特別な内容では無いです 未だに割と見かけるスタイリングですがtransformの方法しか書いてなかったので別の方法を書いておこうと思いました clip-pathを使います css.title { clip-path: polygon(0 0, 100% 0%, 100% 60%, 0% 100%); }だいぶコードもスッキリしますし、何より汎用的で応用が利きやすいですね html<h1 class="title">CSS Tip of the day <span>17</span></h1>HTMLも特別な方法は不要です can i use
【2023年版】Facebook（Meta）ピクセル発行と設置方法を解説！
Facebook（Meta）ピクセルの発行方法Facebook（Meta）ピクセルを設定するときは、2種類のタグの設置が必要です。 大まかに、以下の2つの手順になります。 ①Facebook（Meta）ピクセルを広告で使用するランディングページやホームページの全ての経路に設置 →リマーケティングに使用できるようになります。 ②コンバージョン計測用のタグをサンクスページに設置 →コンバージョン計測ができるようになります。 →コンバージョン最適化機能も利用できるようになります。 また、これらのタグはタグマネージャーに設置することも可能です。 Facebook（Meta）ピクセルの発行手順Facebookのビジネスマネージャーに登録をしていない人はまずビジネスマネージャー登録から始めましょう。 Facebookビジネスマネージャーの登録方法はこちら↓ Facebookビジネスマネージャーの登録が
Facebook広告接触ユーザーの検索流入数を計測する方法 | アユダンテ株式会社
ブランディング向け広告とセットで語られることの多い、ブランドリフトやサーチリフト。 Facebook広告では「テストと分析」機能を使えば、ブランドリフトやコンバージョンリフトは手軽に試すことが可能です。 ただし、サーチリフトに関してはFacebook担当者を介さないと設定はできず、金額的なハードルもあるため誰もが使用可能な機能ではありません。そもそも検索エンジンを持たないFacebookがどうサーチリフト計測するのか？という疑問を持たれている方も多いと推測されます。 そこで今回はFacebook広告に接触してからどれぐらいのユーザーが検索してサイトに流入したのか確認する方法をご紹介します。もちろんFacebook担当者を介さずに個人でも実行可能な方法です。どういった広告が検索行動を誘発させやすいのかといった検証に使える内容となっています。 1. 計測の仕組み 計測イメージ 例えば、弊社(ア
アフィリエイトリンクにはrel=sponsoredを付けるようにGoogleが推奨（でもnofollowのままで問題なし）
[レベル: 中級] アフィリエイトサイトのリンクのように金銭の獲得を目的としたリンクには、可能であれば rel="sponsored" リンク属性を追加することを Google の John Mueller（ジョン・ミューラー）氏は推奨しました。 rel="sponsored" は、rel="noffolow" の扱いの変更とともに導入された新しいリンク属性です（詳しくはこちらの記事を参照）。 とはいえ、 rel="sponsored" はあくまでも推奨であり必須ではありません。 nofollow 属性を引き続き利用できます。 マネタイズリンクには rel=“sponsored” の利用を推奨 次のような質問をミューラー氏は尋ねられました。 読者にとって、クリックするリンクがマネタイズを目的としたことが明らかであれば問題なく、さらに Google にとっても明らかになるように rel=sp
ニューモーフィズム？CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ
Neumorphism（ニューモーフィズム）は、昨年末ごろより新しいデザイントレンドになるのではと話題となっている新しいデザイン手法です。 この記事では、ニューモーフィズムの基本や作成上の注意点、コピペで実装できるHTML/CSSスタイリング、参考スニペットまでまとめてご紹介します。 ニューモーフィズムって何？ ニューモーフィズムは、一昔前に流行った「スキューモーフィズム」のリアルな質感と、フラットやマテリアルデザインのようなシンプルさを組み合わせた新しいスタイル。言葉の由来も、New（新しい）＋Skeumorphism（スキューモーフィズム）からきた造語。 dribbbleで4500以上のいいねが付いている、ニューモーフィズムの火付け役となった作品 Skeuomorph Mobile Banking by Alexander Plyuto 少し前までは、マテリアルデザインの登場によって「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.niid.go.jp/niid/images/idsc/kikikanri/H27/15-7.pdf
20+ Web Projects With Vanilla JavaScript | Traversy Media
新刊『ハッカーの技術書』などが上位に！Amazonで2020年1月に売れたコンピュータ・IT関連本
Scout
「ここであなたを見ました」とFacebookメッセージで動画が届いた。不安になり再生しようとすると……【それってネット詐欺ですよ！】
