2020年1月18日のブックマーク (17件)

  • package.json | Yarn

    必須項目 package.json の2つの重要なフィールドに、name と version があります。これらが無いと、パッケージをインストールすることは出来ません。 name と versionのフィールドは、一意な ID を作成するために併せて使用されます。 name

    simochee
    simochee 2020/01/18
    “start スクリプトのデフォルト値は、node server.js になります。” そうだったのか
  • オープンソースのフォント ライセンスを利用するときに知っておきたい規約まとめ | tracpath:Works

    フォントのライセンス判断に困っている。 オープンソースのライセンスが適用されているフォントの利用条件を知りたい。 フォントにオープンソースのライセンスが指定されていると、目的の用途で問題なく利用できるのかな?と不安に思ってライセンスについて調べる事も多いと思います。 購入するフォントはライセンスが明確に記載されている場合が殆どなのと、用途を伝えると利用について的確に答えてもらえるのですが、これがLGPLやApacheライセンスなどオープンソースで使われているライセンスの場合は、フォントの利用用とによって調べ直す事になります。 フリーウェアとして公開されているフォントは独自ライセンスで書かれていることも多くありますし、最近は少なくなりましたがカンパウェアで連絡下さいといった曖昧なライセンスも依然として使われています。 記事ではフォントで良く使われるオープンソースのライセンスとそれ以外のライ

    オープンソースのフォント ライセンスを利用するときに知っておきたい規約まとめ | tracpath:Works
    simochee
    simochee 2020/01/18
    さまざまなフォントライセンスの概要
  • Web フォントとライセンス | Yomotsu net

    Web フォントを利用する際、技術として理解するだけでなく、フォントに適用されたライセンスを理解しておくことも大切です。 特に和文フォントにおいては SIL Open Font License (OFL) mplus Font License IPAフォントライセンスv1.0 あたりを適用されるケースが多いようです。また、これらのいずれかのライセンスが適用されていれば Web フォントとして利用することができます。ただし、ライセンスによる指示に従う必要があります。 ##各ライセンスの要点 ###SIL Open Font License (OFL) OFL であることを明示すればほぼ自由に Web フォントに利用できます。ライセンス明示方法は後述。 ###mplus Font License ほぼ自由に Web フォントに利用できます。ライセンス明示方法は後述。 ###IPA フォントライ

    Web フォントとライセンス | Yomotsu net
    simochee
    simochee 2020/01/18
    フリーフォントをWebフォントとして利用するときのライセンス表示について
  • contenteditable change events

    I want to run a function when a user edits the content of a div with contenteditable attribute. What's the equivalent of an onchange event? I'm using jQuery so any solutions that uses jQuery is preferred. Thanks!

    contenteditable change events
    simochee
    simochee 2020/01/18
    contenteditable=trueを指定した要素からinputイベントが上がってくるみたい
  • contenteditable - HTML: ハイパーテキストマークアップ言語 | MDN

    contenteditable グローバル属性は、ユーザーによる要素の編集が可能かを示す列挙型属性です。可能である場合、ブラウザーは要素のウィジェットを編集可能なものに変更します。 この属性は、以下の値のうち一つを取る必要があります。 true または 空文字列: 要素が編集可能であることを示す false: 要素が編集不可であることを示す plaintext-only: 要素の生のテキストは編集可能だが、リッチテキスト形式が無効であることを示す この属性が値なしで指定された場合、たとえば <label contenteditable>Example Label</label> のような場合、値は空文字列として扱われます。 この属性が存在しないか、値が無効であった場合、値は親要素から継承されます。したがって、親が編集可能であればこの要素は編集可能になります。 なお、許可されている値は tr

    contenteditable - HTML: ハイパーテキストマークアップ言語 | MDN
    simochee
    simochee 2020/01/18
    要素内のテキストを編集可能にするcontenteditable属性
  • Get input text width when typing

    simochee
    simochee 2020/01/18
    入力値によって幅を変化させる入力フィールド(っぽい要素)を実装するテクニック
  • コピペでできる!cssとhtmlのみで作るちょっと複雑なの背景パターン 12選 - コピペっと copypet.jp|パーツで探す、web制作に使えるコピペサイト。コピペっと copypet.jp|パーツで探す、web制作に使えるコピペサイト。

    画像なしでもちょっとした柄ならもうcssで再現できちゃいますよね。 以前は基的なボーダーやストライプをご紹介しましたが、今回はちょっとクセ強めです。 アイディア次第で複雑な柄も作れます。どっかで見たチェックやシャツの柄のようなちょっとだけ複雑なパターンをご紹介します。 わかりやすいようにベンダープレフィックスはつけていませんので、必要に応じてつけてください。 基的なパターンはこちら コピペでできる!csshtmlのみで作るいい感じの背景パターン 12選 画像なしでもちょっとした柄ならもうcssで再現できちゃいますよね。 アイディア次第で複雑な柄も作れますが、ここでは基的なパターンをご紹介します。 全面背景はもちろん、ブロック要素や見出しの背景にも使えるよう、色の差を少なめにしています。 また、わかりやすいようにベンダープレフィックスはつけていませんので、必要に応じてつけてください。

    コピペでできる!cssとhtmlのみで作るちょっと複雑なの背景パターン 12選 - コピペっと copypet.jp|パーツで探す、web制作に使えるコピペサイト。コピペっと copypet.jp|パーツで探す、web制作に使えるコピペサイト。
    simochee
    simochee 2020/01/18
    グラデーションでいろいろなパターンを表現するCSSテクニック集。やばい
  • 【一問一答】 Chrome の SameSite Cookie の変更とは? : Cookie への新たなアプローチ | DIGIDAY[日本版]

    【一問一答】 Chrome の SameSite Cookie の変更とは? : Cookie への新たなアプローチ | DIGIDAY[日本版]
  • Cookieにかわる Sec-HTTP-State ヘッダの提案 - ASnoKaze blog

    20190424 追記 IETFに提案仕様が提出されました https://tools.ietf.org/html/draft-west-http-state-tokens-00 Cookieの様々な問題を解決するために、Webセキュリティー界隈で活躍されるMike West氏から「Tightening HTTP State Management」というCookieに変わるHTTPにおいてステートを扱う仕組みが提案されています。 現在はIETFのHTTPbis WGのMLに投稿されただけで仕様が正式にinternet-draftとして提出されたものではありません。まだまだどうなるかは全然わからない状態です。 この提案では、現在のCookieセキュリティと非効率性とプライバシーの問題があると言っています。 現在のcookieは、Same-Origin-Policyとは異なりオリジンを超えて

    Cookieにかわる Sec-HTTP-State ヘッダの提案 - ASnoKaze blog
    simochee
    simochee 2020/01/18
  • Cookie の性質を利用した攻撃と Same Site Cookie の効果 | blog.jxck.io

    Intro Cookie はブラウザによって保存され、紐づいたドメインへのリクエストに自動で付与される。 この挙動によって Web におけるセッション管理が実現されている一方、これを悪用した攻撃方法として、 CSRF や Timing Attack などが数多く知られており、個別に対策がなされてきた。 現在、提案実装されている SameSite Cookie は、そもそもの Cookie の挙動を変更し、こうした問題を根的に解決すると期待されている。 Cookie の挙動とそれを用いた攻撃、そして Same Site Cookie について解説する。 Cookie の挙動 Cookie は、 Set-Cookie によって提供したドメインと紐づけてブラウザに保存され、同じドメインへのリクエストに自動的に付与される。 最も使われる場面は、ユーザの識別子となるランダムな値を SessionI

    Cookie の性質を利用した攻撃と Same Site Cookie の効果 | blog.jxck.io
    simochee
    simochee 2020/01/18
    話題な割に理解できてなかったSameSiteオプションの解説と攻撃手法の解説
  • Status 425 HTTP/Tokyo

    2. @flano_yuki - プロトコルの人 (@flano_yuki) - 標準化とかに興味がある - HTTP, HTTP/3, QUIC, TLS WebTransport, Masque, WebPackaging… - Blog: ASnoKaze - https://asnokaze.hatenablog.com/

    Status 425 HTTP/Tokyo
    simochee
    simochee 2020/01/18
    たしかに、なにがEarlyやねんとは思ってた
  • 牛乳パックの3辺を掛け合わせても1Lにならないのですが、1L入っていますか。 | お客さま相談室 | 森永乳業株式会社

    牛乳パックの3辺を掛け合わせても1Lにならないのですが、1L入っていますか。 紙パックに飲料を入れると、飲料の重みで紙パックの胴部分が少しふくらみます。このふくらみで飲料が余分に入るようになることを考慮して、紙パックはやや小さ目に作られています。 記載している容量はきちんと入っていますのでご安心ください。 <詳しく説明します!> 1000mlの牛乳パックのおおよその寸法(内寸)は70mm×70mm×194mmです。これを計算すると950.6mlとなり1000mlに足りません。ところが牛乳などの飲料を入れると牛乳パックの内壁に圧力がかかりふくらみます。断面で見ると、紙自体はあまり伸縮しない素材なので周囲の長さは変わりませんが、正方形から円形に近づきます。周囲の長さが同じであれば、正方形より円の方が面積が大きくなります。飲料が入り胴部分がふくらんで円筒形に近づいた分、内容積が大きくなり計算上は

    simochee
    simochee 2020/01/18
    質問の着眼点がおもしろい
  • Document

    simochee
    simochee 2020/01/18
  • パトカーのレプリカ車はどこまで作り込んでも許されるのか?

    この記事をまとめると■黒白の塗装は問題いが、○○県警、POLICEといった名称やマークなどの表示はNG ■緊急自動車以外がサイレンを鳴らすことは公安委員会遵守事項違反になるので許されない ■赤色灯は点灯しなくても備え付けるだけで保安基準違反になる 黒と白に塗ることは問題ないが名称などは入れられないパトカーのレプリカを作りたい、所有したいと思ったとき、どこまで合法なのか考えてみよう。まず前提として公道を走らない限り、基的にはどんな精巧なレプリカを作っても問題ないはず。ガレージの中に保管していたり私有地で走る分には、文句を言われる筋合いはない。問題は、そのレプリカを公道で走らせたいとなったときだ。 レプリカパトカー画像はこちら ベースとなるクラウンやスカイライン、コンパクトカー、軽自動車、ワンボックスを購入し、パトカーと同じように、黒と白に塗装するのも問題なし。ただし、○○県警、POLICE

    パトカーのレプリカ車はどこまで作り込んでも許されるのか?
    simochee
    simochee 2020/01/18
    車を白黒のツートンにすることは問題なし。県警やPOLICE、ロゴなど本物の掲載は不可。あと赤色灯は設置がダメ。
  • モノリシックとは。用語解説から成り立ちまで!マイクロサービスとの比較も紹介!

    モノリシックとは。用語解説から成り立ちまで!マイクロサービスとの比較も紹介! 2018年11月07日 2022年09月15日 #ECサイト構築 #アジャイル #ウォーターフォール #マイクロサービス #モノリシック #開発 「モノリシック」というワードをご存知でしょうか。集積回路(IC)やコンクリート工法、デザインのコンセプトとしても用いられている言葉で、ソフトウェアにおけるモノリシックはカーネルの構造において用いられています。 現在、モノリシックからマイクロサービスへと移行する傾向がみられますが、システムによってはモノリシックのままで運営管理しやすいものもあるため、検討が必要になってきています。 【目次】 モノリシックとはカーネル:モノリシックカーネルとマイクロカーネルの違いモノリシックカーネルの解説モノリシックカーネルの長所と短所マイクロカーネルの長所と短所時代はモノリシックからマイク

    モノリシックとは。用語解説から成り立ちまで!マイクロサービスとの比較も紹介!
    simochee
    simochee 2020/01/18
  • CSSは奥が深い!グラデーションとシャドウをこれまでより美しく実装するテクニック

    WebサイトやスマホアプリのUIデザインでよく使用されるグラデーションとシャドウをより美しく実装するスタイルシートのテクニックを紹介します。 このテクニックを使用したプラグインやオンラインツールもリリースされているので、思い通りの美しいグラデーションとシャドウを簡単に利用できます。 Using easing for more than just CSS transitions by Kilian Valkhof 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに アニメーションとトランジションに組み込まれているイージング グラデーションをCSSでより美しく実装するテクニック シャドウをCSSでより美しく実装するテクニック 見栄えのよいWebサイトを制作する はじめに アニメーションの実装にイージング曲線を使用して、より繊細

    CSSは奥が深い!グラデーションとシャドウをこれまでより美しく実装するテクニック
    simochee
    simochee 2020/01/18
    単純な linear-gradient がなんであんな気持ち悪いのか理由がわかった
  • ロギングベストプラクティス - kawasima

    #翻訳 https://www.scalyr.com/blog/the-10-commandments-of-logging/ CC BY 4.0 @Brice Figureau 1.自分でログの書き出しをしない printfをつかったり、ログエントリを自分でファイルに書き出したり、ログローテションを自分でやったりしてはいけない。運用担当者にお願いして、標準ライブラリやシステムAPIコールを使うようにしよう。そうすれば、実行中のアプリケーションが他のシステムコンポーネントと適切に連携して、特別なシステム設定なしに適切な場所またはネットワークサービスにログを記録できるようになる。 ロギングライブラリを使いたければ、特にJavaの世界にはLog4j, JCL, slf4j, logbackなど多くのものが存在する。私はslf4jとlogbackを組み合わせて使うのが好きだ。とてもパワフルで、設

    ロギングベストプラクティス - kawasima
    simochee
    simochee 2020/01/18
    ロギングはいつも雰囲気でやってたからこういうの読みたかった