タグ

2020年1月16日のブックマーク (10件)

  • スマホゲームの API サーバにおける EKS の運用事例 | GREE Engineering

    *1 デフォルトでは Pod に割り当て可能なセカンダリ IP アドレスを ENI 1個分(その ENI に割り当てできる最大数)確保する設定ですが、実際には DaemonSet などがありすぐに ENI 1個分の空きという条件は満たさなくなるので、ワーカーノード起動時に ENI 2個分(「そのインスタンスタイプが ENI ごとに割り当てできる IP アドレス数」の2倍)が確保されるということになります。ドキュメントとしては次のリンクをご参照ください。 参考: https://docs.aws.amazon.com/ja_jp/eks/latest/userguide/cni-env-vars.html 参考: https://github.com/aws/amazon-vpc-cni-k8s/blob/master/docs/cni-proposal.md 例えば、ピーク時に c5.4x

    スマホゲームの API サーバにおける EKS の運用事例 | GREE Engineering
    ryo0821
    ryo0821 2020/01/16
  • "Neumorphism" なるUIデザインのトレンド|木村 博信 (hiro_kimu)

    「新しいスキューモーフィズム」を謳う "Neumorphism" というデザインが最近一部で提唱されているようです。 Skeuomorph Mobile Banking by Alexander Plyuto この例のようにボタンやカードなどの要素が凹凸で表現されていて、明るい影(光)が落とされているのが特徴です。それによってボーダーや塗りを使わずに要素の形状を表します。 Neumorphism in user interfaces 単色の物体に凹凸が付けられているように見えるビジュアルは、ディーター・ラムスがBRAUNで手掛けたブロダクトや初期iPodのデザインをちょっと想起させますね。 端的に言えば「スキューモーフィズムに半分回帰した」ようなUIデザインです。 The Book Of Life - "Dieter Rams" ルールこちらに解説記事がありますが、次のようなルールがあるよ

    "Neumorphism" なるUIデザインのトレンド|木村 博信 (hiro_kimu)
    ryo0821
    ryo0821 2020/01/16
  • Zoffから、視界を遮って集中力をアップさせるメガネが。ヒントは…馬?

    Zoffから、視界を遮って集中力をアップさせるメガネが。ヒントは…馬?2020.01.16 12:3017,743 ヤマダユウス型 気になる外界情報をシャットアウト。 Zoffから「Zoff +集中」という名称の、ちょっと不思議なメガネが発表されました。その名の通り集中力を高める効果をもつメガネとのこと。メガネで集中力がアップするだなんて、プラシーボではなくて? Image: Zoff「Zoff +集中」には、装着式のフードが付属しています。このフードがメガネの側面や上部を遮り、視界を前方に向けさせることで集中力を高める効果があるそうな。視界に入ってくる不要な視覚情報をカットすることで前頭眼野の負荷を軽減するそうですが、似た発想のプロダクトは少なからずありますし、これは確かに集中できそう。花粉症対策にもなる? 面白いのはその着想元で、競走馬が顔にかぶっているマスク「ブリンカー」からヒントを

    Zoffから、視界を遮って集中力をアップさせるメガネが。ヒントは…馬?
    ryo0821
    ryo0821 2020/01/16
    仕事とか作業に使うのが正しいんだろうけど、ゲームやりながら使ったら没入感上がりそう 試してみたい
  • [CSS3][Sass] 要素を順番にフワッと表示するアニメーションを CSS の animation プロパティで作る

    単なる横並びのボックスも、アニメーションを少しつけるだけで目を引くものになります。スマートフォンやモダンブラウザのみがターゲットとなりますが、表示する時に順々にふんわりとしたアニメーションをつけて表示するサンプルをCSSのみで作ってみました。 CSS3 の animation プロパティを使用しているので、ベンダープレフィックスやキーフレームなども合わせるとコードが沢山になってしまいます。そこで、Sass を利用して簡単に書く方法も合わせてご紹介します。 完成サンプル 下のサンプルが完成形となります。「Return」をクリックするとアニメーションを再度開始します。 See the Pen 順にフワッと表示するCSS by Saomocari (@Saomocari) on CodePen. HTML コード HTML コードはシンプルなリストになります。順番に表示する要素が li になるの

    [CSS3][Sass] 要素を順番にフワッと表示するアニメーションを CSS の animation プロパティで作る
    ryo0821
    ryo0821 2020/01/16
    かわいい
  • 技術ブログの「ソースコード」表示を効果的にカスタマイズする方法 | maesblog

    プログラミングなどの技術記事を書く際に欠かせないのが「ソースコード」の表示です。極端な話、エンジニアであれば、文章を読まなくても見出しとソースコードさえ追えば、ある程度の内容がわかってしまうものです。従ってブログでのソースコードの見せ方には一工夫加えてこだわりたいところですね。当ブログでも技術系の記事をよく書くのでソースコードをよく扱っています。先日、当ブログのソースコード周りを見直しました。今回は当ブログのソースコードの表示で使っているテクニックをいくつか紹介します。 現在の当ブログのソースコードの表示は以下のようになっています。 import React from 'react'; export default class Code extends React.Component { constructor() { super(); state = { value: null, };

    技術ブログの「ソースコード」表示を効果的にカスタマイズする方法 | maesblog
    ryo0821
    ryo0821 2020/01/16
  • CSSでbr要素みたいに改行する方法

    サンプルコード.br::before { content: "\A" ; white-space: pre ; }デモbrというclassを作成しました。下記は対象要素の直前に改行を挿入する例です。直後に挿入するには、::beforeではなく、::afterに指定します。 <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <style> .br::before { content: "\A" ; white-space: pre ; } </style> </head> <body> <p>われわれは<span class="br">宇宙人</span>だ</p> </body> </html> 備考\Aとは?"\A"は、改行を示すコードです。スタイルシートのcontentプロパティにこの値を加えると、その場所に改行が挿入されます。ち

    CSSでbr要素みたいに改行する方法
    ryo0821
    ryo0821 2020/01/16
  • 2024年、現在の環境に適したリセットCSSのまとめ

    CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。 IE11のサポート終了から2年が経ち、現在はモダンブラウザの時代です。Chromeをはじめ、chromiumベースのEdge、Safari、Firefoxはエバーグリーンブラウザ(最新版に自動アップデートするブラウザ)と呼ばれています。 現在の制作環境に合わせて制作された新しいリセットCSSの中から特に注目すべきリセットCSSを紹介します。CSSのテクニックや知見も満載です! リセットCSSとは リセットCSSの使い方・書く順番 どのリセットCSSが適しているかの選び方・カスタマイズ方法 A (more) Modern CSS Reset -モダンブラウザに最適化された新しいリ

    2024年、現在の環境に適したリセットCSSのまとめ
  • パリピ孔明 - 四葉夕卜/小川亮 / 第1話 孔明、渋谷に降り立つ。 | コミックDAYS

    パリピ孔明 四葉夕卜/小川亮 五丈原の戦いで死期を迎えた名軍師・諸葛亮孔明は、若い肉体に戻り、現代日へと転生した! 渋谷のパリピ達に誘われ、たどり着いたのはダンスミュージックが鳴り響くチャラめなクラブ。そこでシンガーを目指す月見英子と出逢い、孔明の二度目の人生が幕を開けた! 三国志時代、天下泰平のために生きた彼は、なんの為に生きるのか--!!

    パリピ孔明 - 四葉夕卜/小川亮 / 第1話 孔明、渋谷に降り立つ。 | コミックDAYS
    ryo0821
    ryo0821 2020/01/16
    タイトルだけで既に草
  • 賃貸でVTuber騒音。夜中ずっと。深夜に叫び声も→警察署に相談/110番通報。昼夜逆転な業務活動?を数ヶ月以上してた。 - Togetter

    騒音で困ってる人向け参考まとめ。数か月悩まされた賃貸で隣室の騒音件。当初YouTuberと思い、男二人で住み、深夜に働く会社のように聞こえてました 。最終的にVTuberと分りました。深夜に起きて朝まで動画編集したり、沢山喋りながらゲームし絶叫したりする音が聞こえます。部下を叱責するような大声も聞こえ、個人が楽しんで遊び夜中叫ぶ騒ぐ、というより会社の活動(少なくとも収益を得るための活動)のように思えてました。非公開→ 1/14に公開(通報しても効果なかったと思い、ネット上の人が騒いでるのは誰か教えてくれないかと藁をもつかむ思いがありました。1/15検索し自分で特定しました)。1/16個人名を削除しました。2/11二人での会話は全部電話とのことでタイトル等修正しました

    賃貸でVTuber騒音。夜中ずっと。深夜に叫び声も→警察署に相談/110番通報。昼夜逆転な業務活動?を数ヶ月以上してた。 - Togetter
    ryo0821
    ryo0821 2020/01/16
    これはちょっとかわいそうだな… 信者からこの人叩かれるのでは…
  • 日本一歌の上手い会社員・セガ光吉猛修×『FFXIV』祖堅正慶 歌うゲーム開発者対談 ― 『デイトナUSA』がなければ「過重圧殺!」は生まれていなかった

    『デイトナUSA』のBGMやアニメ版『バーチャファイター』の主題歌など、ゲームミュージックコンポーザーでありながらバンドでボーカルを担当し、果てにはアニメの主題歌でソロ歌手デビューまでしている、“日一歌の上手い会社員”ことセガの光吉猛修氏。 最近では『maimai』や『チュウニズム』、あるいは『PSO2』内で流れる『きみのためなら死ねる』や『赤ちゃんはどこからくるの?』の楽曲でその歌声を聞いたことがある方も多いかもしれない。 そんな光吉氏によるディナーショーが、2019年10月28日に“セガ社員のセガ社員によるセガ社員のための社内イベント”として開催され、セガ公式Twitterがそれを告知したことで話題に。 そしてある人物が、「(開催時間の)今夜19:30までに御社に転職すればいいんですか?!」とそのイベントに反応した。 今夜19:30までに御社に転職すればいいんですか?! — ニー祖堅

    日本一歌の上手い会社員・セガ光吉猛修×『FFXIV』祖堅正慶 歌うゲーム開発者対談 ― 『デイトナUSA』がなければ「過重圧殺!」は生まれていなかった
    ryo0821
    ryo0821 2020/01/16