フォントサイズ検証時のメモ。 「変数名なんだっけ？」→ 探す は避けたい。 フォントファミリーによって"大きさ感"や"ジャギー感(特にWindows)"が変わるので、実ブラウザでのチェックは必要。 前提 ブラウザ間の相違を無くす normazire.css を導入 CSS が読み込まれる順序は以下の通り ブラウザのデフォルト値 normazire.css 自分のスタイルシート style.css normazire.css を適用、自分のスタイルシートが白紙の時のフォントサイズ/行高 は以下の通り。 デフォルト = font-size: medium 16px/18.4px (1.15) フォントファミリーはブラウザで異なる (Safari はヒラギノ明朝、Chrome や Firefox はゴシック体など) フォントサイズのキーワード指定 (サイズと行間の一覧) ブラウザデフォルトで x

みなさんのiPhoneは、カメラのシャッターボタンを押した時に「カシャッ」と鳴りますか? 「ポコッ」と鳴りますか? 普段あまり気にしていないかもしれませんが、これ、iPhone的にはけっこう大きな違いなんです。「カシャッ」というのは通常の写真。「ポコッ」というのはApple独自の「Live Photos(ライブフォト)」という形式で撮影されているという違いがあるのです。では、ライブフォトとはどんなものなのでしょうか。今回はライブフォトの意味と使い方をご紹介します。 ※ライブフォトはiPhone 6s以降の機種で使用できます。 ライブフォトとは? ライブフォトとは、シャッター前後1.5秒間(合計3秒間)の映像と音声を一緒に記録した、いわば"動く写真"のこと。iPhoneの「写真」アプリで開いたときに「LIVE」マークが出ていたら、画面をクイッと押してみてください。3秒間の動画が再生されます。

AWS Blockchain Templates を使用すると、一般的なオープンソースフレームワークを使用してセキュアなブロックチェーンネットワークを、すばやく簡単に作成してデプロイできます。 ブロックチェーンとは、トランザクションが検証済みでセキュアであることを確実にするための信頼済みの中央当局を必要とすることなく、複数の当事者がトランザクションを記録できるアプリケーションの構築を可能にする技術です。ブロックチェーンは、トランザクションが記録される共有台帳へのアクセス権をネットワーク内の各参加者が持つピアツーピアネットワークを確立することによってこれを可能にします。これらのトランザクションは設計上、イミュータブルで単独での検証が可能です。 AWS Blockchain Templates により、管理された認証済みの AWS CloudFormation テンプレートを使って Ether

※クロージャと変数のスコープ(追記)を追記しました。 ※コメント欄で環境という用語について議論がありましたが、そもそも環境は専門用語として存在します。詳しくは環境を持つというイメージに追記しました。 使い古された話題ではありますけど、わかりやすく説明できそうな気がしたので書いてみたいと思います。 先に方針だけ伝えておくと、クラスとモジュールと関数は、変数のスコープを切ることができるという共通の性質を持っている、という切り口からクロージャについて説明していきたいと思います。 これだけ読んで何となく先が予想できてしまった人は読まなくても大丈夫かと思います。 それでも読んでくださるという方は、助言なり意見なりをくださるととても嬉しいです。 実行環境 言語はJavaScript(ES2015 or later)を使いますけど、別に知らなくてもなんとかなるんじゃないでしょうか。 何か他の言語をやって

Vue.jsって聞いたことあるよね？ 最近ホットみたいですねVue.js、今更ですが入門者向けにVue.jsを紹介したいと思います。 誰でもわかるように書きますので多少間違っていても許してください!何でもしますから! 続きを書きました。 Vue.jsをシンプルに理解しよう その2 双方向データバインディング？ Vue.jsのインスタンスの作り方とかは他にもいろんな方が紹介していると思うのでそちらを参照してください。 まず一番基本的で便利なやつを紹介します。 Vueインスタンス内のdataというオブジェクト内の変数がhtmlと連動します。 かっっこいい言い方すると双方向データバインディングとか言います。 分かりにくいからhtmlとjsが同じ値になるって覚えたらいいよ! jsfiddleで確認してください。 dataの中にさらにオブジェクトを入れることもできます。 便利だ... ちなみに{{

この記事では、OAuth.ioを使い簡単に“LINEでログイン”をサービスに導入します。 動作とコードはこちらから確認出来ます。https://jsfiddle.net/ringcaptcha/27xqhk95/69/ HTML <a id="line-button" class="btn btn-block btn-social button"> <i class="fab fa-line"></i> LINEでログイン </a> .button { color: #EEEEE; font-size: 15px; background-color: #00C300; } .button:hover { color: #EEEEE; background-color: #00E000 } .button:active { background-color: #00B300 } $('#li

はじめに 普段Reactを書いていて、Component化する必要があるのかどうかを迷うことがよくあったのでまとめたいと思います。 色々記事を見たのですがほとんど抽象的な記述で、「結局どうしたらいいの？」みたいに思うことが多かったので、自分のようにたくさんの記事やドキュメメントをきちんと読むのが面倒臭いと思う人でもでもわかるようにまとめていきます。 対象読者 React初心者 Componentに分けるタイミングがわからない人 タイミングをパターン化する Componentってこういう基準で分けるよねっていうのを抽象的にパターン化します。 パターン化することで、幅広いシチュエーションに耐えうる考え方になります。(最近自分はデザインパターンにハマってるのでパターンという言葉を使いたがると思いますがご了承ください。) 実際にComponentに分けるか考える時は以下のパターンが当てはまっていれ

prettierで自動整形 prettierはソースコードのオートフォーマットをしてくれるライブラリ。 僕の用途は.jsや.jsxのオートフォーマットです。（たぶん他にもいろいろ対応していますが現在何に対応しているかは知りません） prettierコマンドを叩くと、.prettierrcや.prettireignoreの設定を参考にソースコードを自動で整形してくれます。あら便利！ prettierコマンド叩くの面倒じゃないですか？ 毎回commitする前とかにprettierを手でかけるのは面倒だし忘れそう。かといってcommitフックで勝手にフォーマットかけられると最終どうなったか見えない（いや見える必要はないのだが。。） なのでwebpack --watchやwebpack-dev-serverでソースコードが変わる度に自動でprettierかかるようにしよう！ ちなみに以下掲載してい

バイラル的なコンテンツやクリックベイトにSEOの観点で注力するのが賢明なのは、どういう場合だろうか？ 逆に、賢明でないのはどういう場合か？ この種の取り組みから有益な成果を得るには、適切な方法で実施し、適切な場所で使用する必要がある。 今回のホワイトボード・フライデーでは、ランドがこの種の戦略にはどういったコンテンツ投資が理にかなっているかを論じ、なぜそれがうまくいくのかを説明する。 Mozファンのみんな、こんにちは。ホワイトボード・フライデーにようこそ。 今回は、SEO主導のキャンペーンで、他のタイプのコンテンツを使うよりも、 クリックベイトリンクベイトバイラル重視のコンテンツを使ったほうがいいのはどんな状況かを考えてみよう。 SEOとコンテンツマーケティングが交じり合う領域では、この瞬間にもこういったことを実践している抜け目のない人たちがたくさんいる。僕たちは実際、とりわけこういう戦略

こんにちは、菊池です。 本日ご紹介する新機能はこちらです。 Amazon DynamoDB Encryption at Rest Now Available in Additional Regions フルマネージドなNOSQLデータベースサービス、Amazon DynamoDBで、データ保存時の暗号化に対応しました。すでに一部のリージョンでは、今年2月の時点でサポートされていました。 New – Encryption at Rest for DynamoDB | AWS News Blog 今回のアップデートにて対応するリージョン拡大され、東京リージョンでも利用可能になりました。すでにサポートされていたリージョンと合わせて、14リージョンでDynamoDBの暗号化が可能になります。 us-east-1（バージニア北部） us-east-2（オハイオ） us-west-1（北カリフォルニア

はじめに 始めまして、たなしょうです。皆さんは以下のようなワードを聞いたとき、何も見ずにその手法を解説することができますか？ ラグランジュの未定乗数法 EM アルゴリズム 隠れマルコフモデル (HMM) サポートベクトルマシン (SVM) 僕の場合何となくで理解しているものが多く、正直何も見ずに解説することはできません。色々な教科書、授業で触れているにも関わらず、です。これを克服ためには、アルゴリズムを実装するのが一番です。そこで今回は文章力及び実装力向上も兼ねて、コロナ社から出版されている自然言語処理シリーズの「言語処理のための機械学習入門」に登場する上記のようなアルゴリズムを実装し、コードの解説を Qiita に投稿していこうと思います。記事中でp.xx 例題○○ などと書いてある場合は特筆しない限り前述のページ数、例題を意味します。 実装は Jupyter Notebook 上で P

機械学習の技術は人工知能(AI)開発や画像認識技術など、さまざまな分野に広く活用されています。そんな中、科学の世界で機械学習を利用して、これまでにない発見を目指す試みが行われており、アメリカの研究者は金属ガラスの合成パターンを従来の100倍以上の速さで見つけることに成功しています。 Accelerated discovery of metallic glasses through iteration of machine learning and high-throughput experiments | Science Advances http://advances.sciencemag.org/content/4/4/eaaq1566 Artificial intelligence accelerates discovery of metallic glass - Northwest

例としてQiitaのAPIを使う。 まずはOAuthのリダイレクト先のURLの項目をhttps://{拡張機能のID}.chromiumapp.orgで登録しておく。 IDは拡張機能の画面で確認することができる。 次にOAuthの認可画面を表示するコードを書く。 chrome.launchWebAuthFlow({ url: `https://qiita.com/api/v2/oauth/authorize?client_id=${clientId}&scopes=read_qiita&state=${適当な文字列}`, interactive: true }, responseUrl => { // 後述 }) chrome.launchWebAuthFlowでユーザーを認可用のページにアクセスさせることができる。 interactiveをtrueにするとユーザーから認可を取得していない

MySQL 8.0正式版がリリース。性能が最大で2倍、JSONデータや地理情報などサポート。ロールによるユーザー権限の管理も可能に 前バージョンのバージョン番号は5.7で、本バージョンが8.0になったのは、過去のバージョン番号で6が使われたことがあったというMySQL のバージョンの都合や、MySQL Clusterがバージョン7であることなどを考慮したためとされています。 MySQL 8.0では、大幅な性能向上、JSONデータに対応したNoSQL機能の搭載、地理情報の対応、ロールによるユーザー権限など、さまざまな改善が行われています。 性能が最大で2倍に MySQL 8.0では、MySQL 5.7と比較してユーザー数が増えた場合に最大で約2倍ほどの大きな性能向上を実現しています。下記は読み込み性能の比較です。 読み込みだけでなく書き込み性能も向上しており、これはInnoDBでREDOログ

Authentication with NgRx Presented by Brandon Roberts As the lead developers of NgRx, the number one question we get asked is how to implement authentication with a reactive store. In this talk, Brandon sets out to answer this question by building an auth-based app with NgRx Store, Router, and Effects. Slides | Sketchnotes Make your JS app search engine friendly Presented by Igor Minar The interne

ChatGPT, OpenAI’s text-generating AI chatbot, has taken the world by storm since its launch in November 2022. What started as a tool to hyper-charge productivity through writing essays and code…