並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 593件

新着順 人気順

IDの検索結果201 - 240 件 / 593件

  • RailsエンジニアのためのNext.js入門 - hokaccha memo

    というタイトルで先日 Kaigi on Rails 2021 で話してきました。 プレゼンで話せなかった内容なども含めてブログ記事にも書いておきます。 Intro Railsのことはけっこう知ってるけどNext.jsについて何も知らないという人をターゲットにしてNext.jsとは一体何なのか、いつどこで使えばいいのか、具体的にNext.jsのどういうところがいいのか、どういう機能があるのかという話をします。 最終的には普段Railsを書いているエンジニアが、Next.jsよさそうなんで使ってみようかな?と思ってもらえるといいかなと思っています。 Next.jsとは何か Next.jsのトップページを見てみましょう。 The React Framework for Production と書いてあります。これは読んで字のごとくですが、Next.jsというのはReactをベースにしたフレームワ

      RailsエンジニアのためのNext.js入門 - hokaccha memo
    • Apple IDの2ファクタ認証をCI環境で突破する - 24/7 twenty-four seven

      【注意】この記事で紹介しているSMS APIサービスのVonageは利用規約により認証にVonageの電話番号を利用することを禁止しているという記述があるので、末尾の別解として載せたAndroidデバイスを使ってSMSを転送する方法が良さそうです。 help.nexmo.com 2021年2月から、App Store Connectにログインする際にすべてのApple IDで2ファクタ認証が必須になります。 Starting February 2021, additional authentication will be required for all users to sign in to App Store Connect. This extra layer of security for your Apple ID helps ensure that you’re the only

        Apple IDの2ファクタ認証をCI環境で突破する - 24/7 twenty-four seven
      • 清水晶子先生の「フェミ科研と学問の自由」の講演 文字起こし

        >42分ごろ、「強力な宗教だとか多数者からの圧力」とかわざわざ言ってるのが最初からちゃんと考えられてる。弱者からの訴えからの保護は学問の自由ではない。スライドとしゃべってることがちがうのがうまい。っていうか、公式なものに勝手に解釈で文言をつけ加えてるんだね。44分台、「ジェンダーフリー」が問題になったのを「ジェンダーの語を」って言ってるかな。こういう細かいのがシビれる。46分で、本論に入る前に、やはり、もとの公的なのにはなかった、強力な〜や多数派による〜にすりかわってる。おもしろいねえ。すばらしい。 続きを読む

          清水晶子先生の「フェミ科研と学問の自由」の講演 文字起こし
        • はてなidの読み方が分からない

          間違ってたら教えてほしいです…。 (順番は特に意味ないです) id:aukusoe(あうくそえ?) id:AQM(あきゅむ?) id:vlxst1224(ばるくすと?) id:jt_noSke(じぇーてぃーのすけ?) id:xevra(ぜぶら?) id:REV(れぶ?) id:yosukek626(よーすけっく?) id:kidspong(きっずぽん?) id:whkr(ふれから?) id:watto(わっとー?) id:yoiIT(よういち?) id:srgy(すらぎー?) id:pptppc2(ぽぷてぴぴっく?) 追記 二番煎じだったみたいで恥ずかしいです…(/-\*) 好意的なブコメ、また、本人からの(!)ブコメ頂きありがとうございます。 追記2 増田のIDはどう読むの? SedimentSedimentのコメント2019/08/21 07:36 実はこの中にあるよ!

            はてなidの読み方が分からない
          • 新しいマイナカード、導入検討 「氏名や個人番号の記載なし」も視野:朝日新聞デジタル

            ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

              新しいマイナカード、導入検討 「氏名や個人番号の記載なし」も視野:朝日新聞デジタル
            • 五輪関係の情報流出 チケット購入者らのID・パスワード:朝日新聞デジタル

              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                五輪関係の情報流出 チケット購入者らのID・パスワード:朝日新聞デジタル
              • id:DavitRice氏は詭弁が幼稚すぎるし、端的に言ってバカなのでは。

                「叩いていい存在」を叩く行為と、ネット民の幼児性について - 道徳的動物日記 http://davitrice.hatenadiary.jp/entry/2020/05/09/123216 すごくバカっぽブログを見たので、 氏の主張を一つ一つ取り上げながらどうバカなのか解説していく。 長いけどさほど難しい文ではないと思う。 1.「調べてから批判するのは不自然で不健全」 例を挙げると、この記事を書き始める直前に、わたしのTLには「平田オリザのWikipediaを読んだんだけど〜」と前置きしたうえで、彼が若い頃に世界旅行をしているのに世間知らずであることについて揶揄的に疑問を呈するツイートが流れてきた。…しかし、もしそのツイート主が平田オリザを叩くために彼に関するWikipedia記事をわざわざ読んだのであれば、わたしはその行為におぞましさを感じる*1。ただ単に人に対してネガティブな感情を抱い

                  id:DavitRice氏は詭弁が幼稚すぎるし、端的に言ってバカなのでは。
                • MSNまとめ 【週刊現代】 被害女性激白 今田耕司・宮迫博之・山下しげのり・入江慎也たちによる“恐怖のホームパーティ”★37

                  1 :夢缶1号φ ★:2008/03/21(金) 20:19:04 ID:???0 ◇被害女性 激白 今田耕司(42歳)と宮迫博之(37歳)「恐怖のホームパーティ」(1/4) 「頬をビンタされた」「無理やり下着を…」「気取りやがって」「じゃあ、君ら、帰ってくれるかな」 ─「お笑いブーム」続いている。ゴールデンタイムにテレビをつければ、そこには必ずお笑い芸人の姿。 お茶の間に笑いを提供する彼らだから、仕事を離れたプライベートでも陽気な生活を送っているはず、 と思いきや……。 ▼終電後に「女の子を集めろ」 確かに私も、今田さんや宮迫さんみたいな大物の飲み会に呼ばれて舞い上がっていました。 それに幹事役の芸人さんとは親しかったから、ヘンなことはされないと思いこんでいた。 でも、間違いでした。3人の男たちにもみくちゃにされて、すべてが終わったときには「私って何なの?」って感じた。 本当に惨めでした

                  • 分散型IDに関する10の所感(2022年2月版)

                    いろんなアイデンティティ管理系製品やサービスの実験の記録をしていきます。 後は、関連するニュースなどを徒然と。 こんにちは、富士榮です。 なんだかんだでuPortを触ったり現Azure Active Directory Verifiable Credentialsの前身を触ったり、最近だと数カ所で実証実験プロジェクトを立ち上げたり、MS主催のDecentralized Identity Hackathonで入賞してみたり、と分散型IDに関わり始めて5年くらい経っていたりしますので、現時点で分かったことをメモしておこうかと思います。(往々にして数年後に見返すとう〜ん、となるやつだけど気にしないことにする) ※そういう意味では2019年の#didconでその時点でわかっていることをある程度まとめて発表してからおよそ3年も経つんですね・・・ また機会があればdidconでも開催してじっくりお話さ

                    • ZOZOTOWNを支えるリアルタイムデータ連携基盤 - ZOZO TECH BLOG

                      こんにちは、SRE部MA基盤チームの谷口(case-k)です。私達のチームでは、データ連携基盤の開発・運用をしています。 データ基盤には大きく分けて2種類あり、日次でデータ連携してるものとリアルタイムにデータ連携しているものがあります。本記事ではリアルタイムデータ連携基盤についてご紹介します。 既存のデータ連携基盤の紹介 リアルタイムデータ連携基盤の紹介 なぜ必要なのか 活用事例の紹介 データ連携の仕組みと課題 リプレイス後のリアルタイムデータ連携基盤 SQL Serverの差分データの取り方を検討 アーキテクチャ概要と処理の流れ Fluentdのプラグインを使った差分データの取得 Dataflowでメッセージの重複を排除 Dataflowで動的にBigQueryの各テーブルに出力 Pub/Subのメッセージ管理 イベントログ収集基盤 個人情報の取り扱い ビルド・デプロイ戦略 監視 データ

                        ZOZOTOWNを支えるリアルタイムデータ連携基盤 - ZOZO TECH BLOG
                      • PostgreSQL: 「OR」を避けてパフォーマンスを向上させよう(翻訳)|TechRacho by BPS株式会社

                        概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: avoid OR for better PostgreSQL query performance - Cybertec 原文公開日: 2018/05/07 著者: Laurenz Albe サイト: CYBERTEC -- データサイエンス分野でのPostgreSQLサポートやコンサルティングを行っている企業です ※挿絵は原著者自らによるものです。 生きるべきか『OR』死すべきか、それが問題だ」 「帰れ!」「非効率!」「同義反復!」 © Laurenz Albe 2018PostgreSQLクエリのチューニングは私たちCybertecの日常的な業務ですが、チューニング中にクエリにORを1つでも見つけた瞬間、恐ろしさに身の毛もよだつ思いがします。たいていの場合、ORはクエリのパフォーマンス低下の原因となるからです。 言うまでもないこ

                          PostgreSQL: 「OR」を避けてパフォーマンスを向上させよう(翻訳)|TechRacho by BPS株式会社
                        • LINEの新しいセルフサービス型バッチデータ収集システム「Frey」の導入

                          こんにちは、Data Platform室Data Engineering 1チームの徐です。 Data Platform室では、大規模なHadoopクラスタを運用し、データ収集、分析、活用するためのプラットフォームを提供しています。Data Engineering 1チームのミッションの一つは、様々なストレージからのdata ingestionシステムを構築、運用することです。 本記事では、バッチ処理でデータ収集を行うシステムの概要を説明した後に、LINEのセルフサービスツールであるFreyをご紹介します。 課題: このシステムでもデータ収集のバッチ処理を実行・管理するという目的は果たせましたし、ユーザーとタスクの規模が小〜中程度であれば問題はありませんでした。しかし、LINEの全てのプロダクトまでスコープを広げるにつれ、次のような問題に躓くことが増えていきました。 コード記述(ステップ1

                            LINEの新しいセルフサービス型バッチデータ収集システム「Frey」の導入
                          • Ruby 3.1はエラー表示をちょっと親切にします - クックパッド開発者ブログ

                            こんにちは、ruby-devチームの遠藤(@mametter)です。 Among Usというゲームをやってるのですが、友達が少なくてあまり開催できないのが悩みです。 今日は、Ruby 3.1に導入される予定のerror_highlightという機能を紹介します。 どんな機能? NoMethodErrorが起きたとき、次のような表示が出るようになります。 error_highlightの動作例 どこのメソッド呼び出しで失敗したかが一目瞭然ですね。これだけの機能ですが、使ってみると意外と便利です。 もう少し詳しく この機能が本領を発揮するのは、RailsのparamsやJSONデータの取り扱いなどのときです。 たとえばjson[:articles][:title]みたいなコードを書いて、undefined method '[]' for nil:NilClassという例外が出たとします。 この

                              Ruby 3.1はエラー表示をちょっと親切にします - クックパッド開発者ブログ
                            • SQLファイルから型安全なコードを生成するsqlc | フューチャー技術ブログ

                              TIGの辻です。GoのORマッパー連載8日目です。本記事では sqlc を紹介します。早速ですが、結論から行きましょう。 sqlc まとめ SQLファイルからデータベースにアクセスできる型安全なGoのコードを生成するライブラリ 構造体のモデルの手書き実装不要 複数テーブルをJOINしたときのマッパー実装不要 生成されるコードは不要なリフレクションなし SQLをがんがん書きたい、でも面倒なマッパー構造体は書きたくない、という開発者にとっては大きな味方になります。 sqlc の紹介 sqlc はSQLファイルからGoのアプリケーションコードを生成するライブラリです。2020/2に v1.0.0 をリリースし、着々とスターを伸ばしています。2021/08現在は v1.8.0 をリリースしています。本資料で生成しているコードも v1.8.0 を用いています。 https://star-histor

                                SQLファイルから型安全なコードを生成するsqlc | フューチャー技術ブログ
                              • Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape

                                はじめに Gridsome どんな感じで動くのか やってみる データソースとかもろもろ設定してみる ビルドする Wordpressをデータソースに設定してみる まとめ はじめに 前回、Docker + Remote Containersを最高だと紹介したわけですが、今回はGridsomeを紹介します。そもそも前回のブログはこれを試すために環境を整備しなおそうとしたのがきっかけでした。なお、前回のブログはこちら。 www.keisuke69.net どこらへんが最高かっていうと全てのデータソースに対してGraphQLでアクセスできるようになるところ。これって最高じゃないですかね。ま、最終的には静的サイトとしてGenerateしてしまうわけですが。 ちなみに、なぜ、今回Gridsomeを試そうと思ったかというと、最近聞いたとあるPodcastで紹介されてたからです。それだけ。 Gridsome

                                  Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape
                                • オープンソースで話題のBaaS「Supabase」を使ってみた | DevelopersIO

                                  その他詳細の料金プランページはこちら 今回はホビー用途となっているFreeプランを使います。無料でプロジェクトを2つ作ることができますが、APIを1週間未使用の場合はデータベースが一時停止となるようで再開する場合はダッシュボードから起動し直す必要があるようです。 サービスへの登録 では、早速Supabaseのサービスに登録を行っていきます。 Supabase.io Supabase.ioへの登録はGitHubアカウントを利用するようです。 「New Project」から新規プロジェクトを作成します。 プロジェクト名とデータベースのパスワード、リージョンを指定します。今回は「Tokyo」リージョンを選択しました。 「Create new project」を押下後、数分待つとプロジェクトが作成されます。 完了後に画面に表示されるProject API keyとURLを後ほど利用するのでメモして

                                    オープンソースで話題のBaaS「Supabase」を使ってみた | DevelopersIO
                                  • フロントエンドエンジニアのステップアップのための集合知 - HackMD

                                    # フロントエンドエンジニアのステップアップのための集合知 ジュニアとミドルはソフトスキル多めなのでフロントエンドエンジニアに限らなそうです - 期待役割 ... 該当ステップ内での TO BE - できてほしい ... 該当ステップ内での WANT (🔐は次ステップへ進む上では MUST) - 次のステップへの期待 ... 次のステップへ進む上での MUST ## ジュニア (ステップ1) ### 期待役割 - 指示された小さいタスクをこなすことができる - ~3人日くらいの影響範囲の閉じたタスクを想定 - 仕様が決まっている、あるいは不明な場合は質問できる ### できてほしい #### ハードスキル - 初歩的なセキュリティバグを生まない - #### キーワード - XSS - コード内に必要に応じて意図をコメントとして残せる - #### 🔐自立的にファイルや関数を分割ができ

                                      フロントエンドエンジニアのステップアップのための集合知 - HackMD
                                    • ほぼJSなしで完璧なReactフォームをつくる

                                      import { ChangeEvent, FormEvent } from "react"; export default function Form() { const showError = (message: string) => (e: FormEvent<HTMLInputElement>) => { if (e.currentTarget.validity.valueMissing) { e.currentTarget.setCustomValidity(message); } else if ( e.currentTarget.validity.patternMismatch && e.currentTarget.name === "postcode" ) { e.currentTarget.setCustomValidity("郵便番号正しく入力してね"); } else

                                        ほぼJSなしで完璧なReactフォームをつくる
                                      • pingcap/parser (MySQL互換) で SQL を手軽に解析 - freee Developers Hub

                                        この記事は freee Developers Advent Calendar 2021 の23日目の記事です🎄 freee の DBRE チームに所属している caterpillar です. なんだか大きなデータベースを眺める仕事をしています. 突然ですが, pingcap/parser を使って SQL を簡単に解析していきたいと思います. Go 製 の SQL Parser で, MySQL への高い互換性を謳う TiDB で利用されています. この parser の嬉しい点はこんな感じです. シンプルで使いやすい TiDB に利用されていることから, ある程度結果を信頼できる mask 済 SQL もおおよそ構文解析可能 3つ目について, mask済の SQL は select * from users where id = ? のように一部が別の文字に置き換わっているものを指しま

                                          pingcap/parser (MySQL互換) で SQL を手軽に解析 - freee Developers Hub
                                        • TypeScript のような構文で OpenAPI のスキーマを定義する TypeSpec

                                          import "@typespec/http"; using TypeSpec.Http; model User { id: string; name: string; birthday?: utcDateTime; address: Address; } model Address { street: string; city: string; state: string; zip: string; } @route("/users") interface Users { list(@query limit: int32, @query skip: int32): User[]; create(@body user: User): User; get(@path id: string): User; } openapi: 3.0.0 info: title: (title) versio

                                            TypeScript のような構文で OpenAPI のスキーマを定義する TypeSpec
                                          • GraphQL Code Generator で TypeScript の型を自動生成する - クックパッド開発者ブログ

                                            技術部の外村(@hokaccha)です。 レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ という記事を書きましたが、この中で詳しく説明しなかった GraphQL のスキーマやクエリから TypeScript の型定義を自動生成する仕組みについて紹介します。 なお、今回紹介したコードは以下で試せます。 https://github.com/hokaccha/graphql-codegen-example-for-techlife GraphQL Code Generator を使った型生成 GraphQL のスキーマから TypeScript の型を生成するためのライブラリはいくつかあります。 Apollo GraphQL Code Generator などが有名どころです。今回はシンプルさや拡張性を考えて G

                                              GraphQL Code Generator で TypeScript の型を自動生成する - クックパッド開発者ブログ
                                            • Relayに学ぶGraphQLのスキーマ設計 - cockscomblog?

                                              2018年の初めくらいから、仕事でGraphQL APIを何度も作っている。サーバーサイドもクライアントサイドも実装している。 最近クライアント側にRelayを使ってみている。 GraphQLのクライアントとしてはApolloを使う場合が多いと思うが、Facebook製のRelayもかなりよくできている。以前はTypeScriptに対応していなかったが、今はTypeScriptも使える。最近のバージョンではhooksのAPIがexperimentalではなくなり、ReactのSuspense API(Suspense for Data Fetchingは使わずに)と合わせて使える。 RelayはGraphQLのスキーマに制約を設けることで、クライアント側のAPIがデータの再取得やページネーションなどを抽象化している。換言すると、Relayからデータの再取得やページネーションに必要なスキーマ

                                                Relayに学ぶGraphQLのスキーマ設計 - cockscomblog?
                                              • QUIC for SSH の提案仕様が出たよ - ASnoKaze blog

                                                「QUIC-based UDP Transport for SSH」という提案が提出されています。 トランスポートプロトコルとしてQUICを利用することで、様々な恩恵を受けることが出来ます。 ユーザランドでコネクションが管理されるため、TCPとは異なりOSレイヤのでコネクション切断の影響をうけない IPアドレスが変わっても接続を維持できる(コネクションマイグレーション) 経路上の第三者による切断に耐性がある(QUICでは通信の切断にも鍵が必要) 個人的にも、SSHがQUIC上で動作することで切断しづらくなることを期待しております。 それでは、この仕様についてざっと見ていくことにしましょう。 ただ、まだまだこれから議論がされる提案仕様ですので、設計は大きく変わるでしょう。 QUIC-based UDP Transport for SSH の概要 QUICは内部的にTLSハンドシェイクを行って

                                                  QUIC for SSH の提案仕様が出たよ - ASnoKaze blog
                                                • ChatGPTのGPT-4Vを使ってSQL文を画像から作成する - Taste of Tech Topics

                                                  igaです。 ポケモンsleepを継続していますが、カビゴン評価がマスターになれません。 ChatGPTが見たり、聞いたり、話したりできるようになる、と言われている「GPT-4 with vision (GPT-4V)」が使えるようになったので、早速使ってみたいと思います。 openai.com 今回は、データベースのテーブル関連図を画像ファイルでもらった想定で、画像からテーブルのDDLが生成できるかを確認してみます。 やりたいこと 以下のような、テーブルの関連図とサンプルデータが描かれた画像ファイルをもらいました。 この画像ファイルをChatGPT-4に渡して、SQLのDDLが生成できるか確認します。 画像を解釈できるか確認する いきなりDDLを作らせる前に、まずは画像ファイルに書かれたテーブル構造を、マークダウンで出力してもらいます。 プロンプトの入力欄の左に絵のアイコン(画像の赤で囲

                                                    ChatGPTのGPT-4Vを使ってSQL文を画像から作成する - Taste of Tech Topics
                                                  • フルタイムでやる仕事を作る #wantedlydev - id:onk のはてなブログ

                                                    先日 Wantedly さんのエンジニアリングマネージャー座談会に出演させていただいた。 wantedly.connpass.com テーマは、「エンジニアリングマネージャーの課題を相談したい人が多い」「その相談パブリックにしよう」なので、自分が最近課題に思っている「変化の速度感」についてざっくばらんに会話できたらなーというのが期待だった。 イベント中には、大きく 4 つの話をしたのかな。それぞれ会話の中では話しきれなかったことも補足しつつ書いていく。 技術スタックが違うチーム プロダクトと専門組織のバランス 専門組織を立ち上げるポイント 採用と oss-guild 技術スタックが違うチーム リンク先を見て貰うと顕著に分かると思うけど、はてなでは、そこそこバラバラな技術スタックを使っている。 hatenacorp.jp インフラは AWS、Google Cloud (オンプレはやっと撲滅し

                                                      フルタイムでやる仕事を作る #wantedlydev - id:onk のはてなブログ
                                                    • https://twitter.com/LiosK/status/1588116287422877697

                                                        https://twitter.com/LiosK/status/1588116287422877697
                                                      • Scroll To Text Fragment と :~:text | blog.jxck.io

                                                        Intro ページ内の特定の位置へのスクロールは、 URL フラグメントと HTML の ID 属性を用いて行われていた。 しかし、 ID を持たない要素へのスクロールというユースケースをカバーするために、フラグメントの拡張仕様が提案されている。 Chrome がフラグ付きで実装しているため、この仕様の特徴について解説する。 id 属性とフラグメント 従来の仕様では、 HTML 内にある ID 属性を URL フラグメントに付与することで、その要素まで自動でスクロールするという仕様になっていた。 https://html.spec.whatwg.org/multipage/browsing-the-web.html#try-to-scroll-to-the-fragment https://html.spec.whatwg.org/multipage/browsing-the-web.ht

                                                          Scroll To Text Fragment と :~:text | blog.jxck.io
                                                        • Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUI、View Transitions APIでCSSアニメーションが進化する

                                                          Bento UIとはパネルがお弁当箱のように配置されており、各パネルをクリックすると伸び縮みしながら配置が入れ替わるUIです。最近のWebサイトやスマホアプリでもよく見かけるようになりました。そんなBento UIをView Transitions APIを使用して実装されたデモを紹介します。 一昔前なら実装は面倒でしたが、Chrome 111から利用できるView Transitions APIにより簡単に実装できるようになりました。 Rediento -Bento Radio Group Carousel thing 実装にはChrome 111で実装されたView Transitions APIが使用されており、2つの状態間のアニメーションを作成しながら、1ステップでDOMを簡単に変更できます。 各パネルは、CSS Gridでレイアウト。 positionはなし。 ビジュアルのトラン

                                                            Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUI、View Transitions APIでCSSアニメーションが進化する
                                                          • 文化祭入退場・混雑管理システム "CAPPUCCINO" 開発・運用記

                                                            この記事は、文化祭実行委員会に所属する[1]現高校 3 年生 3 人で文化祭の入退場混雑管理システム「CAPPUCCINO」を 2 年間に渡り開発し、実際に運用した記録を残したものです。 *この記事は以下の 3 名による共同執筆です 著者・開発者: すばる (@su8ru / Twitter:@su8ru_) 高校3年生。普段は TypeScript に使われながらウェブフロントエンド技術で遊んでいます。 たけ (@takeno_hito / Twitter:@Takeno_hito) こうこうさんねんせい。コーディングよりはゲームのほうが好きです。上下二人に揉まれながらも一応リーダーをやってました。 ふわわあ (@fuwa2003 / Twitter:@ibuki2003) 高3。Vimmer。半言い出しっぺなのに後半コード書いてないとかで最近は肩身が狭い思いをしています。 1. CAP

                                                              文化祭入退場・混雑管理システム "CAPPUCCINO" 開発・運用記
                                                            • サッカーのPKでどこに蹴るかを予測するAI 東大が技術開発

                                                              Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 東京大学情報理工学系研究科と東京大学先端科学技術研究センターに所属する研究者らが発表した論文「サッカーでのキック方向予測におけるニューラルネットワークを用いた判断根拠の教示システム」は、サッカーのPK(ペナルティーキック)において、蹴る方向を予測する機械学習モデルの開発した。 また、システムによって特定した動作の特徴を判断根拠として教示することがゴールキーパーのトレーニングとして有効であるのかを調査した研究報告を発表した。 サッカーのPKでは蹴られたボールがゴールに到達するまでの時間が速いため、ゴールキーパーは相手プレイヤーの蹴る前の動作を見て予測し、通常蹴るとほぼ同時に左右どちらかに飛び

                                                                サッカーのPKでどこに蹴るかを予測するAI 東大が技術開発
                                                              • データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ

                                                                ショートアンサー React 18 からのフックである、useSyncExternalStore を使えばいいようです。 ※ useEffect がまったくだめだというわけではありません。 ※ クライアントサイドレンダリングのみを考えています。サーバーサイドレンダリングを考慮すると違った答えになるかもしれません。 サンプルコード 次のような useData フックを作ってみます。 JSON API の GET レスポンスを返すシンプルなものです。 実験をしやすいように、リクエスト URL を変えるボタンを置いてあります。 import { useEffect, useState } from "react" export function SearchResults() { const [id, setID] = useState(1) const todo = useData(`http

                                                                  データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ
                                                                • 【十二国記や芥川賞】話題の本がもっと楽しめる、はてなブロガーの読書感想文を集めました - 週刊はてなブログ

                                                                  日々、映画や小説、漫画に舞台など、さまざまな作品に対する感想・考察が数多く集まるはてなブログ。今回は、本への愛がすごい人のブログを集めました! 「話題の本を読みたくなる、深い感想・考察記事」から、「読書好きブロガーさんのおすすめ本まとめ記事」まで、秋の夜長に読書がしたくなっちゃうブログをお楽しみください🍁 人気になるには理由がある。いま話題の本の感想記事たち まずは、話題の本を紹介する記事から。 小野不由美さんによる人気ファンタジー小説シリーズ「十二国記」の18年ぶりの書き下ろし新作、『白銀の墟 玄の月』(しろがねのおか くろのつき)が10月12日に刊行されました。 十二国記を「一個も文句がないくらい好き」と言う篠宮 光琴 (id:MikotoShinomiya)さんは、初心者にもよくわかるように「自らの思う十二国記の魅力と、読むべき理由」を熱く語ります。 mikotoshinomiya

                                                                    【十二国記や芥川賞】話題の本がもっと楽しめる、はてなブロガーの読書感想文を集めました - 週刊はてなブログ
                                                                  • ソフトウェア式年遷宮という概念の歴史と、Hatena::Let での実例 - id:onk のはてなブログ

                                                                    Hatena Engineer Seminar #17 にて発表しました。 hatena.connpass.com Hatena::Letの式年遷宮 from Takafumi ONAKA www.slideshare.net 発表内容をかいつまんで記事にも書いておきます。 Hatena::Let とは はてラボ のサービスの一つ。 僕も入社するまで、はてラボ == ベータ版、だと思ってたんですが、 ラボならではの挑戦的なサービス 運用費が会社持ちで、会社の名前で出しても良い、はてなスタッフの有志が運営するサービス、という制度 も含んでいます。 で、Hatena::Let は、現在は主に id:onk が開発している、ブックマークレットをかんたんに作成・公開できるサービスです。 ソフトウェア式年遷宮とは 初出は 2013 年の id:kenjiskywalker によるもので、このときはイ

                                                                      ソフトウェア式年遷宮という概念の歴史と、Hatena::Let での実例 - id:onk のはてなブログ
                                                                    • Instagram・Zoom・LinkedInなどでアカウントの「事前ハイジャック」が可能な脆弱性が発見される

                                                                      マイクロソフト・セキュリティ・レスポンス・センター(MSRC)が支援したセキュリティ調査により、アクセス数が多いさまざまなサービスに、ユーザーがアカウントを作成する前にアカウントをハッキングしておく「アカウント事前乗っ取り攻撃(account pre-hijacking attacks)」に対する脆弱(ぜいじゃく)性があることが判明しました。 Pre-hijacked accounts: An Empirical Study of Security Failures in User Account Creation on the Web (PDFファイル)https://arxiv.org/pdf/2205.10174.pdf Account pre-hijacking attacks possible on many online services - Help Net Security

                                                                        Instagram・Zoom・LinkedInなどでアカウントの「事前ハイジャック」が可能な脆弱性が発見される
                                                                      • もう10年前…? SNSが大流行した2010年【特集・2010年代のはてなブログ】 - 週刊はてなブログ

                                                                        はてなブログは、2011年11月にベータ版をリリースし*1、2019年2月にはてなダイアリーと統合しました*2。現在では多くの方にご利用いただき、好きなものに対する熱い想いや、社会に対する意見、日常の記録など、たくさんの方の「人生の物語」が投稿され続けています。本企画では来たる2020年を前に、2010年代のはてなブログ・はてなダイアリーを1年ごとに振り返ります。 小惑星探査機はやぶさの帰還やバンクーバー五輪があった2010年。「〜〜なう」が新語・流行語大賞のトップテンに入るなど、ソーシャルネットワークサービスが多くの人に利用され始めた時期でした。 この年は、はてなブログがリリースされる前年。はてなブログの前身である「はてなダイアリー」に投稿された当時の記事は、そのほとんどがはてなブログに移行しています。 スタッフが選ぶ、注目エントリー 惜しくもランキングには入らなかったエントリーのうち、

                                                                          もう10年前…? SNSが大流行した2010年【特集・2010年代のはてなブログ】 - 週刊はてなブログ
                                                                        • Swaggerを使ったAPIドキュメントの作成と、バックエンドとフロントエンド間の連携

                                                                          こんにちは。LINE Growth Technology福岡開発室でサーバーサイドエンジニアをしている中村です。 この記事では担当していたプロジェクトで実施した、Swaggerを使ったAPIドキュメントの作成と、BE(バックエンド)とFE(フロントエンド)間の連携について紹介します。 プロジェクトの説明 はじめに、今回LINE Growth Technology福岡開発室(以下「GT」)がシステムの設計開発を担当した、LINE公式アカウント審査ツールのプロジェクトについて説明します。 LINE公式アカウント審査ツールとは、LINE公式アカウントで認証済アカウントが申請された際に、申請内容が適切であるか審査するシステムです。 このシステムは、LINE公式アカウントが利用されている各国に存在する審査パートというチーム(以下「審査チーム」)によって利用され、日本以外の国家も含め、一日あたり平均約

                                                                            Swaggerを使ったAPIドキュメントの作成と、バックエンドとフロントエンド間の連携
                                                                          • GitHub謹製のghコマンドとpecoを組み合わせて、高速にPull Requestのブランチにチェックアウトする。 - 文字っぽいの。

                                                                            GitHub公式からghというCLIツールがbetaリリースされています。まだbeta版ですが、非常にシンプルで使いやすいCLIツールです。 この記事では、その ghとpeco を利用して、高速にPull Requestに対応するブランチにチェックアウトする方法を説明します。 コードレビューをお願いされて「checkoutして挙動を確認したいな」という時に、ブラウザでGitHubを開いてブランチ名をコピーする必要がなくなるので非常に便利です。 様子 手順 macOS 10.15.4での手順になります。まず、pecoとghが入っていない場合は準備します。 $ brew install peco $ brew install gh 次にこちらを .zshrc に追記します。 function peco-checkout-pull-request () { local selected_pr_i

                                                                              GitHub謹製のghコマンドとpecoを組み合わせて、高速にPull Requestのブランチにチェックアウトする。 - 文字っぽいの。
                                                                            • マリエ「18歳の時に島田紳助から枕営業を誘われた。その場にいた出川哲郎ら芸人は紳助の味方だった」と暴露 : 痛いニュース(ノ∀`)

                                                                              マリエ「18歳の時に島田紳助から枕営業を誘われた。その場にいた出川哲郎ら芸人は紳助の味方だった」と暴露 1 名前:Anonymous ★:2021/04/06(火) 09:00:15.71 ID:CAP_USER9 モデル・マリエさん(33)がインスタライブで過去に起きた芸能界の内部事情を暴露し大変な話題となっています。 話題となっているのは、ファッションモデルのマリエさんがInstagram(インスタグラム)のライブ配信で、「18歳の時、島田紳助さんから枕を誘われた」などと芸能界の闇を暴露したというものです。 マリエさんはその誘いを断ったということですが、事務所からは「もう紳助さんとは仕事が出来ない」などと宣告されたということです。 また、マリエさんが枕を誘われた現場には、出川哲郎さんやお笑いコンビ「やるせなす」がいたということですが、その場にいた芸人らは島田紳助さんの味方だったというこ

                                                                                マリエ「18歳の時に島田紳助から枕営業を誘われた。その場にいた出川哲郎ら芸人は紳助の味方だった」と暴露 : 痛いニュース(ノ∀`)
                                                                              • 負荷試験用 Web コンソールの開発 - クックパッド開発者ブログ

                                                                                技術部 Site Reliability (SR) グループの id:itkq です。2020 秋タイトルで一番期待しているのはおちこぼれフルーツタルトです。本エントリでは、Web サービスの負荷試験に対する障壁を下げるために、汎用的な Web コンソール開発に至ったまでの話を書きます。 Web サービスの負荷試験の障壁を下げたい クックパッドでは、マイクロサービスを支える基盤が成熟しており、新規サービス開発や、サービスリニューアルなどの機能開発の場面では、疎結合な新規のマイクロサービスとして実装されることが多いです。このようなサービスをリリースする際は、予想されるトラフィックに対して、実際にそれを捌ききれるかどうかテストする、いわゆる負荷試験をすることは一般的です。これまで、サービスリリース時に、負荷試験をきちんと行うこともあれば、負荷試験を行わないこともありました。負荷試験が行われない

                                                                                  負荷試験用 Web コンソールの開発 - クックパッド開発者ブログ
                                                                                • ID連携の標準化仕様紹介とセキュアな実装のためのアプローチ ~ 2021 - r-weblife

                                                                                  おはようございます ritou です。 久々に「解説付きスライド全公開」的なやつをやります。 先月、チーム内でID連携のための標準化仕様に関する勉強会(私が一方的に話す会)を行いました。 が、実際はだいぶグダグダになってしまい、これはその後色々付け足してるうちに別物になってしまった資料です。 内容としては、ID連携のための標準化仕様にどのようなものがあるかを知ってもらうための「入門編」のような立ち位置で作りました。 OpenID Connect(やSAMLのような) ID連携のための標準化仕様を紹介しようと思うと、ついつい個別にシーケンスやリクエスト/レスポンスの説明を始めがちですが、初学者が気になるのはそんな細けぇことではないでしょう。 まずは「この仕様で何ができるようになるのだろう」「この仕様では何を実現したいんだろう」と言うところから理解していくのが良いのではないでしょうか。 そこで

                                                                                    ID連携の標準化仕様紹介とセキュアな実装のためのアプローチ ~ 2021 - r-weblife