タグ

2019年2月19日のブックマーク (7件)

  • 今さら人に聞けない Kubernetes とは? - Qiita

    Kubernetesを一言で言うと、自動デプロイ、スケーリング、アプリ・コンテナの運用自動化のために設計されたオープンソースのプラットフォームです。 Kubernetesによって、要求に迅速かつ効率良く対応ができます。 アプリを迅速に予定通りにデプロイする (コンテナをサーバー群へ展開する) 稼働中にアプリをスケールする(稼働中にコンテナ数を変更する) 新機能をシームレスに提供開始する (稼働中にロールアウトする) ハードウェアの利用率を要求に制限する (コンテナで共存させて稼働率を高くする) Kubernetesのゴールは、下記の様なアプリの運用負担を軽減するためのエコシステムのコンポーネントとツールを整備することです。 可搬性: パブリック・クラウド、プライベート・クラウド、ハイブリッド・クラウド、マルチ・クラウド 拡張可能: モジュール化、追加可能、接続可能、構成可能 自動修復: 自

    今さら人に聞けない Kubernetes とは? - Qiita
    moegg
    moegg 2019/02/19
    “Kubernetesを一言で言うと、自動デプロイ、スケーリング、アプリ・コンテナの運用自動化のために設計されたオープンソースのプラットフォームです。”
  • 基礎19. ID名、Class名の付け方と記法

    基礎19. ID名、Class名の付け方と記法 公開日:2016年05月22日 最終更新日:2022年08月10日 ID名、Class名の付け方の法則と種類 ID、Class名の付け方には法則があり、半角英数、-(ハイフン)、_(アンダースコア)の組み合わせで名前をつけます。 どんな名称でも使用できますが、どのような設定なのか、内容が判別しやすい名前にするのがよいでしょう。 大文字と小文字どちらでも利用できますが、基は小文字で統一します。 プログラムでは、大文字、小文字は区別されるため、CSSでも大文字、小文字を使い分ける習慣をつけておくとよいと思います。 他にも、セレクタ名の先頭に数字を使わないようにしましょう。 JavaScriptなどプログラムは、変数名、関数名の先頭に数字を使うとエラーになるからです。 CSSでも、そのルールに慣れておくとプログラムを学習する時に役立ちます。 使用

    基礎19. ID名、Class名の付け方と記法
    moegg
    moegg 2019/02/19
  • htmlのid属性とclass属性の命名はハイフンかcamelかsnakeか - Qiita

    CSSはハイフン(foo-bar)1、JavaScriptはCamel(fooBar)、Rubyはsnake(foo_bar)文化。 じゃあ、みんなが共有するHTMLのid、class属性はどの書式で書けばいいのか? HTML/CSSの人が書くことが多いからか、有名サイトを調べてみると、ハイフンが多い。 でも、JavaScriptで要素を取得したときに次のようにハイフンをCamelにしなければならないので、どうもしっくりこない。 <div class="foo-bar">foo bar</div> <script> var fooBar = $('.foo-bar'); // foo-barなの?fooBarなの? </script> 世の中のトレンド BEM CSS命名規則で有名なBEMはハイフンもアンダースコア(_)も、アンダースコア2つ(__)も使う。 個人的には、うーん。。。 T

    htmlのid属性とclass属性の命名はハイフンかcamelかsnakeか - Qiita
    moegg
    moegg 2019/02/19
  • IE11のドキュメントモードが5(既定)や7(既定)になるときにやってみたこと | QWERTY.WORK

    Internet Explorer 11でyahoo.co.jpがどうしても互換表示されてしまいます。 (画像はすべてWindows10ですが、実際に症状が出ているのはWindows7) ↓こんな感じで、 IE11なのにIE9以上を使えと表示されています。 互換表示についてのメッセージだったので、互換表示に関連する設定を確認したところ、 互換表示設定で「イントラネットサイトを互換表示で表示する」のチェックなし。 「互換表示に追加したWebサイト」にもURLの登録なし。 「インターネットオプション」-「セキュリティ」-「イントラネット」-「サイト」ボタン-「ローカルイントラネット」で「イントラネットのネットワークを自動的に検出する」のチェックなし。 上記の「詳細設定」ボタン-「ローカルイントラネット」の「Webサイト」にURLの登録なし。 となっており、特に互換表示をする設定になっていません

    IE11のドキュメントモードが5(既定)や7(既定)になるときにやってみたこと | QWERTY.WORK
    moegg
    moegg 2019/02/19
    “「Internet Explorer 7 サイトのポリシー一覧を使用」(または「Quirksモードサイトのポリシー一覧を使用」)を「未構成」または「無効」にする。”
  • jQuery高速化!処理速度を10倍上げるテクニック20選

    Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers

    jQuery高速化!処理速度を10倍上げるテクニック20選
    moegg
    moegg 2019/02/19
    “検証結果からIDで指定した方が、classで指定するよりも3.3倍速いことがわかりました。”
  • JavaScript・jQueryの改修・高速化のためのメモ - Qiita

    たまにJavaScriptやjQueryなどの改修が入ったりすると忘れてしまうので、自分用のメモとして残しておきます。 JavaScriptコーディングベストプラクティス(高速かつ堅牢なコードを効率よく書くために)を参照しながらのメモになります。 随時、この記事に追記予定です。 高速化メモ JavaScript編 スタイルシートは上に、JavaScriptは下に指定する JavaScriptファイルは読み込んだ後、通常はスクリプトを解析している間、他のファイルの読み込みをブロックする JavaScriptはページの上部に指定すると、このブロックによりロード時間が増加する場合がある スタイルシートはなるべく上に、JavaScriptファイルは下部にしていることで、ロード時間が短縮できる 画面描画に関係ないJavaScriptは、</body>の直前に書く $(document).readyを

    JavaScript・jQueryの改修・高速化のためのメモ - Qiita
    moegg
    moegg 2019/02/19
    “jQueryのeachメソッドは繰り返し処理をするためのものですが、forでできるものは積極的にforを使用する”
  • 告白したらふられたので「その女の子のことを想って過去に作った短歌から選んだ158首」を紙に印刷して本人に渡したら1首ずつ感想をくれた話【後篇】 - 鯖寿司が食べたい

    になりました! con2469.hatenablog.com 記事は後篇です。未読の方は上のリンクから前篇を読んでください。既読の方も復習してからどうぞ。 導入 取 ラブレターです。 (158首が印刷されたA4用紙9枚を手渡す) K えっ、重い……。 取 (さすがにKさんでも嫌がるか。悪いことしたな)やっぱり迷惑ですよね。返してもら……。 K 9枚って結構手にずっしりくるんだね! 取 質量。 太字はぼくの短歌、「K」はその女の子の発言、「取」はぼくの発言、発言中の「取想くん」はぼくのことです。 では後半戦スタート! 深緑が青色になるほど遠くとおくに見えるうしろ姿だ 取 山は近くで見ると緑色なのに遠くから見ると青色だなと思って作った歌です。 K わたしたちは今何色? 取 青緑ぐらいまで近づけていたらうれしいです。 交わらぬ平行線は重なれる唯一の線だ傘をひらけよ K 重なれるだけでべつに重

    告白したらふられたので「その女の子のことを想って過去に作った短歌から選んだ158首」を紙に印刷して本人に渡したら1首ずつ感想をくれた話【後篇】 - 鯖寿司が食べたい
    moegg
    moegg 2019/02/19