タグ

2020年9月7日のブックマーク (11件)

  • CSS filter generator to convert from black to target hex color

    About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-

    CSS filter generator to convert from black to target hex color
    kathew
    kathew 2020/09/07
    すばら
  • バケットの概要 - Amazon Simple Storage Service

    Amazon S3 にデータ (写真、動画、ドキュメントなど) をアップロードするには、いずれかの AWS リージョン に S3 バケットを作成する必要があります。 バケットとは、Amazon S3 に保存されるオブジェクトのコンテナです。バケットにはオブジェクトをいくつでも保存でき、アカウントにはバケットを 100 個まで保存できます。バケット使用率やバケットクォータを確認したり、引き上げをリクエストしたりするには、Service Quotas コンソールにアクセスしてください。 Amazon S3 バケットに関連する制約と制限のリストについては、「バケットのクォータ、制約、および制限」を参照してください。 すべてのオブジェクトはバケット内に保存されます。例えば、photos/puppy.jpg という名前のオブジェクトが米国西部 (オレゴン) リージョンにある amzn-s3-demo

  • オブジェクトメタデータの使用 - Amazon Simple Storage Service

    Amazon S3 では、オブジェクトをアップロードする時にオブジェクトメタデータを設定できます。オブジェクトメタデータは、名前と値のペアのセットです。オブジェクトのアップロード後にはオブジェクトメタデータは変更できません。オブジェクトメタデータを変更する唯一の方法は、オブジェクトのコピーを作成し、メタデータを設定することです。 オブジェクトを作成するときに、キー名も指定します。これにより、バケット内のオブジェクトは一意に識別されます。オブジェクトキー (またはキー名) によって、Amazon S3 バケット内のオブジェクトは一意に識別されます。詳細については、Amazon S3 オブジェクトに命名する を参照してください。 Amazon S3 には、システム定義メタデータとユーザー定義メタデータの 2 種類のメタデータがあります。以下のセクションでは、システム定義メタデータとユーザー定義

  • 投稿に装飾はできますか? – ヘルプ | Chatwork

    テキストに色付けや太字の装飾はできませんが、罫線や囲み枠などの装飾でしたら可能です。 下記のタグを、投稿欄にご入力ください。 罫線タグ [hr] 参考画像: 囲み枠タグ [info]タイトル[/info] 参考画像: 囲み枠タグ(見出しあり) [info][title]見出し[/title]内容[/info] 参考画像: 絵文字の変換を無効にする [code] ●● [/code] 変換させたくない文章を上記codeタグで囲うことで文字列として指定できます。 プログラムのソースコードなどをChatworkに投稿する際など、意図しない 文字・記号の絵文字変換を防ぐことができます。 また、codeタグをバッククォート(`)で省略入力することも可能ですので、詳細については下記をご参考ください。 ご参考:codeタグ機能 文中やチャット概要に画像を挿入する [preview id=****** h

  • Redis ストリーム

    Amazon ElastiCache は、Valkey、Memcached、Redis OSS と互換性のある完全マネージド型のサービスです。最新のアプリケーション向けに、99.99% の可用性を備えたコスト最適化されたパフォーマンスをリアルタイムで提供します。ElastiCache はデータベースとアプリケーションのパフォーマンスを高速化し、マイクロ秒の応答時間で 1 秒あたり数億回のオペレーションにスケーリングできます。また、オープンソースの代替ソリューションよりも強固なセキュリティと高い信頼性を備えています。最新のアプリケーション向けに、ElastiCache Global Datastore はフルマネージド型のクロスリージョンレプリケーションを通じてローカライズされた読み取り機能を提供しています。ElastiCache は読み取り量の多い、メモリを大量に消費するワークロードのコス

    Redis ストリーム
  • Redisのデータ永続化

    インメモリDBとデータの永続化 前回のRedisの紹介では、Redisの特長や導入手順、基的な使い方についてご紹介しました。稿では、インメモリデータベースのデータ永続化についてご紹介します。 Redisはインメモリデータベースであるため、サーバプロセスが終了するとメモリ上のデータも消えてしまいます。そこで、Redisはサーバプロセス終了後もデータを保持するための2種類の機能が用意されています。 RDB Redisでは特定の時点のスナップショットをRDBファイルとして保存することができます。RDBはデータベースのダンプファイルに相当します。SAVEコマンドおよびBGSAVEコマンドで現時点のスナップショットを保存できます。また、設定により、一定の書き込み数と時間の経過により自動的にデータを保存することもできます。デフォルトの設定は以下のようになっており、条件を満たした場合にデータが自動保

    Redisのデータ永続化
    kathew
    kathew 2020/09/07
  • Amazon ElastiCache

  • ローカルに"Noto Sans CJK JP"がなければWebフォントの"Noto Sans JP"を利用するCSSの指定方法 - Qiita

    2018年6月29日現在、ウェブフォントの「Noto Sans JP」で字詰めできなくなっていることを確認しました。 Googleが仕様を変更したのかもしれません。 "Noto Sans JP"のウェブフォントを利用すれば、すべての機器で文字表現を統一できます。 しかし、日語のウェブフォントは容量が大きいです。 すでにローカルに"Noto Sans CJK JP"がインストールされているなら、ウェブフォントを読み込まずにそちらを利用したい。 そんな要望をかなえる方法です。 結論 "Noto Sans JP"のCSSにlocal("Noto Sans CJK JP <太さ>")を追加するだけです。 元となるCSS 改変したCSS 表示確認用のデモページ @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-we

    ローカルに"Noto Sans CJK JP"がなければWebフォントの"Noto Sans JP"を利用するCSSの指定方法 - Qiita
  • Vue.jsでコンポーネント親子間の値の受け渡し | webOpixel

    Vue.jsでコンポーネント親子間の値の受け渡し Vueの初歩的なことになりますが、親子関係のコンポーネントで値の受け渡しをやってみます。 投稿日2017年03月28日 更新日2017年04月10日 ※Vue 2.2 を使用します。 親から子にデータ渡す 親の方では子のコンポーネントを読み込みテンプレートで配置するだけです。 後で子コンポーネントで設定する「message」に値を入れます。 parent.vue <template> <div> <child message="Hello Vue!!"></child> </div> </template> <script> import Child from './child.vue'; export default { components: { Child } } </script> 子コンポーネントではpropsに「message」

    Vue.jsでコンポーネント親子間の値の受け渡し | webOpixel
  • v-bindとpropsを使って子コンポーネントに動的な値を渡す - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    v-bindとpropsを使って子コンポーネントに動的な値を渡す - Qiita
  • Atom のツリービューから相対パスをコピーするパッケージ tree-view-copy-relative-path

    プログラムを書く際の import 文や html の src 等、他のファイルを読み込みたい事が良くあると思う。しかし場合によってはそのパスを把握するのが面倒な事もある。特に相対パスは現在開いているファイルに応じてパスが変化する為、記述するのが億劫だ。 Atom を利用しているのであれば、tree-view-copy-relative-path というパッケージを利用する事でツリービュー上から簡単に現在開いているファイルからの相対パスを取得できるようになる。 https://atom.io/packages/tree-view-copy-relative-path このパッケージ導入すると以下のようにツリービューからファイルを右クリックした際に "Copy Relative Path" という項目があらわれる。 これを選択するとそのファイルまでの相対パスをクリップボードにコピーし、好きな

    Atom のツリービューから相対パスをコピーするパッケージ tree-view-copy-relative-path
    kathew
    kathew 2020/09/07
    フロントエンド開発でimportを書く時に大変便利