タグ

2019年12月25日のブックマーク (6件)

  • コンバースの新作スニーカー「ビックC FG サイドゴア ハイ」フィッシングブーツをサイドゴア仕様に

    コンバース(CONVERSE)の「ビッグCライン(BIG C LINE)」より新作スニーカー「ビックC FG サイドゴア ハイ(BIG C FG SIDEGORE HI)」が登場。2019年10月より発売される。 ビックC FG サイドゴア ハイ 6,300円+税 デイリービンテージをコンセプトに、1950年代以前のアーカイヴをアレンジする「ビッグCライン」。その新作となる「ビックC FG サイドゴア ハイ」は、1940年代から50年代に発売されたフィッシングブーツをサイドゴア仕様にアレンジ。アッパーの色合いを基調に、ソールまわりも落ち着いたカラーに合わせた。 ビックC FG サイドゴア ハイ 6,300円+税 「ビッグCライン」に特徴的な“BIG C”のロゴ、撥水加工を施したアッパー、軽量性とクッション性に優れたインソールは引き継ぎつつ、ハイカットながらもスリッポンのように気軽に履ける仕

    コンバースの新作スニーカー「ビックC FG サイドゴア ハイ」フィッシングブーツをサイドゴア仕様に
    kyaido
    kyaido 2019/12/25
  • TypeScript で書く React コンポーネントを基礎から理解する - Qiita

    この記事は Recruit Engineers Advent Calendar 2019 の 23日目の記事です。 TypeScriptプロジェクトReact コンポーネントを書いていると、コンパイラに怒られることがたびたびあります。ネット上にあるサンプルコンポーネントが JavaScript で書かれていると、プロジェクトにもってきたときにコンパイルできないということはよくあるんじゃないでしょうか。any でコンパイラを黙らせることもできますが、せっかく TypeScript を使っているので、安全に解決したいよねってことでこのような記事を書きました。 型定義は @types/react@16.9.17 にしたがっています。目次をみて、この程度のことはもう知っているよという方は react-typescript-cheatsheet をみてください。React + TypeScr

    TypeScript で書く React コンポーネントを基礎から理解する - Qiita
    kyaido
    kyaido 2019/12/25
  • Container Queriesという手法 / CSS Advent Calendar 2019 - kojika17

    この記事は CSS Advent Calendar 2019 - Qiita 23日目の記事です。 Container Queriesを知っていますか? Media Queriesに依存せず、コンテンツにあわせてレイアウトを変化させるを手法です。 Container Queriesとは レスポンシブwebデザインを行う時、みなさんはMedia Queriesを使用していると思います。 ブレークポイントにあわせて、画面ごとにコーディングを進めていくのが一般的な方法でしょう。 その方法は当に正しいのでしょうか? Atomic Designやデザインシステムといった考え方が浸透してきて、UIなどをコンポーネントとして扱う場合も増えてきました。 しかし、コンポーネントとMedia Queriesは切り離せない関係です。ページの画面サイズに依存し、レイアウトを構築するする場合は、コンポーネントに何

    Container Queriesという手法 / CSS Advent Calendar 2019 - kojika17
    kyaido
    kyaido 2019/12/25
  • aタグの中にaタグをJSを使わずに配置したい - Qiita

    Qiita記事を見ていると「なんとなくで書かないで!HTML5を書く時に気にしてみたいタグごとのお約束 - Qiita」で、HTMLを書くときの注意点などが紹介されていました。 ただ「aタグの中にaタグ」の箇所で、JSを使う方法が紹介されていました。 これはJSは使わなくてもできます。 気になったので書いてみました。 まず、aタグの中にaタグはどういう状況か? 例えば、カード全体がクリッカブルエリアになっており、子の要素にもリンクが必要な時です。 HTMLで表現するなら、下記の状態。 しかしHTMLの仕様上、aタグの中にaタグは含められません。 仕様を無視していれても、動作しません。 <a href="" class="card"> <div class="card-inner"> <h1 class="card-title">Title Text</h1> <ul class="card

    aタグの中にaタグをJSを使わずに配置したい - Qiita
    kyaido
    kyaido 2019/12/25
  • 君はまだ平成のアーキテクチャを使ってるのか?僕はFirebaseと令和の時代に行くぞ。 - Qiita

    Help us understand the problem. What is going on with this article? メリークリスマス! この記事はFirebase Advent Calendar 2019の25日目の記事です。 これはなに? この1年、を書いたり勉強会で登壇したりいろいろやってみた結果を振り返ってみると、当に多くの人がFirebaseにふれるようになったなぁと思います。圧倒的な開発者体験の良さをもってバックエンドの関心事を一手に引き受け、アプリケーション開発を劇的に高速化してくれるソリューションとして、Webアプリでもモバイルアプリでもバックエンド第一の選択肢として確固たる地位を確立しつつあるのではないでしょうか。 それ自体はとてもいいことなのですが、Firebaseの強さを活かすためのアーキテクチャに関するアイデアはあまり表に出てきていないのではな

    君はまだ平成のアーキテクチャを使ってるのか?僕はFirebaseと令和の時代に行くぞ。 - Qiita
    kyaido
    kyaido 2019/12/25
  • Facebook に表示されるサムネイル画像を指定する方法

    Facebook(FB、フェースブック、フェイスブック) で「いいね!」や「シェア」された時に Facebook 上に表示されるサムネイル(サムネイル、縮小画像)を「すぐ使えるCMS」で登録した記事ごとに指定する方法をご紹介します。 Facebook のサムネイル指定の概要 CMS(ホームページ更新ツール)でホームページ上にFacebook の「いいね!」ボタンを表示している時に、ボタンが押された時や、また、そのページのURLが手動でシェアされた時には、Webサイト側で何も指定していないと、ページ上に表示されている画像の中から適当な画像が自動的に選ばれてそのページのサムネイルとして Facebook 上に表示されます。 Facebook上でURLが手動でシェアされた場合は、ページ内にある画像の中からいくつか候補が表示され、シェアする人がサムネイルを選ぶことができますが、何も選択しなければ通

    Facebook に表示されるサムネイル画像を指定する方法
    kyaido
    kyaido 2019/12/25