タグ

2021年2月16日のブックマーク (5件)

  • 俺流レスポンシブコーディング

    俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサイズを意識して決める人が半数以上を占めていた。 アンケート結果を抜きにしても「2021 年のブレイクポイント決定版はこれだ!」的な記事がバズっているのを定期的に目撃し、主流のデバイスのサイズを比較するアプローチがほとんどであるが、僕はデバイスの端末のサイズを基準にブレイクポイントを決めることには否定的である。 主流のデバイスのサイズなんてものは時間が経てば変化する。 昨年 iPhone 12 が発表された時に従来の画面サイズとは違うバリエーションになることが分かるやいなやタイムラインが慌てふためい

    俺流レスポンシブコーディング
  • この辛ウマつけ汁、レンジ4分でできます。替え玉したくなる「ねぎ豚辛みそつけ麺」の作り方【北嶋佳奈】 - メシ通 | ホットペッパーグルメ

    こんにちは! 管理栄養士の北嶋佳奈です。 無性にラーメンやつけ麺がべたくなるとき、ありますよね。今回は、家で簡単に作れるつけ麺レシピです。つけ汁は電子レンジで4分加熱するだけ、思い立ったらすぐ作れちゃうので、お一人リモートワークランチにもぴったりですよ。 みそと、レンジで加熱しても硬くなりにくい豚バラ肉で旨味たっぷり。辛味がいいアクセントになって、替え玉したくなること間違いなしです。 北嶋佳奈の「ねぎ豚辛みそつけ麺」 【材料】(1人分) 豚バラ薄切り肉(3cm幅に切る) 50g 長ねぎ(ななめ薄切り) 1/2 中華麺 1玉 ごま油、白すりごま 少々 (A) おろししょうが、おろしにんにく、豆板醤、顆粒鶏ガラスープ、砂糖 各小さじ1/2 みそ 小さじ2 水 100ml(1/2カップ) 作り方 1. 耐熱ボウルに(A)を合わせ混ぜる。 2. 長ねぎ、豚バラ薄切り肉も加えざっくり混ぜ、 ふん

    この辛ウマつけ汁、レンジ4分でできます。替え玉したくなる「ねぎ豚辛みそつけ麺」の作り方【北嶋佳奈】 - メシ通 | ホットペッパーグルメ
  • 1画面1APIと比べるとGraphQLのAPIはどこから作ったらいいか分かりにくい - hitode909の日記

    Backends for Frontends的に、1画面につき1つずつAPIを作っていると、画面のリストを作って、それぞれ1画面につき1個ずつAPIを作っていくことになるので、進捗の把握がやりやすかった。10画面あって3APIできてたら進捗30%ということになる。 グラフをたどって開発することになる GraphQLAPIを作っていると、「実はこの画面を組み立てるためのクエリは、あちらの画面の条件を変えたものである」みたいなことが起きるようになる。たとえば、トップページではサマリを表示していて、もっと見るを押すと全件表示するような場合とか。 このように、着手しようとするともう作るものがなかったりとか、逆に、作るときに、他の画面から使う想定でパラメータの設計をするなど、考えることが増えたりもする。 スキーマに沿ってグラフをたどるだけで画面を組み立てられるのは良いことだけど、開発内容の依存関係

    1画面1APIと比べるとGraphQLのAPIはどこから作ったらいいか分かりにくい - hitode909の日記
  • GitHubのawesomeリストが本当にawesomeなものばかりだから一度見てほしい - Qiita

    伝えたいことは全てタイトルに書いた。 動機 https://github.com/topics/awesome を眺めていて当にawesomeなものばかりだった (割にあまりどこにもそのawesomeさが書かれていないように見えた) ので書く。 awesomeリストとは GitHub で使われる慣習的なリポジトリについてまとめてみた#awesome より: 「特定テーマに関するキュレーションを行うリポジトリ。Markdown のリスト表記で一覧化するのが一般的。また、Contribution も受け付けている(人気のあるリポジトリはガイドラインも厳しめ)。」 Where? ここのことです: https://awesome.re/ 画像はリポジトリから引用。 What? What is an awesome list? よりDeepL翻訳 awesome マニフェスト もしあなたのリストを

    GitHubのawesomeリストが本当にawesomeなものばかりだから一度見てほしい - Qiita
  • 日本語の折り返しをJavaScriptで制御する - LIVESENSE ENGINEER BLOG

    インフラエンジニアの中野(etsxxx)です。今回はWebのフロントの話です。稚拙な部分はご容赦を。 はじめに 前提知識 解決案の候補 解決案1: 手でspanタグをつける 解決案2: サーバーサイドの処理 解決案3: クライアントサイドの処理 クライアントサイドで文節区切り 実装 結果と考察 さいごに はじめに 2020年12月、リブセンスにQ by Livesenseという広報ブログが誕生しました。このブログは明朝体と縦書きと長文にアイデンティティがあります。 Q by Livesenseはこういう見た目のブログです。 Q by Livesenseは縦書きということで、漢数字を使っていたり、写真やイラストを使わずに純粋な文体で記事を書いていたりと、書籍のような日語らしさが求められるデザインとなっています。 縦書きはWebエンジニアにとっても珍しい実装ですが、読者にとっても慣れないUI

    日本語の折り返しをJavaScriptで制御する - LIVESENSE ENGINEER BLOG