Search and preview themes for Visual Studio Code

by Jelleke Vanooteghem メラトニンは自然な睡眠をもたらすホルモンとして知られていますが、メラトニンがどのような働きをするのか、具体的に知らない人も多いはず。博学者・ブロガーとして活動するスコット・アレキサンダー氏が、メラトニンの効果や適切な服用量、時差ぼけにメラトニンが役立つのかといった一般にあまり知られていない点について説明しています。 Melatonin: Much More Than You Wanted To Know https://www.lesswrong.com/posts/E4cKD9iTWHaE7f3AJ/melatonin-much-more-than-you-wanted-to-know メラトニンは松果体と呼ばれる部分から分泌されるホルモンで、概日リズムと同調し、覚醒と睡眠を切り替えて自然な眠りを誘う効果があるため「睡眠ホルモン」とも呼ばれて

単語を羅列しただけの低品質ページや、内容がわずかに違うだけの重複コンテンツがたくさんあると、Googleはサイト全体の評価を下げてしまう可能性がある。 そのようなページにnoindex設定することで、サイトの評価下落を回避し、SEOの観点からも良い影響を得られる可能性がある。 この記事では、「noindexとは何か？nofollowやrobots.txtと何が違うのか」という基本的な知識から、「noindexを適切に設定するとなぜSEO効果があるのか」を具体的に解説していく。 さらに、noindexを設定すべき3種類のコンテンツと8つの具体例を分かりやすく説明する。

1. 本Part概要 前PartではB'zの歌詞を「TF-IDF」を用いた分析を行いました。 本Partではトピックモデルの一つである「LDA」を用いた分析についてお話しします。 pira-nino.hatenablog.com 2. LDAとは 2.1 LDAのイメージ 先に簡単な説明をしてしまいます。 LDAは「たくさんの文書データから単語のグルーピングを行う」モデルです。 このグループ1つ1つを「トピック」と呼びます。 例えば、大量のニュース記事にLDAを適用する例を考えます。 ニュース記事データにLDAを適用した例 LDAでは「各トピック（トピック数は予め指定）における各単語の所属確率」が算出されます。 理論的なことはさておき、文書データから単語をいくつかのグループに自動で分けてくれる手法 との理解で大丈夫です。 よく勘違いされることとして以下の2点を示します。 トピック数（いくつ

Resource HintsとPreloadを使うことでリソースの取得を最適化できるようなので試してみた。 もともとはHTTP2にしてServer Pushを使うことで、予めリソースをサーバー側から送ることができるが、 ブラウザのキャッシュのメリットを活用できないんじゃないかということが気になっていた。 また、単純にHTTP2対応してもウェブページにはcrossoriginなリソースを多く利用しているので、 そのパフォーマンスの問題は解決しないのではないかという疑問があった。 それらを解決する手段としてResource Hintsなどを使ったPrebrowsingの技術が活用できそう。 preloadに関してはPreload: What Is It Good For?がまとまっているので参考にした。 Resource Hints についてResource Hints はlink要素に dn

/** * スネークケースからキャメルケースに変換 * * アンダースコア、ハイフン、半角スペースを変換 * 先頭の区切り文字は削除 * 変換前にある文字列中の大文字は変換されないので注意 * * 「abc-def」→「abcDef」 * 「abc-dEF」→「abcDEF」（変換前の大文字はそのまま） * * @param {String} str 変換したい文字列 * @param {Boolean} upper アッパーキャメルケースにするかどうか */ var snake2camel = function (str, upper) { str = str .replace(/^[\-_ ]/g, "") .replace(/[\-_ ]./g, function (match) { return match.charAt(1).toUpperCase(); }); return u

少し手元でPythonを使いたいタイミングが生じてきたので切り替えを行ったのですが、結構面倒だったのでメモします。いい方法を知らないだけかもしれませんが。今年の3月くらいに自宅用のMacBookProを切り替えたのですが、Pythonのバージョンを確認したところバージョンが2.7で、3.x系を使いたいけどどうすればいいんだろう・・・？と思って色々調べたまとめです。 なお、今回はpyenvを使用しますが、システム本体のPythonバージョンを引き上げればよいのでは・・・？という向きもあるかもしれません。しかし、システム本体のPythonを引き上げてしまうと、3.x→2.xに戻したい際に手間がかかるのと、色々ハマるらしいのでやめました。実際、pyenvで切り替えを管理するほうがはるかに楽だと思うので、そちらをおすすめします (2017-07-10追記: anaconda を使う手もあります。と

こちらは『キカガク Online』の記事を、Qiita向けに編集してお届けしています。 ——————————— Pythonを使っていく上で欠かせない、pipというパッケージ管理システムについて説明します。 そもそもパッケージ管理システムとは？ 効率的にプログラミングを行うためのライブラリやパッケージを、簡単に取り扱えるように管理してくれるシステムです。 ライブラリの重要性については前の記事で取り上げました。 機械学習をこれから学ぶ人がPythonを使うべき3つの理由 メジャーなプログラミング言語には、それぞれ有名なパッケージ管理システムがあります。 Pythonの場合、それがpipというわけです。 パッケージ管理システムを使わないと...？ パッケージのインストールが非常に手間になります。 なぜなら、パッケージ同士が依存している場合があるからです。 例えばパッケージAをインストールしよう

% pyenv install 3.5.0 Downloading readline-6.3.tar.gz... -> https://yyuu.github.io/pythons/56ba6071b9462f980c5a72ab0023893b65ba6debb4eeb475d7a563dc65cafd43 Installing readline-6.3... Installed readline-6.3 to $HOME/.anyenv/envs/pyenv/versions/3.5.0 Downloading Python-3.5.0.tgz... -> https://yyuu.github.io/pythons/584e3d5a02692ca52fce505e68ecd77248a6f2c99adf9db144a39087336b0fe0 Installing Python-3.

この記事では、静的サイトジェネレータHexoにPandoc用のプラグインを追加することで、Pandoc独自の拡張Markdown記法で静的サイトを生成する方法を紹介します。 なお、完成品となるサンプルページ(GitHub Pages)は下記の通りです： Hexo with Pandoc この記事の対象となる環境 Mac: OS X El Capitan 10.11.6 WindowsやLinuxでも実行可能だとは思いますが、確認はしていません。 node v7.2.1 nodebrewによりインストール（執筆時点のlatestバージョン） pandoc 1.19 事前にPATHを通しておく必要があります（特にWindows）。 静的サイトとは PHP(WordPress)やRailsのようなサーバサイドのプログラムを用いずに、HTML/CSS/（クライアントサイドの）JavaScriptの

Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web, powered by Popper. It provides the logic and optional styling of elements that "pop out" from the flow of the document and float next to a target element. Smart: will always float optimally in view Universal: compatible with mouse, keyboard, and touch inputs Customizable: fine-tunable functionality and fully stylab

Mustard UIはWebサイト等で必要になりそうなUIコンポーネントを一通り取り揃えたCSSフレームワークです。モジュラー式なので必要なコンポーネントのCSSだけ読み込めばいいので軽量で済みます。スタイルはある程度完成されており、そのまま開発を始められるようになっています。BootstrapやZurbのFoundationを使いたいけど学習コストを割く余裕がない、といった方に良さそうな気がします。ライセンスはMIT。 Mustard UI

CSSのプロパティ「pointer-events」は主に、要素のクリックイベントをキャンセルするために使用されます。しかし用途はそれだけではありません、 クリックやホバーなどで要素のスタイルを変更する際、通常その要素自身がトリガーでターゲットになりますが、「pointer-events」を使用すると、子要素をトリガーに定義できます。今まではJavaScriptを使用しないとこういったことは実装できませんでしたが、ピュアCSSで簡単に実装するテクニックを紹介します。 Stuff you can do with CSS pointer events pointer-eventsは、要素に対するホバーやクリックなどのマウスイベントをキャンセルできるプロパティです。初期値は「auto」で通常通りホバーやクリックのイベントを受け取りますが、「none」を指定するとイベントを受け取りません。

スマートフォンにマイナンバーカードの機能を搭載するために、政府が法律の改正に乗り出す予定と読売新聞が報じています。各種の本人確認が簡単になることが期待されています。 マイナンバーカードの情報をスマホへ マイナンバーカードの情報をスマートフォンに取り込むための技術は、総務省が実証実験に成功し、2019年に実用化する計画であると2017年3月に報じられていました。 現行の公的個人認証法では、マイナンバーカードが内蔵するICチップに記録された本人確認用の電子証明書は、「二重発行」が禁止されています。政府は、この電子証明書をスマートフォン1台分に限り複製を認める方針とのことです。 なお複製が認められるのは、マイナンバーカードのうち、マイナンバーや住所などの個人情報を含まないタイプのものになる模様です。 マイナンバーカードがスマートフォンに取り込まれることで、公的な本人確認が簡単になるほか、ネットシ

Twitterで良く使用される「ハッシュタグ」は、同じハッシュタグが付けられた投稿を簡単に検索することができることから、さまざまなメディアの企画やイベントの宣伝などで幅広く利用されています。SNSの分析などを行っているMentionが調査を行ったところ、「ハッシュタグの付いたツイート」はユーザーからあまり好意的な反応を得られていないことが判明しました。 The Twitter Engagement Report 2018 | Mention https://mention.com/en/reports/twitter/ Mentionが7億件以上のツイートを調べて作成した分析レポートでは、「ユーザーがツイートに興味を引かれたことを示す指標」として、「いいね」「返信」「リツイート数」の合算値を示した「エンゲージメント数」とその値をツイートの表示回数で割ったエンゲージメント率を使っています。

漫画家、イラストレーターの“ナカシマ723”（@nakashima723）さんが、「VIPPER速報」など複数のまとめサイトを無断転載で訴えていた件で、このうちの1つ「ガールズVIPまとめ」との裁判が決着し、判例がWebで公開されました。東京地方裁判所は最終的に、サイトを運営するスタークラウン（沖縄県那覇市）に対し、損害賠償金などを含む約30万円の支払いを命じています。 ナカシマさんによると、既に振込は確認しており、回収も完了しているとのこと。あらためて、詳しい訴訟の経緯などについて聞きました。 「ガールズVIPまとめ」トップページ 掲載料は「1年につき3万円×枚数分」 問題になっていたのは、ナカシマさんが2014年にツイートした「どの壁ドンがお好き？」などイラスト3点の無断転載。これらのイラストは当時多くのサイトに転載されましたが、ナカシマさんは掲載を許諾していなかったとして、サイト運営

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 久々の投稿です。 どこの家庭にも１台くらいは余っているRaspi3にAndroid Thingsを載せ、湿度が計測できるLinking端末とUSB加湿器で、湿度が下がったら自動的に加湿器の電源を入れて加湿する装置を作ってみました。 簡単なようで色々なバッドノウハウがありましたので共有したいと思います。 ※収穫したしいたけ。 最初に試そうとしたこと 当初は普通の超音波加湿器を使い、電源リレー回路を組んでRasPi3で電源の制御をしようと思い、初めて半田ごてを使おうと決意し、半田ごてキットやハンダなどを購入。 電源リレー用のボックスやヒュー

文中で他の文書を引用するときに使うblockquoteタグにダブルクォーテーションなどを足すCSSです。 引用文であることを強調すると地の文がとても読みやすくなるので、きちんと区別することをオススメします。 blockquoteタグにCSSだけで引用符をつけたい 【HTML】 <blockquote>これは引用文です</blockquote> blockquoteタグにCSSだけでダブルクォーテーションを付けます。 まずは表示用のHTMLを用意しておきましょう。 左マージンを取って英文サイト風 ブラウザにプリセットされているblockquoteのデフォルトスタイルは、ほとんど左マージンが大きめにとってあると思います。 このイメージを崩さず英語圏でよく見るニュースサイト風のスタイルに仕立てます。 【CSS】 blockquote { position: relative; margin: 2

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?