米軍式睡眠法とは やり方と効果を高めるASMRを紹介
安眠系のASMR作品を聴いていると「全身の力を抜いて」「ベットに沈み込んでいく」「ハンモックに揺られているイメージで」などのフレーズが必ず一度は耳に入ってきます。 実はこれ、米軍式睡眠法で用いられる入眠方法なのです。「慣れると2分で眠れる睡眠法」という謳い文句で、知らず知らずのうちに広く拡散されています。 今回は、米軍式睡眠法のやり方を解説しつつ、睡眠法に慣れていない人でも効果を発揮するASMR作品をご紹介します。 米軍式睡眠法とは米軍式睡眠法とは、アメリカ海軍の訓練学校で、パイロットの入眠のために開発された睡眠法です。過酷な環境下でも素早く睡眠を取るために考案された方法であり、習得したパイロットたちのほとんどが2分で眠りにつけるようなったとされます。 米軍式睡眠法は、バド・ウィンターというアメリカの陸上競技のコーチが『Relax and Win: Championship Perform
京大首席合格者の「勉強記録メソッド」を方眼ノートでやってみた結果。“見える化＆ご褒美” の効果がすごい！ - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
勉強が退屈ではかどらない。勉強習慣がなかなかつかない。勉強は “楽しくない” ものだから仕方ない……？ いいえ、つまらなく感じる勉強でも “楽しめる” ようになる方法があります。 教育評論家の石田勝紀氏によれば、勉強をおもしろがるためには「『楽しむ構造』を作る」ことが大切なポイントなのだとか。（カギカッコ内引用元：東洋経済オンライン｜勉強嫌いの子に教えたい！｢Gノート｣の威力） 今回の記事では、勉強を楽しむ仕組みづくりのヒントとなる “方眼ノートの勉強記録” の方法と効果をご紹介します。勉強を退屈に感じるふたつの原因を解消できるメソッドです。筆者の実践報告もお伝えしますので、ぜひみなさんの勉強にお役立てください。 問題点1「はかどっている実感がない」⇒ 対策「進捗状況の見える化」 問題点2「報酬より勉強するコストが高い」⇒ 対策「ご褒美を決める」 やる気が持続する「勉強貯金」とは 交換リス
CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css
詳細度を0にする:where()、iOSのSafariで100vhが高さいっぱいにならないを解決できる新しいビューポート単位など、CSSの便利な新機能の各ブラウザでのサポートも完了し、すでに使用されている人も少なくないと思います。 CSSの新機能を効果的にうまく使った、新時代のCSSリセットを紹介します。 CSSリセットとして使用するだけでなく、CSSの勉強にもなるCSSリセットです。 @acab/reset.css -GitHub :where()とか新しいビューポート単位など、CSSの各新機能については以前の記事をご覧ください。 CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！ CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる CSSの疑似クラス「:focus-within」が素晴らしい
無印良品によるサーキュレーターの季節別の活用方法が有益すぎる→早速効果を実感する人も「部屋が快適…！」
リンク 無印良品 サーキュレーター（低騒音ファン・大風量タイプ）・ホワイト | 無印良品 大風量タイプながら動作音が静かなサーキュレーターです。グリルが取り外せるため、羽根のお手入れが簡単です。電源：ＡＣ１００Ｖ ５０／６０Ｈｚ 消費電力（Ｗ）：［５０Ｈｚ］強３２．５・中２２・弱７［６０Ｈｚ］強３７・中２３．５・弱８．５ 風量（ｍ３／ｍｉｎ）：［５０Ｈｚ］強２２．５・中１８・弱６．５［６０Ｈｚ］強２２．５・中１６．５・弱７．５ 騒音（ｄＢ）：［５０Ｈｚ］強４４・中３８．５・弱１６［６０Ｈｚ］強４４・中３６．５・弱１８ 電源コード：１．５ｍ ３段階風量切替 サイズ：約幅３３．１×奥行２５．５×高 27 users 15
CSS flexboxのレイアウトで困った時に使えるスタイルシートのテクニックまとめ
flexboxを使ってレイアウトを実装するのは、何年もの間floatやclearfixを使っていた人に新しい驚きと喜びを与えます。主要なブラウザすべてにサポートされ、採用するプロジェクトも増えてきました。 しかし、以前のテクニックはflexboxに通用しません。 flexboxの仕様に基づいた、レイアウトで困った時に使えるスタイルシートのテクニックを紹介します。 11 things I learned reading the flexbox spec 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. flexboxにおけるmarginの特別な効果 02. min-widthでよくある問題 03. flexのデフォルト値に注意 04. flexboxはインラインにも使える 05. vertical-alignはflexアイテ
さらばjQuery！アニメーションをサクサク処理できるVelocity.jsの使い方
「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。 本記事ではJulian Shapiroにより開発された高速かつ強力なJavaScriptアニメーションエンジン、Velocity.js（以降、Velocity）を紹介します。記事のコードやデモすべてに目を通せば、Velocityを使って自分のアニメーションが作れるようになり、サイトはさらにインタラクティブで使いやすいものになるでしょう。jQueryには頼らず、すべて素のJavaScriptだけで作ります。 この記事は『CSSライクでデザイナーに優しい！anime.jsはDOMアニメーションの新定番だ！』『HTMLもSVGもテキストも自在！DOMアニメーションの決定版「KUTE.js」が登場』の続編
インターネット広告市場の基礎講座（上級編）~広告の最適化に関する基本メソッドと考え方~｜スドケン@ハック思考【勝手に未来想像シンクタンク】
これまでに、初級編で基本的な市場規模やトレンドを、中級編でテクノロジーの進化の歴史と広告主サイドの進化について考察してきました。 今回は、３回連載の応用編として、インターネット広告を最適化するという実際の実務を考えた上での、基本理論と構造について、まとめておきたいと思います。 そして、今回特別に全3回分+おまけ3本（賛成する人がほとんどいないマーケティングに関する大切な真実+金融化した広告とその未来+なぜBtoB商材のマーケティングはなかなか洗練されないのか？）の全6本を2000円でまとめて読めるお得な買い切り型のマガジンをご用意しました。 インターネット広告による集客が必須なスタートアップや投資家の方々、インターネット広告の実務に携わる代理店やマーケターの方々、インターネットマーケティングの原理を深く理解したい方々に読んでいただければ幸いです。 ネット広告における、ムリ・ムラ・ムダ効率的
JavaScriptコードは1行のみ！超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた - paiza開発日誌
どうも、まさとらん（@0310lan）です。 みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか？ 「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaScriptライブラリが一発解消してくれますよ！ 【 Rellax.js 】 今回のテーマである「パララックス（視差効果）」がどんなモノであるかは、「Rellax.js」の公式サイトを見ると分かりやすいです。 このように画面を上下に動かす際に、複数のHTML要素が異なるスピードでアニメーションすることで、Webページが立体的になって印象に残りやすいサイトになります。 「Rellax.js」は、このような「パララックス効果」を可能な限り簡単に書けるようにしてくれるJavaScriptライブラリというわけです！（ちなみに、「ver1.0」か
デキるデザイナーはみんな使ってる！背景にすぐ使えるすごいデザインテクニックのまとめ
画像や文字などを配置する時、背景をどのようにするかでデザインは劇的に変わります。 Webや紙のデザインに効果があり、すぐに使える背景のすごいデザインテクニックを紹介します。 Ultimate Guide to Designing With Backgrounds 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 背景のデザインとは ベタ一色の背景 高いコントラストのベタ一色の背景 テクスチャの背景 グラデーションの背景 写真をつかった背景 形をつかった背景 透明の背景 ブラーを適用した背景 カラーをオーバーレイさせた背景 文字のスペースがある背景 パターンの背景 イラストの背景 空白スペースをつかった背景 グリッドをつかった背景 背景のデザインとは 背景はグラフィックデザインを築く基礎となるものです。 テクスチャとカラーはデザインに奥行
ランディングページ（LP）構成のノウハウが詰まったエントリー10選
インターネット広告、検索結果の受け口となるいわゆる縦長のランディングページ（以下、LP）は非常に重要なWebページです。ユーザーが求める情報にあわせた構成にすることによって、広告効果アップに大きく貢献します。 一方で、実際に作る際、どのような構成にすればいいのか分からない、という方も多いのではないでしょうか。そこで今回は、LPの構成を学べる記事をまとめてご紹介します。 LPの制作機会がある方、これから作ってみたいとお考えの方はぜひ参考にしてみてはいかがでしょうか。 LPの構成が学べる記事10選 1.要注意！ランディングページ（LP）の“もったいない”をなくす構成要素のポイント http://webbu.jp/landing_page_structure-131 広告効果を高める目的で制作するLPですが、適切な構成でない場合、ユーザーが離脱するミスマッチが起こる可能性があります。せっかくの来
Webマーケティングを成功に導くコンサルタントが必ずしている５つの質問 | LISKUL
「Webマーケティングの悩みを相談する相手がいない」という担当者は大勢います。しかし、専門家でない社内の人や売り込みしたい業者に相談しても効果はありません。 Webマーケティングの悩みは、Webマーケティングのコンサルタントに相談すべきです。 なぜなら、多くの経験や実績、専門知識を持ち、自社のサービスや商品を売り込む必要がなく、客観的な立場から的確なアドバイスができるからです。 経験豊富で腕のいいコンサルタントであれば、たった数回のアドバイスで売上を５倍、１０倍と飛躍的に向上させることもできます。 しかし、腕のいいコンサルタントは実績があればあるほど人気があり忙しく、かつ高額の報酬を要求されるため、なかなか気軽に相談することができません。そこで本日は、かつて前職でWebマーケティングのコンサルタントをしていた私が、初回の訪問で必ず確認している５つの質問を紹介します。 基本的なものばかりです
行動心理学を使ってHP（ホームページ）の売上UP！
HP経由での売上が上がらない、という課題を持っている方は多いでしょう。数字を見て改善することはされていると思いますが、人の心理に基づく改善はされていますか？ HP運営において、人間の性質や行動を研究した「行動心理学」の知識を理解することをオススメします。なぜなら、ホームページを少し工夫するだけで、訪問者の心を掴む魅力的なものになるからです。今回は、簡単で即実践できる知識を集めました。 顔認識＆ベビーフェイス効果 人は無意識に常に他者の存在を求めています。ホームページに人の顔があると、まずその顔に注目し、次に表情へと目がいきます。笑顔であれば人を安心させる効果があります。また、丸顔で目が大きい人は、優しそうと認識されます。これをベビーフェイス効果といいます。 これらを利用するためには、 ・ホームページに従業員や生産者の写真を載せます。穏やかに笑っている顔が効果的。 ・丸顔で目の大きい人がいれ
Change Text Link Hover Effect Using CSS3
2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、
【永久保存】Webマーケティングに役立つ心理学用語36選
インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。 実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。 今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。 第一印象が肝心 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。 アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果 ある1つの
ブロガー必見！商品撮りを綺麗に。激安ダンボール製の撮影ブース作成の方法 - えたーなる
2014-10-31 ブロガー必見！商品撮りを綺麗に。激安ダンボール製の撮影ブース作成の方法 ブログ_全般 【PR】 ととっち（@totocchissu）です。 何かとブログ書く為に写真を撮るわけですがリビングのテーブルの上で撮ると背景の写り込みが気になっていました。 たまにうちの犬の頭が写ってることも。 うーむ(-_-) こりゃなんとかしないといかんということで簡易的で撮影ブースを作ってみることにしました。 最初はロフトを撮影スタジオに改造してやろうとも思いましたがちょっとお金がかかりそう。 色々調べたらダンボールでも作れるみたい。 手頃なダンボールも発見！ 製作工程 はっきり言ってど素人の工作なのでその辺、あたたかい目で見てください。 ・・・まず足の指を用意します って足の指が写ってるやないかーい！ コホン。気を取り直して・・・ 手頃なダンボールを用意します。 大きさはお好みですが4
Googleアドセンス収入の目安とアクセス数（PV）の関係
どれぐらいのアクセスでいくらのアドセンスが稼げるのか？ という記事は今まで沢山見てきました。 著名な方の記事を見てみてもだいたい「1PV=0.3～0.5円」という意見が多い気がします。 僕自身もブログを始めるまではアクセスを稼いでアドセンスを伸ばす。アクセスが増えれば増えるほどいいのだ。目指せ100万PV！ってなんとなく思ってました。 でも今、先月のブログのPVは45万ちょっとです。 そしてアドセンスの報酬は PVを超えています。 超えてるって言っても少しじゃなくて結構に超えてます。 つまり、「1PV＝1円以上」です。 この現状を踏まえ、他人のデータはどこまでいっても他人のデータでしかないのだなという事を思い知りました。 今回は僕が今までブログをやってきて、試行錯誤の結果 アドセンスで人並み以上に稼げるようになった事で アドセンスの配置 基本的に僕はスマートフォンとパソコンではアドセンスの
タイムセール時に劇的な効果？カウントダウンタイマーの設置方法 | ハカセの研究室
楽天ってセール多いですよね。スーパーSALE。お買い物マラソン。お買い物駅伝。優勝セール。6時間タイムセール。などなど、数えきれない程のセールが行われています。「嘘の2重価格」で問題になったりしましたが、リアルの店舗・ネットショップ問わず、セールは今も昔も有効な販促手段であることは間違いない様です。「今、この時間しかその値段で買えない」と言う事実は、「今買う理由」につながり、よく検討した人も勢いで買ってしまう人も、タイムセールと言う言葉は大好きなはず。セールを頻発すると、自分の首を締める事に？ただ、人は一度安い価格を見てしまうと、それ以上の価格では買う気になれません。人は「得をしたい気持ち」より「損をしたくない」気持ちのほうが強いものだそうです。主力商品を値下げすると、お客様が「セール待ち」状態になり、通常の価格で販売していても「あの時○○円だったから、今はそれより○○円高い」ってなってし
誰でも簡単に英語がペラペラで素晴らしい文章のイケてるビジネスマンになる方法まとめ - あざなえるなわのごとし
※前段が不思議な印象かも知れませんが、いたって普通のまとめです ※各エントリーの効果に関しまして、当ブログでは保証いたしかねます ※まとめは読んで身につけ、活用するまでがまとめです。ブックマークするだけでは何の効果もありません 「英語力向上～」「文章がグングン上手く～」といったまとめを日々見かけるけれど、それで上手くなったとか向上したという声をほとんど聞かない。 しかしあれだけ多くのブックマーカーズに、いつもいつもブックマークされるからには、効果があったにも関わらず、きっとそれを隠しているのだろう（そして成功者は、こっそりはてなを抜けているに違いない）。 そこで歴代2,000ブックマーク以上（文章術のみ1,000ブックマーク以上）されている記事の中から英語力と学習・記憶、文章力向上、ビジネス記事をまとめてみた。 これらを読んでマスターすれば、ライフハック本100冊読んだ以上の効力でアイデア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GoogleのHTTPSサイト優遇方針で待ったなし！ Webサイト常時SSL化の効果と実装ポイント | 【レポート】Web担当者Forumミーティング 2016 Spring
株式会社ガイアックスの公式サイト › ガイアックスオフィシャルサイト
