VS Code ThemesSearch 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 メラトニンは松果体と呼ばれる部分から分泌されるホルモンで、概日リズムと同調し、覚醒と睡眠を切り替えて自然な眠りを誘う効果があるため「睡眠ホルモン」とも呼ばれて
B'zの歌詞をPythonと機械学習で分析してみた 〜LDA編〜 - 下町データサイエンティストの日常
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点を示します。 トピック数（いくつ
Minimal and themeable CSS toolkit · siimple CSS
Customize and extend siimple using your configuration from your project, including colors, fonts, sizes, shadows and more! import colors from "@siimple/colors"; import base from "@siimple/preset-base"; export default { ...base, colors: { ...base.colors, primary: colors.royal["500"], secondary: colors.mint["500"], text: colors.royal["800"], background: colors.royal["100"], muted: colors.royal["200"
resouce hintsとpreloadを使ってリソースの取得を最適化する | 69log
Resource HintsとPreloadを使うことでリソースの取得を最適化できるようなので試してみた。 もともとはHTTP2にしてServer Pushを使うことで、予めリソースをサーバー側から送ることができるが、 ブラウザのキャッシュのメリットを活用できないんじゃないかということが気になっていた。 また、単純にHTTP2対応してもウェブページにはcrossoriginなリソースを多く利用しているので、 そのパフォーマンスの問題は解決しないのではないかという疑問があった。 それらを解決する手段としてResource Hintsなどを使ったPrebrowsingの技術が活用できそう。 preloadに関してはPreload: What Is It Good For?がまとまっているので参考にした。 Resource Hints についてResource Hints はlink要素に dn
Pandoc User’s Guide 日本語版 — 日本Pandocユーザ会
原著バージョン: 2.18 更新日: 2022/04/29 翻訳者（アルファベット順）: becolomochi makotosan niszet Takada Atsushi Tomoki Ishibashi Yuki Fujiwara 概要¶ pandoc [options] [input-file]… 説明¶ Pandocは、あるマークアップ形式から他の形式へ変換する Haskell ライブラリと、そのライブラリを用いたコマンドラインツールです。 Pandoc は、 Markdown 、 HTML 、LaTeX 、 Word docx など、これに限定されない多数のマークアップとワープロ形式の間で変換することができます。入力および出力形式の完全なリストについては、下記 (options below) の --from と --to を参照してください。 Pandoc は PDF 出力
JavaScriptで正規表現（文字列置換え編） - Qiita
正規表現で文字列の置き換えを纏めてみました。 あまり自身ないんで、「おかしいよ」「こうした方がいいんじゃない」っていうのがあったらコメント下さい なお、簡単なテストは通していますがすべてを網羅しているわけではありませんので、ご使用になる際にはご自身で十分検証の上ご利用下さい JavaScriptで正規表現（文字列制限編） JavaScriptで正規表現（文字列置換え編） この投稿 JavaScriptで正規表現（数字操作編） JavaScriptで正規表現（エスケープ編） /** * 改行をBRタグに変換 * * @param {String} str 変換したい文字列 */ var nl2br = function (str) { return str.replace(/\n/g, '<br>'); }; /** * BRタグを改行に変換（BRの大文字・小文字の区別なし） * * @pa
Pandoc User’s Guide 日本語版 — 日本Pandocユーザ会
原著バージョン: 2.18 更新日: 2022/04/29 翻訳者（アルファベット順）: becolomochi makotosan niszet Takada Atsushi Tomoki Ishibashi Yuki Fujiwara 概要¶ pandoc [options] [input-file]… 説明¶ Pandocは、あるマークアップ形式から他の形式へ変換する Haskell ライブラリと、そのライブラリを用いたコマンドラインツールです。 Pandoc は、 Markdown 、 HTML 、LaTeX 、 Word docx など、これに限定されない多数のマークアップとワープロ形式の間で変換することができます。入力および出力形式の完全なリストについては、下記 (options below) の --from と --to を参照してください。 Pandoc は PDF 出力
Mac OS XでPython2.xからPython3.xに切り替えた話 - multiplus
少し手元でPythonを使いたいタイミングが生じてきたので切り替えを行ったのですが、結構面倒だったのでメモします。いい方法を知らないだけかもしれませんが。今年の3月くらいに自宅用のMacBookProを切り替えたのですが、Pythonのバージョンを確認したところバージョンが2.7で、3.x系を使いたいけどどうすればいいんだろう・・・？と思って色々調べたまとめです。 なお、今回はpyenvを使用しますが、システム本体のPythonバージョンを引き上げればよいのでは・・・？という向きもあるかもしれません。しかし、システム本体のPythonを引き上げてしまうと、3.x→2.xに戻したい際に手間がかかるのと、色々ハマるらしいのでやめました。実際、pyenvで切り替えを管理するほうがはるかに楽だと思うので、そちらをおすすめします (2017-07-10追記: anaconda を使う手もあります。と
Pythonを使う上で欠かせないパッケージ管理システムpipの使い方 - Qiita
こちらは『キカガク Online』の記事を、Qiita向けに編集してお届けしています。 ——————————— Pythonを使っていく上で欠かせない、pipというパッケージ管理システムについて説明します。 そもそもパッケージ管理システムとは？ 効率的にプログラミングを行うためのライブラリやパッケージを、簡単に取り扱えるように管理してくれるシステムです。 ライブラリの重要性については前の記事で取り上げました。 機械学習をこれから学ぶ人がPythonを使うべき3つの理由 メジャーなプログラミング言語には、それぞれ有名なパッケージ管理システムがあります。 Pythonの場合、それがpipというわけです。 パッケージ管理システムを使わないと...？ パッケージのインストールが非常に手間になります。 なぜなら、パッケージ同士が依存している場合があるからです。 例えばパッケージAをインストールしよう
MacでPython 3.5.0インストールに失敗したら - Qiita
% 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を使う - Qiita
この記事では、静的サイトジェネレータ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の
Pandoc - index
If you need to convert files from one markup format into another, pandoc is your swiss-army knife. Pandoc can convert between the following formats: (← = conversion from; → = conversion to; ↔︎ = conversion from and to) Lightweight markup formats ↔︎ Markdown (including CommonMark and GitHub-flavored Markdown) ↔︎ reStructuredText → AsciiDoc ↔︎ Emacs Org-Mode ↔︎ Emacs Muse ↔︎ Textile → Markua ← txt2t
Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
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
[CSS]pointer-eventsプロパティですごい便利に！クリックやホバーのターゲットになる要素を変更するテクニック
CSSのプロパティ「pointer-events」は主に、要素のクリックイベントをキャンセルするために使用されます。しかし用途はそれだけではありません、 クリックやホバーなどで要素のスタイルを変更する際、通常その要素自身がトリガーでターゲットになりますが、「pointer-events」を使用すると、子要素をトリガーに定義できます。今まではJavaScriptを使用しないとこういったことは実装できませんでしたが、ピュアCSSで簡単に実装するテクニックを紹介します。 Stuff you can do with CSS pointer events pointer-eventsは、要素に対するホバーやクリックなどのマウスイベントをキャンセルできるプロパティです。初期値は「auto」で通常通りホバーやクリックのイベントを受け取りますが、「none」を指定するとイベントを受け取りません。
![[CSS]pointer-eventsプロパティですごい便利に！クリックやホバーのターゲットになる要素を変更するテクニック](https://cdn-ak-scissors.b.st-hatena.com/image/square/3abe6226aaa63d2d34d23f22fd074a83c59dc310/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018072601.png)
スマホがマイナンバーカード代わりに！政府が法改正の方針 - iPhone Mania
スマートフォンにマイナンバーカードの機能を搭載するために、政府が法律の改正に乗り出す予定と読売新聞が報じています。各種の本人確認が簡単になることが期待されています。 マイナンバーカードの情報をスマホへ マイナンバーカードの情報をスマートフォンに取り込むための技術は、総務省が実証実験に成功し、2019年に実用化する計画であると2017年3月に報じられていました。 現行の公的個人認証法では、マイナンバーカードが内蔵するICチップに記録された本人確認用の電子証明書は、「二重発行」が禁止されています。政府は、この電子証明書をスマートフォン1台分に限り複製を認める方針とのことです。 なお複製が認められるのは、マイナンバーカードのうち、マイナンバーや住所などの個人情報を含まないタイプのものになる模様です。 マイナンバーカードがスマートフォンに取り込まれることで、公的な本人確認が簡単になるほか、ネットシ
ハッシュタグ付きのツイートは「好意的な反応を得られない」ことがTwitter分析レポートで明らかに
Twitterで良く使用される「ハッシュタグ」は、同じハッシュタグが付けられた投稿を簡単に検索することができることから、さまざまなメディアの企画やイベントの宣伝などで幅広く利用されています。SNSの分析などを行っているMentionが調査を行ったところ、「ハッシュタグの付いたツイート」はユーザーからあまり好意的な反応を得られていないことが判明しました。 The Twitter Engagement Report 2018 | Mention https://mention.com/en/reports/twitter/ Mentionが7億件以上のツイートを調べて作成した分析レポートでは、「ユーザーがツイートに興味を引かれたことを示す指標」として、「いいね」「返信」「リツイート数」の合算値を示した「エンゲージメント数」とその値をツイートの表示回数で割ったエンゲージメント率を使っています。
イラスト無断転載、まとめサイトに30万円の賠償命じる判決 「VIPPER速報」「ガールズVIPまとめ」など訴えた注目裁判が決着
漫画家、イラストレーターの“ナカシマ723”（@nakashima723）さんが、「VIPPER速報」など複数のまとめサイトを無断転載で訴えていた件で、このうちの1つ「ガールズVIPまとめ」との裁判が決着し、判例がWebで公開されました。東京地方裁判所は最終的に、サイトを運営するスタークラウン（沖縄県那覇市）に対し、損害賠償金などを含む約30万円の支払いを命じています。 ナカシマさんによると、既に振込は確認しており、回収も完了しているとのこと。あらためて、詳しい訴訟の経緯などについて聞きました。 「ガールズVIPまとめ」トップページ 掲載料は「1年につき3万円×枚数分」 問題になっていたのは、ナカシマさんが2014年にツイートした「どの壁ドンがお好き？」などイラスト3点の無断転載。これらのイラストは当時多くのサイトに転載されましたが、ナカシマさんは掲載を許諾していなかったとして、サイト運営
しいたけを自動栽培してみた結果（前編） - Qiita
久々の投稿です。 どこの家庭にも１台くらいは余っているRaspi3にAndroid Thingsを載せ、湿度が計測できるLinking端末とUSB加湿器で、湿度が下がったら自動的に加湿器の電源を入れて加湿する装置を作ってみました。 簡単なようで色々なバッドノウハウがありましたので共有したいと思います。 ※収穫したしいたけ。 最初に試そうとしたこと 当初は普通の超音波加湿器を使い、電源リレー回路を組んでRasPi3で電源の制御をしようと思い、初めて半田ごてを使おうと決意し、半田ごてキットやハンダなどを購入。 電源リレー用のボックスやヒューズなども色々買って、さあいよいよやるかとなった時、不意に「USB扇風機あるし、USB加湿器とかありそうじゃね？」と思い立ってググってみると色んな種類のUSB加湿器があるではないですか。 「USBの電源制御のほうが絶対簡単だよね」ということで結局半田ごてデビュ
blockquoteタグにCSSだけで引用符つけたりオシャレにしたい : おち研 技術部
文中で他の文書を引用するときに使うblockquoteタグにダブルクォーテーションなどを足すCSSです。 引用文であることを強調すると地の文がとても読みやすくなるので、きちんと区別することをオススメします。 blockquoteタグにCSSだけで引用符をつけたい 【HTML】 <blockquote>これは引用文です</blockquote> blockquoteタグにCSSだけでダブルクォーテーションを付けます。 まずは表示用のHTMLを用意しておきましょう。 左マージンを取って英文サイト風 ブラウザにプリセットされているblockquoteのデフォルトスタイルは、ほとんど左マージンが大きめにとってあると思います。 このイメージを崩さず英語圏でよく見るニュースサイト風のスタイルに仕立てます。 【CSS】 blockquote { position: relative; margin: 2
【Sass】mixinで引数を省略したときプロパティを出力しないようにする - Qiita
@mixin foo($w, $h){ width: $w; height: $h; } div { @include foo(100px); }
Inkscaper ～Inkscapeの使い方～
ドロー系フリーソフトInkscape（インクスケープ）を使えば、無料でかっこいいオリジナル画像やロゴの作成、写真加工も簡単。無料のInkscapeの使い方。Inkscape作品集。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
noindexとは？設定方法や注意点を分かりやすく解説
シンプルで直感的なSCSSフレームワーク・「FICTOAN」
一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」
軽量で多機能なモダンCSSフレームワーク・「Teutonic CSS」