実践：はじめてのWebAPI設計 - Qiita
はじめに この記事はAPIの基本的な実装方法を丁寧に解説します。基礎を学びたい方、今更聞けないような知識の振り返りを求める方の役に立つことを願っています。もう十分理解できている！という方は、目次から実装にとんでみてください。 具体的にはHTTPと呼ばれる通信方法を利用した、シンプルな本の貸し出しシステムの土台を考えます。要件の各ステップで、設計の基本原則やベストプラクティスについても触れながら、より実践的な知見を共有できればいいなと思います。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 基本用語 Webに関する基礎知識の解説記事はQiitaに豊富にあったので、要点を抑えつつリンクをまとめました。 WebAPI Web
俺たちはもう GitHub のために ssh-keygen しなくていい
ラブグラフ 開発インターンの arawi です。 今日は僕の大好きな GitHub CLI から認証の話をしていきます。 GitHub CLI は超便利です！今すぐ入れよう！ TL;DR gh auth login で GitHub CLI を認証できる その過程で SSH key が必要なら GitHub CLI が作ってアップロードしてくれる GitHub CLI とは GitHub CLI は GitHub 謹製のコマンドラインツールです。 CLI 上で Repository, Issue, Pull Request への操作など、様々なことを行なうことができます。 超便利なので今すぐ入れるべきです。HomeBrew なら以下のコマンドで入ります。 詳しくはこちら：https://docs.github.com/ja/github-cli/github-cli/about-githu
CSSをコピペするだけで簡単に実装できる！ ディズニーからインスピレーションを得た、美しいローディング
:root { --hue: 210; --size: 100px; --border: 10px; --speed: 1s; --blur: var(--border); } body { background: hsl(var(--hue) 50% 8%); } .loader { width: var(--border); aspect-ratio: 1; background: white; border-radius: 50%; position: absolute; --y: calc((var(--size) * -0.5) + (var(--border) * 0.5)); transform: rotate(0deg) translateY(var(--y)); animation: spin var(--speed) infinite linear; } .loader
鶏むね、なす、しょうがで10分 時短で安い「鶏むね肉となすの甘辛炒めのっけご飯」 - メシ通 | ホットペッパーグルメ
こんにちは、料理研究家のＹｕｕです。 本日ご紹介するレシピは、お安い鶏むね肉と、旬でこちらもお安い秋なすを使ってご飯がすすむ、10分でできる台湾メシ風「鶏むね肉となすの甘辛炒めのっけご飯」です。 甘辛く煮た豚肉がご飯にぴったりの台湾のルーロー飯をイメージした、とはいえ家にあるものでサッとできる時短レシピ。鶏むね肉はポリ袋を使って下ごしらえするので洗い物も少なめですよ。 Ｙｕｕの「鶏むね肉となすの甘辛炒めのっけご飯」 【材料】（2人分） 鶏むね肉（皮つきでOK） 小1枚（200～250g） なす 1本 エリンギ 1本 温かいご飯 茶碗2杯分 ごま油 大さじ1/2 付け合わせのゆで卵、三つ葉 お好みで適量 （A） 片栗粉、酒 各小さじ1 （B） 酒 大さじ2 しょうゆ、オイスターソース 各大さじ1 砂糖 小さじ2 すりおろししょうが チューブ1～2cm 作り方 1. 鶏むね肉は小さめのひと口に
Gmailの容量がいっぱいになったのである方法で不要なメールを全削除した
Kazuho Oku @kazuho lead developer of H2O HTTP server / works at @fastly / contributes to @IETF / HTTP, TLS, QUICといった通信プロトコルの開発者、実装メイン、標準化がサブタスク。ダジャレの合間にインターネットを速くするのが仕事です kazuhooku.com Kazuho Oku @kazuho gmail の容量が15GBいっぱいになった件、一年以上前の未読の広告扱いされたメールとか不要やろってことで is:unread category:promotions older_than:1y で検索して全消した。使用量9.38GBまで下がった！ 2023-10-18 12:03:41
豚しゃぶもやし大根のピリ辛蒸し鍋。【ヘルシー・無水・重ね蒸し】 : ちょりまめ日和 | ちょりママ（西山京子）オフィシャル料理ブログ Powered by ライブドアブログ
おはようございます～♪(*´∇｀) 秋空広がる～！！ この陽気が少しでも長く続きますように。 今日もいってみよっ♪今日のレシピ 豚しゃぶもやし大根のピリ辛蒸し鍋 １０月１２日（木）の晩ごはん 冷蔵庫にあるのは、豚しゃぶ肉、もやし、大根、長ねぎ。 さてどうするか・・・ たっぷり野菜を食べるには蒸し鍋が一番かな！！ （楽だし←） にんにく、しょうが、ねぎの香味野菜の香りを出すのがポイント。 具材を重ねるのはその後から。 豚しゃぶもやし大根のピリ辛蒸し鍋 材料（分量：4人分） 豚ロースしゃぶしゃぶ肉 400g もやし 2袋 大根 400g 長ねぎ 1本 にんにく（みじん切り） 1片分 しょうが（みじん切り） 1片分 ごま油 大さじ2 A ∟みそ 大さじ3 ∟みりん 大さじ3 ∟豆板醤 小さじ2 手順（調理時間：25分） ＜下準備＞ ・大根は細切りにする。 ・ねぎはみじん切りにする。 1.Aを混ぜ
漬け込み時間ゼロ。フライパンで焼くだけ「スピードタンドリー風ポーク」で白メシがウマい【ヤスナリオ】 - メシ通 | ホットペッパーグルメ
こんにちは、高円寺メタルめしのヤスナリオです。 今回ご紹介するのは、しょうが焼き用の薄切り肉で作る「スピードタンドリー風ポーク」です。 インドめしのタンドリーチキンのように何種類のスパイスを用意して肉を長時間漬け込む必要も、オーブンで（もちろん窯でも）じっくり焼く必要もない“タンドリー風”スピードレシピ。 豚ロースの薄切りをいつものフライパンで焼いたら、ヨーグルト、カレー粉、トマトケチャップを混ぜたタンドリーチキン風ソースを絡めれば完成です。漬け込み時間0分、白メシにもビールにもぴったりの豚肉レシピですよ。 ヤスナリオの「スピードタンドリー風ポーク」 【材料】1人分 豚ロース薄切り肉（しょうが焼き用） 5～6枚（200g程度） カレー粉 小さじ1 トマトケチャップ 小さじ1 ヨーグルト（無糖タイプ） 大さじ1 塩、こしょう 適量 付け合わせの野菜（トマト、水菜、レタス、キャベツなどお好みで
WebSocket 入門
注意：今回の記事はあくまで初心者向けにWebSocketの概要を理解してもらうために執筆されている。そのため、一部正確性を欠く可能性がある。詳細にWebSocketについて学びたいならMicrosoftの解説記事やWebSocket Protocolを確認してほしい。 はじめに 今回の記事ではWebSocketを解説する。 対象とする読者 WebSocketについてわからないひと WebSocketとは？ WebSocketは双方向のHTTPプロトコルで、クライアントとサーバの通信で成立する。HTTPとは異なり、ws://あるいはwss://から始まる。WebSocketはHTTPとは違って、クライアントとサーバ間の接続はどちらか一方が切断されると終了する。WebSocketが動く仕組みはHTTPのそれとは異なり、ステータスコード101がプロトコルの切り替えを示す。 WebSocketが動
遊びながらAWSを学べる“AWSクエスト”日本語対応 クラウドで街を救うRPG プレイ無料
関連記事 AWS、オンラインゲームを遊んでソリューション構築を学ぶ「AWS Cloud Quest」公開 実際にプレイしてみた 米Amazon Web Servicesが、AWSでのソリューション構築を学べるオンラインRPG「AWS Cloud Quest: Cloud Practitioner」を無料公開」。Webブラウザでプレイできる。 「Azureのこの機能、AWSで例えると何？」を簡潔に知る方法 実は公式サイトに…… 「Azureのこの機能、AWSで例えると何？」──その疑問、実は答えがまとまってます。 AWS専業SIerのサーバーワークス、Google Cloud事業へ参入 韓国Bespin Globalとの合弁で AWS専業のクラウドSIer、サーバーワークスが、韓国のBespin Globalとの合弁でGoogle Cloud専業のSIer企業「G-gen」を設立し、Goog
みそとクミンとツナをフライパンで炒めるだけ「みそクミンドライカレー」のスピードレシピ【ヤスナリオ】 - メシ通 | ホットペッパーグルメ
こんにちは、高円寺メタルめしのヤスナリオです。 夏にご紹介した、クミンを入れたアレンジ冷や汁のレシピ。 www.hotpepper.jp この時のみそとクミンの風味が相性抜群で気に入ったので、お店のまかないの定番、炒めるだけのスピードドライカレーにもプラスしてみました。ということで、今回紹介するのは「みそクミンドライカレー」です。 市販のカレー粉にクミンパウダーを加えて、さらにエスニックなドライカレーに仕上がりますよ。 ヤスナリオの「みそクミンドライカレー」 【材料】1人分 じゃがいも 中1個（130g程度） 玉ねぎ 1/4個 ツナ缶（オイル漬け） 1缶 卵 1個（トッピングの目玉焼き用） みそ 大さじ1 カレー粉 小さじ1 トマトケチャップ 小さじ1 クミンパウダー 適量（今回は5～6振り程度） サラダ油 小さじ1＋少量（目玉焼き用） 温かいご飯 1人分 粗びき黒こしょう、乾燥パセリ 適
CSSの新しいプロパティ「field-sizing: content;」が便利！ フォームのサイズを入力された文字量に合わせて自動変更
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは
古いリセットCSSからはもう卒業！ モダンブラウザに最適化された新しいリセットCSS -A (more) Modern CSS Reset
モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作されたリセットCSSを紹介します。なぜそうするのか、なぜそれを使用しないのか、CSSの知見やテクニックも満載です！ A (more) Modern CSS Reset by Andy Bell 他のリセットCSSが気になる人は、こちらも注目です。 A (more) Modern CSS Resetの前のバージョンも解説しています。 2023年、現在の環境に適したリセットCSSのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに モダンブラウザに適切なデフォルトのリセットCSS 各リセットCSSの解説
プログラミング初心者がゲーム感覚で楽しく学べる無料サービス16選｜苦しんでプログラミングを学んだ柴犬（くるしば）
こんにちは。 苦しんでプログラミングを学んだ柴犬こと、「くるしば」と申します。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業、経営したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに10000人以上の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — くるしば | 読めば10倍効率が上がるプログラミング学習の教科書 (@shiba_program) September 13, 2022 技術書、Webサービス、QiitaやzennのWeb記事など、最近は本当にプログラミングを学習できるコン
CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます
先日の記事（Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ）で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド（subgrid）を使用すると、下記のように子要素（画像・見出し・テキスト）の水平グリッドも簡単に揃えることができます。 CSSのサブグリッド（subgrid）で子要素のグリッドを揃える CSSのサブグリッド（subgrid）のサポートブラウザ デモページの解説 CSSのサブグリッド（subgrid）で子要素のグリッドを揃える 3つのカードがあり、それぞれに画像・見出し・テキストがあります。subgrid以前は、
XDなどで良くある8桁のカラーコードの見方と一覧
今回はそんな疑問にお答えしていきます。 カラーコードといえば通常6桁かRGBだと思いますが、XDのカンプでは8桁表示の時もあるので「？？」となる人もいるでしょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
満腹！シーチキンの具沢山おみそ汁 by はごろもフーズ
NVIDIA、Stable Diffusionを倍速にするTensorRT。新ドライバで対応
WEB+DB PRESSと私
Darntough（ダーンタフ）公式ブランドサイト by エイアンドエフ%2520-%2520%25E9%2585%258D%25E5%25B8%2583%25E8%25B3%2587%25E6%2596%2599%25E3%2581%259D%25E3%2581%25AE1%2520-%2520%25E7%25A7%2598%25E5%25AF%2586%25E3%2581%25AE%2520NTT%2520%25E9%259B%25BB%25E8%25A9%25B1%25E5%25B1%2580%25E3%2580%2581%25E3%2583%2595%25E3%2583%25AC%25E3%2583%2583%25E3%2583%2584%25E5%2585%2589%25E3%2580%2581%25E3%2582%25A4%25E3%2583%25B3%25E3%2582%25BF%25E3%2583%25BC%25E3%2583%258D%25E3%2583%2583%25E3%2583%2588%25E5%2585%25A5%25E9%2596%2580.pdf)
2023/06/10 総務省「西日本横断サイバーセキュリティ・グランプリ」 講演第 1 部 (登 大遊) — 参加者向け配布資料その 1 秘密の NTT 電話局、 フレッツ光、 およびインターネット入門 (1)