並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 4689件

新着順 人気順

specの検索結果1 - 40 件 / 4689件

  • どうしてHTML5が廃止されたのか | フューチャー技術ブログ

    フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5

      どうしてHTML5が廃止されたのか | フューチャー技術ブログ
    • 【ChatGPT】個人的お気に入りプロンプトまとめ


        #   #     #   30000 #  Swagger稿 SwaggerSwaggerSwaggerSwaggerYAMLSwagger  Swagger
        【ChatGPT】個人的お気に入りプロンプトまとめ
      • Web 技術の調査方法 | blog.jxck.io


        Intro  API 調調    Web  Scope  API 調
          Web 技術の調査方法 | blog.jxck.io
        • XMLHttpRequest とはなんだったのか | blog.jxck.io


          Intro Fetch API IE XMLHttpRequest  使 XMLHttpRequest   XHR   API  Web API  W3C/WHATWG  API  Microsoft  API   Web API  XHR  XmlHttpRequest  XMLHTTPRequest  XMLHttpRequest  Microsoft 
            XMLHttpRequest とはなんだったのか | blog.jxck.io
          • Sign-in form best practices  |  Articles  |  web.dev

            Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.

            • CPU律速なRuby/Pythonコードはデフォルト設定のdocker上で遅くなる - まめめも

              English version 要約 dockerはデフォルトでセキュリティ機構(Spectre脆弱性の対策)を有効にします。この影響で、RubyやPythonのようなインタプリタは速度が劣化します。特にCPU律速なプログラムで顕著に遅くなります(実行時間が倍くらいになることがあります)。 現象 Rubyで1億回ループするコードを、直接ホスト上で実行する場合と、docker上で実行する場合で実行時間を比較してみます。 直接ホスト上で実行した場合: $ ruby -ve 't = Time.now; i=0;while i<100_000_000;i+=1;end; puts "#{ Time.now - t } sec"' ruby 2.7.1p83 (2020-03-31 revision a0c7c23c9c) [x86_64-linux] 1.321703922 sec docker

                CPU律速なRuby/Pythonコードはデフォルト設定のdocker上で遅くなる - まめめも
              • Kubernetesをだいたい理解するまで

                インフラ初心者がいきなり実務でKubernetesを使うことになったので、その学習記録✎ 流れとしては、 概念的なところを抑える 実際に手元で動かしてみる です! また、すでにKubernetesについて書かれたわかりやすい記事がたくさんあるので、本記事はそれらをもとに自分の理解をまとめたものになります。 概念的なこと まずはこれで概要把握 まずは👇を読もう。(ありがたやありがたや...) 僕らは何故Kubernetesを使うのか Kubernetesというものが出てきた背景を、オンプレの時代からどういうふうに変わっていったかわかる KUbernetesの概要がわかる メリデメがわかる Argo CDの例などを用いてどういうふうに使われているのかイメージが付く Kubernetesとは ざっくりいうと、 サービスをコンテナ上で動かすようになったことで起こった、 複数のサーバ上で複数のコン

                  Kubernetesをだいたい理解するまで
                • 自動化大好きエンジニアたちが語る、効率化・品質向上 Tips【26選】 - RAKUS Developers Blog | ラクス エンジニアブログ

                  こんにちは、技術広報のyayawowoです。 「自動化(オートメーション/Automation)」 今、この言葉を聞いて胸がときめいた方に必見です! 当社主催イベントでも人気の高い 「自動化大好きエンジニアLT会」全5開催分の資料をまとめて紹介します! イベント詳細はこちらをご確認ください! ・自動化大好きエンジニアLT会 ・自動化大好きエンジニアLT会 - vol.2 ・自動化大好きエンジニアLT会 - vol.3 ・自動化大好きエンジニアLT会 - vol.4 ・自動化大好きエンジニアLT会 - vol.5 目次 目次 手動テストやインフラ構築は自動化しよう APIテスト品質を向上させる Datadog Synthetic Monitoring APIテスト自動化とテストピラミッド TestLinkにテスト結果を自動的に登録 Cypressでサクッと始めるE2Eテスト 自動テスト環境を

                    自動化大好きエンジニアたちが語る、効率化・品質向上 Tips【26選】 - RAKUS Developers Blog | ラクス エンジニアブログ
                  • 「この位置にprintfが無いとなぜか動かないんだ。」 - Qiita

                    はじめに 先日ツイッターで見かけた呟き pic.twitter.com/33Yk02hu1U — TOMO (@tomozh) October 14, 2020 そういうこともあるのか的な反応もあるようなので具体例を挙げてみることにする。 例1 所謂FizzBuzz問題。 #include <stdio.h> void fizzbuzz(int n) { int next; int i = 1; do { printf(i % 15 ? i % 5 ? i % 3 ? "%d\n" : "Fizz\n" : "Buzz\n" : "FizzBuzz\n", i); if (i++ >= n) next = 0; } while (next); } int main(void) { printf((char[]){""}); // この位置にprintfが無いとなぜか動かない fizzbuz

                      「この位置にprintfが無いとなぜか動かないんだ。」 - Qiita
                    • Command Line Interface Guidelines

                      Contents Command Line Interface Guidelines An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day. Authors Aanand Prasad Engineer at Squarespace, co-creator of Docker Compose. @aanandprasad Ben Firshman Co-creator Replicate, co-creator of Docker Compose. @bfirsh Carl Tashian Offroad Engineer at Smallstep, first e

                        Command Line Interface Guidelines
                      • 本当に使ってよかったOpenAPI (Swagger) ツール | フューチャー技術ブログ

                        サードパーティ製のツール本家からは上述のツールが提供されていますが、サードバーティ製の様々なツールが世の中には存在します。 エコシステムが成熟しているのもSwaggerを利用するメリットの一つですね。 https://openapi.tools/ 冒頭のとおり、このサードパーティ製のツールの中で実際に利用して良かったツールを3つご紹介したいと思います。 Stoplight Studiohttps://stoplight.io/studio/ 1つ目のツールは「Stoplight Studio」というAPI仕様を記載するためのGUIエディタとなります。 今までSwagger Editorを利用してYAMLを書いていたそこのみなさん、YAML筋力はもう必要ありません。 Design APIs 10x faster の謳い文句どおり、Stoplight Studioを使えばGUIで直感的に、高速

                          本当に使ってよかったOpenAPI (Swagger) ツール | フューチャー技術ブログ
                        • イスラエルのSFを集めた、恐ろしく質の高い傑作アンソロジー──『シオンズ・フィクション』 - 基本読書

                          シオンズ・フィクション イスラエルSF傑作選 (竹書房文庫) 発売日: 2020/09/30メディア: 文庫この『シオンズ・フィクション』は、イスラエルSFの傑作16篇を集めたアンソロジーである。訳者の一人である山岸真さんが本の雑誌などで凄い凄いと書いていたので期待していたのだけれども、読み始めてみれば、たしかに恐ろしく質が高い作品が揃っている。それも、イスラエルの文化や歴史を反映させた、あまり味わったことのない発想や表現が出てくるので、4篇ほど読んだところでイスラエルにこんなスゲーSFの書き手が存在していたとは……と幽遊白書の魔界トーナメントの気分を味わった。 しかし、それも不思議なことではないのかもしれない。編者二人による巻末に置かれた「イスラエルSFの歴史」は、『イスラエルという国家は、本質的にサイエンス・フィクション(SF)の国とみなしてもかまわない──地球上でただひとつ、一冊では

                            イスラエルのSFを集めた、恐ろしく質の高い傑作アンソロジー──『シオンズ・フィクション』 - 基本読書
                          • Linux システムコール 徹底入門


                            Linux 調OS  CPU  x86_64  ]# cat /etc/redhat-release CentOS Linux release 8.0.1905 (Core) ]# uname -a Linux localhost.localdomain 4.18.0-80.11.2.el8_0.x86_64 #1 SMP Tue Sep 24 11:32:19 UTC 2019 x86_64 x86_64 x86_64 GNU/Linux ]# cat /proc/cpuinfo | head processor : 0 vendor_id : GenuineInte
                              Linux システムコール 徹底入門
                            • Kubernetes 専門家として知るべき 47 のこと - 誰かの役に立てばいいブログ

                              この記事は私が過去 3 年ほど Kubernetes に携わる中で学んだ、ちょっと見つけにくい知識をまとめたものです。 特にカスタムコントローラーを開発するような人に必要となる知識群です。 感想とか指摘とかあれば Twitter までお寄せください。 更新履歴 2021-03-05: "コンテナの resources.limits と resources.requests の違いについて" の項を補足しました (thanks to @superbrothers) API コントローラー実装 プログラムと連携動作 資源管理 ネットワーク モニタリング アクセスコントロール API kube-apiserver が備える拡張機構を列挙しなさい 回答例 Custom resources: OpenAPI スキーマで独自のリソース型を追加できる Aggregation layer: kube-ap

                                Kubernetes 専門家として知るべき 47 のこと - 誰かの役に立てばいいブログ
                              • The History of the URL | The Cloudflare Blog

                                On the 11th of January 1982 twenty-two computer scientists met to discuss an issue with ‘computer mail’ (now known as email). Attendees included the guy who would create Sun Microsystems, the guy who made Zork, the NTP guy, and the guy who convinced the government to pay for Unix. The problem was simple: there were 455 hosts on the ARPANET and the situation was getting out of control. This issue w

                                  The History of the URL | The Cloudflare Blog
                                • ブラウザの作り方

                                  リンク集 - Populating the page: how browsers work: https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work/ - How Browsers Work: Behind the scenes of modern web browsers: https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ - Let's build a browser engine!: https://limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html/ - W3C: https://www.w3.org/ - WHATWG: https://html

                                    ブラウザの作り方
                                  • これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方

                                    デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン

                                      これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方
                                    • 設計ドキュメント腐る問題、Git管理で運用してみた結果 | フューチャー技術ブログ

                                      はじめにTIG真野です。 秋のブログ週間2023 の3本目は、設計ドキュメントをGit管理して腐らせないようにがんばってみた話をします。 前段として6年前、「我々はいかにシステム開発におけるドキュメント腐る問題と戦えば良いのか」という記事を書いたのですが、その後の試行錯誤はどこにも残していないことに気づきました。普段のフューチャー技術ブログですとちょっと引け目を感じるテーマですが、秋の夜長を楽しむため読み物成分を多めに書くというテーマのこのブログリレーにピッタリな気がするため、この機会をお借りします。 ドキュメントも色々な種別があるかと思いますが、この記事では設計ドキュメントを指すことにします。設計ドキュメントは開発メンバーが参照するもので、ステークホルダーへの説明資料に引用して使うことはあれど、主目的は異なるという前提です。Design Docの場合もありますし、システム構成図、ERD、

                                        設計ドキュメント腐る問題、Git管理で運用してみた結果 | フューチャー技術ブログ
                                      • 雰囲気でDocker Composeを触っている状態から脱するために調べたこと(2023) - Activ8 Tech Blog


                                          調docker-composeupdownCompose Docker Composecompose.yamlCompose Spec compose.yaml Compose SpecOK Compose Spec compose.yaml compose.yaml
                                          雰囲気でDocker Composeを触っている状態から脱するために調べたこと(2023) - Activ8 Tech Blog
                                        • GraphQLが解決する問題とその先のユースケース

                                          サーバーサイドからみたGraphQL Serverlss Meetup#19 2021/03/31 に行われた Serverlss Meetup#19 で上記のタイトルで登壇してきました。サーバーサイドの話をしようと思ったけどGraphQLの解決している話をしようと思ったらクライアントの事もかなりはいってしまったので記事のタイトルは変えました。 以下内容です。記事の最後に資料を書くにあたって参考になった資料のリンクを置いてます。 GraphQL and me この1年書いたQiita記事 GraphQLの特徴を分解する ~API インターフェース・Universal BFF・API Gateway~ GraphQLはサーバーサイド実装のベストプラクティスとなるか GraphQLの全体像とWebApp開発のこれから 今回話す事 そもそもGraphQLはなんで作られたのか、何を解決しようとして

                                            GraphQLが解決する問題とその先のユースケース
                                          • Awesome Dev Tool Tips 🔥

                                            Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera

                                              Awesome Dev Tool Tips 🔥
                                            • 【個人開発】「作りたいものがない」を少し解決するWEBサービスを作りました

                                              概要 「夢色水車」という Twitter API v2 を使用した Twitter の市場調査サービスを作りました。 2023/02/09 追記 Twitter API の仕様変更に伴い本サービス「夢色水車」の更新を停止しました。 リリースからこれまでたくさんのアクセス本当にありがとうございました 🙇 サービスの更新は停止しましたが最後に Github にソースコードを公開しました。 これから Twitter API を使い始める方、Go や Next.js を学習している方に少しでも助けになればと思います。 使い方や詳細は各 README.md に記載しています。ライセンスの範囲でご自由にお使いください。 フロントエンド: バックエンド: 開発のきっかけ みなさんは今、作りたいものはありますか? Twitterを見ていると、「ポートフォリオ作成や個人開発をしたいけれど作りたいものがない

                                                【個人開発】「作りたいものがない」を少し解決するWEBサービスを作りました
                                              • ITエンジニアがおすすめする仕事用リュックまとめ

                                                リンク 「TIMBUK2(ティンバックツー)」日本公式サイト 「TIMBUK2(ティンバックツー)」日本公式サイト 人気の「クラシックメッセンジャー」などのメッセンジャーバッグやカメラバッグ等。 24 users 2104 片山 暁雄 @c9katayama モンベルどうでしょうか?PC入れと傘入れが独立してて、フロントジッパーは防滴加工してあります。安くて軽い、MacBook 16inch入るので愛用してます。 webshop.montbell.jp/goods/disp.php… twitter.com/mana_cat/statu… 2020-09-20 20:49:40 リンク モンベルウェブサイト 【モンベル】ユティリティー デイパック 25 「背負う」「持つ」の2通りの使い方ができる、通勤から泊まりの出張にも対応したサイズのビジネスバッグです。フレームを内蔵し、重い荷物を収納し

                                                  ITエンジニアがおすすめする仕事用リュックまとめ
                                                • Kubernetes-nativeなアーキテクチャ導入の手引き 先進的なクラウド環境を最強テストベッドで体験|ハイクラス転職・求人情報サイト AMBI(アンビ)

                                                  Kubernetes-nativeなアーキテクチャ導入の手引き 先進的なクラウド環境を最強テストベッドで体験 Kubernetes-nativeなエコシステムを実現する最強テストベッド環境です。さまざまなミドルウェアを運用したマイクロサービスをフルgRPCなサービス間通信で実現するだけでなく、CI/CDと開発環境も用意しています。 こんにちは。株式会社サイバーエージェントのAI事業本部でインフラエンジニアをしている青山真也(@amsy810)と漆田瑞樹(@zuiurs)です。今回は、Kubernetesが好きな2人が考える最強のKubernetes-nativeなお試し環境を構築してみました。記事公開時点で、総コミット数が900に迫るリポジトリになっています。 現在、Kubernetesとそれを取り巻くエコシステムは急速に発達しており、便利なツールやミドルウェアが日々生まれています。これは

                                                    Kubernetes-nativeなアーキテクチャ導入の手引き 先進的なクラウド環境を最強テストベッドで体験|ハイクラス転職・求人情報サイト AMBI(アンビ)
                                                  • デカい話になると急におもんなくなるのなんでなんだろう

                                                    例えば、ケイゾクとかSPECとかも序盤のちょっとした事件をポチポチ解決してるパートはおもろいけど 朝倉の正体とは!?とか公安零課の暗躍!みたいな、規模が大きい話になったとたん大失速したじゃん 地元最高って漫画も西成みたいなド底辺地区のヤクと反グレとヤクザにまみれた日常パートはおもろいのに 抗争みたいな規模の大きい話になると急に安っぽくなる 押切蓮介のゆうやみ特攻隊なんかは霊視ボーイと霊を殴れる女の近所の霊を殴り祓うシュールギャグ路線から 一気に霊視ボーイの姉を殺した悪霊たちの島に殴り込みに行くホラーアクションバトル路線に移ったけど こっちは割と成功してた気がする ただ、俺はコナンの通常の推理回は割と面白く見てるけど 映画になると急に荒唐無稽になりすぎておもんなくなるなって思うタイプなので、 単にこじんまりした話が好きなだけかもしれん

                                                      デカい話になると急におもんなくなるのなんでなんだろう
                                                    • ブラウザの仕組み  |  Articles  |  web.dev

                                                      序文 WebKit と Gecko の内部オペレーションに関するこの包括的な入門情報は、イスラエルのデベロッパー Tali Garsiel 氏による多くの研究の成果です。数年にわたり、ブラウザ内部に関するすべての公開データを確認し、ウェブブラウザのソースコードを読むことに多くの時間を費やしました。彼女は次のように書いています。 ウェブ デベロッパーは、ブラウザ操作の内部構造を学ぶことで、より的確な意思決定を行い、開発のベスト プラクティスの背後にある理由を知ることができます。これはかなり長いドキュメントですが、時間をかけてじっくり読むことをおすすめします。やったら嬉しいよ。 Chrome デベロッパー リレーションズ、Paul Irish はじめに ウェブブラウザは、最も広く使用されているソフトウェアです。この入門編では その仕組みを解説しますアドレスバーに「google.com」と入力し

                                                      • Steam で遊べるメタフィクションなインディーゲーム入門 - 名馬であれば馬のうち

                                                        五大メタフィクションインディーゲームとはなにか。えっ、てか、なに(笑い) The Stanley Parable:「ナレーター」に抗う/従う The Hex; トランスジャンルなゲームたち undertale:アンチジャンル Doki Doki Literature Club!(『ドキドキ文芸部!』) :メタフィクションに向いた職業ーーヴィジュアル・ノヴェル OneShot:あるいはその他のゲームたち おまけの追記:メタフィクションとはなにか。 Emergent Metafiction(創発的なメタフィクション) Immersive metafiction(没入的なメタフィクション) Internal metafiction(内的なメタフィクション) External Metafiction(外的なメタフィクション) おまけ2:参考文献リスト ファッキンホットですわね。 四季がぶっこわれた

                                                          Steam で遊べるメタフィクションなインディーゲーム入門 - 名馬であれば馬のうち
                                                        • Wiresharkで観察して理解するHTTPS(HTTP over TLS)の仕組み - RAKUS Developers Blog | ラクス エンジニアブログ

                                                          はじめに HTTPS(HTTP Over TLS)とは SSL/TLS HTTPSの流れ 実際に通信を観察 自己署名証明書の用意 サーバーの作成 WireSharkの準備 リクエストを送信して観察 まとめ はじめに エンジニア2年目のTKDSです! 普段何気なく使ってるほとんどのWebサイトが対応しているHTTPS通信の仕組みについて調べてみました。 本記事では、Wiresharkを用いてHTTPSの内部動作を解析し、どのようにしてデータが保護されているのかを具体的に解説します。 記事の後半では、Wiresharkを使って実際の通信データを観察し、暗号化プロセスの詳細を確認してみます。 HTTPS(HTTP Over TLS)とは HTTPS(HTTP Over TLS)は、HTTPの暗号化版で、ウェブサイトとブラウザ間の安全な通信を実現するプロトコルです。 TLSを使用して、HTTP通信

                                                            Wiresharkで観察して理解するHTTPS(HTTP over TLS)の仕組み - RAKUS Developers Blog | ラクス エンジニアブログ
                                                          • なぜ HTML の form は PUT / DELETE をサポートしないのか? | blog.jxck.io

                                                            Intro 10 年ほど前に同じことを調べたことがある。 なぜ html の form は PUT / DELETE をサポートしないのか? - Block Rockin' Codes https://jxck.hatenablog.com/entry/why-form-dosent-support-put-delete 当時は全くの素人で、素人なりに調査はしたが、ほとんどが推測の域を出ない結論だった。 この問題についてあらためて記す。 仕様策定の経緯 表題の通り、 <form> の method には GET と POST しかサポートされていない。 HTTP には他にも PUT や DELETE といったメソッドもあるのに、なぜサポートされていないのかという疑問から始まった。 仕様が決定した経緯は、以下に残っている。 Status: Rejected Change Descriptio

                                                              なぜ HTML の form は PUT / DELETE をサポートしないのか? | blog.jxck.io
                                                            • 「YAMLの本来の使い方」を仕様から読み取ってみる | Wantedly Engineer Blog

                                                              YAMLは「便利なJSON」として使われることが多い一方、その複雑性から落とし穴も多く、しばしば批判の対象になります。 なぜYAMLはそこまで複雑なのでしょうか? その背景のひとつは、本来のYAMLがJSONとは大きく異なる目的意識で作られているからです。 本稿ではYAML specに従う形でYAMLのコンセプトを解説することを目指します。残念ながら、ここに書かれているYAMLの思想は実際には実用されているとは言い難いですし、これらの背景を理解しても「YAMLは複雑だ」という事実がひっくり返ることはないでしょう。それでも、YAMLの複雑さの源泉を体系的に理解し、YAMLとほどほどの距離感で付き合う助けにはなるのではないかと思います。 この記事ではこういう話をしますYAMLはJSONとは独立に、異なる目的で生まれた野心的な仕様であるアンカーやタグなどの強力な構文は、これらの目的を満たすために

                                                                「YAMLの本来の使い方」を仕様から読み取ってみる | Wantedly Engineer Blog
                                                              • Pythonのコードを1行書くだけで誰でも手軽にインタラクティブな地図アプリを作れるLeafmapを使ってみよう - Qiita

                                                                ※公式サイトのデモ映像です。これがPythonのコード1行で作れます。 https://leafmap.org/ データ確認ってめんどくさくないですか GISデータってよくわからないな、なんだそれ。っていう方がいきなり上司に「いろんなデータが蓄積されてきたから、地図上に可視化して分析してみよう。」とか「誰でも手軽に閲覧できるように、Web上にサイトを構築しよう」なんていう話をされたら多分キレますよね? GISデータを日常的に利用していてもそれはさほど変わらず… GISデータを取り扱う中で、主にデータの前処理などを行っている方は同じような悩みを抱えているんじゃないかなと思うんですが、データの可視化ってめんどくないですか? いや、QGISとかデスクトップGISでデータ処理しているならサクッと見れちゃいますし、実際頻繁に使うんですが、サーバーで定期的に行うバッチ処理のためにローカルでプログラミン

                                                                  Pythonのコードを1行書くだけで誰でも手軽にインタラクティブな地図アプリを作れるLeafmapを使ってみよう - Qiita
                                                                • Reactのコンポーネント周りの用語を整理する

                                                                  React のコンポーネント周りの用語ってごっちゃごちゃになった経験はありませんか? 友人と話すときなどはなんとなくのニュアンスで伝わるので気にしていなかったのですが、型注釈つけるときやコードリーディングするときに言葉の定義がわからなくなって何回も調べるといったことをよくやるのでこれを機に整理しようと思います。 本記事では JSX 以外にも createElement 記法の知識も要するので、自信がない方は公式やどうして JSX を使ってもエラーにならないのか?をご覧ください。 ここでは React のドキュメント JSX Elements Components TypeScript の型定義 JSX.Element ReactElement DetailedReactHTMLElement DOMElement FunctionComponent Component ReactNode

                                                                    Reactのコンポーネント周りの用語を整理する
                                                                  • OpenAI API を用いた文書校正(誤字脱字検出) | blog.jxck.io

                                                                    Intro OpenAI の API を用いて、長年の課題だった文書校正を VSCode 上で実現するプラグインを修作したところ、思った以上の成果だった。 文章校正と誤字脱字検出 執筆を補助するツールは多々開発されているが、基本は形態素解析を用いた品詞分析の延長で行うものが多かった。 よくある「助詞の連続」、「漢字の開き閉じ」、「一文の長さ」などは、ある程度の精度で検出可能ではあるが、結局執筆時に一番検出して欲しいのは「誤字脱字」だ。 文体をどんなに揃えたところで、誤字脱字があるとやはりクオリティが低く感じるし、そこさえ抑えられていれば、他のスタイル統一は訓練である程度なんとかなる。 英語のスペルチェックはかなり進んでいるが、日本語においてはそこまで革新的なものが見当たらない。あらゆるツールを試したが、結局満足のいく精度が出る誤字脱字検出は「Word の校正機能」しかなかった。 そこで筆者

                                                                      OpenAI API を用いた文書校正(誤字脱字検出) | blog.jxck.io
                                                                    • IBM-J テレコン英会話小冊子(PDF配布用)

                                                                      テレコン英会話小冊子 Practical Expressions for Conference Calls - BETTER ENGLISH WITH US! - Table of Contents テレコンへの心構え (1) テレコンのはじまり (3) テレコンでの決まり文句 (11) 質問やお願いをする (25) 具体的な説明例 (33) ウェブカンファレンス表現 (37) テレコンの終わり (51) 間違えやすい単語 (55) 英語らしく発音しよう (61) 略語 (63) (1) テレコンへの心構え <会議前>  日本側の status を確実に把握しておく。 質問されて 「I don’t know」 では失礼だし、相手に「本当にテレコンで Push するような問題 なの?」と思われる。配布された資料があるときは事前に目を通 し、最新の内容を把握しておく。  事前に日本側のコン

                                                                      • Production Ready GraphQLはGraphQLを採用するなら必ず読んでおきたい良書

                                                                        タイトルのとおりです。この本を読まずにGraphQLについての記事を書いたりしツイートしてたのが恥ずかしいくらいに良質なプラクティスが記載されています。GraphQLを採用して悩むことのほとんどはこの本に書いてあるくらいな印象で、この本を読むと効率よくGraphQLを使った開発の品質を向上できると思います。 どんな人が書いた本なのか 著者はMarc-André Girouxという方で、GitHubとShopifyに勤務しGraphQL APIを開発する仕事をしていたと書籍に書いてあります。GraphQLをやってる人ならこの時点でもう刺さったかもしれませんが、どちらの企業もGraphQLを採用していることで有名です。GraphQLスキーマを設計する上でGitHubやShopifyのスキーマや記事を参考にする方も多いのではないでしょうか。その両方で働いてたという時点で納得の説得力です。Grap

                                                                          Production Ready GraphQLはGraphQLを採用するなら必ず読んでおきたい良書
                                                                        • 次世代の監視技術 - Telemetry技術のご紹介 - NTT Communications Engineers' Blog

                                                                          こんにちは、イノベーションセンターの三島です。 本記事では、次世代の監視技術として期待されるTelemetry技術についてご紹介します。 この記事について 本記事では下記の3点を共有します。 従来の監視技術が抱える課題とTelemetryの可能性 Telemetryの技術概要と、各社の実装状況 NTT Comのネットワーク上で検証し得られた知見と、期待されるユースケース 従来の監視技術が抱える課題 ネットワーク運用においては、障害検知やパフォーマンス分析のため監視技術が重要となります。 従来のネットワークでは、SNMP(Simple Network Management Protocol)と呼ばれる技術が広く利用されています。 SNMPの仕組みを図1に示します。SNMPはUDPベースなネットワーク監視技術です。データモデルはMIB(Management Information Base)と

                                                                            次世代の監視技術 - Telemetry技術のご紹介 - NTT Communications Engineers' Blog
                                                                          • ホテルの客室検索APIのアーキテクチャ設計時に考えたこと


                                                                             APIExpedia20224 API   API3使  使
                                                                              ホテルの客室検索APIのアーキテクチャ設計時に考えたこと
                                                                            • 秒間3万リクエストをkubernetesでさばく - Gunosy Tech Blog

                                                                              こんにちは!スタンディングデスクを導入して快適な開発環境と運動不足の両方を解消できるようになったのではと感じている、広告技術部のUT@mocyutoです。 今回は半年ほどEKSを運用して秒間3万リクエストのトラフィックをさばくほどになりました。 秒間3万は広告システムだと割とあるとは思いますが、kubernetesでも運用できているので紹介しようと思います。 対象のEKSで構築したサービスは広告の配信サーバです。 広告配信サーバの要件として、まず50ms以内にレスポンスを返さなければいけません。 構築したk8sのレスポンスタイムの99パーセンタイルは10msほどで返せています。 以下は必要最小限のクラスタの構成図です。 全体像 API 弊社のサーバサイドはほぼGoで作られているので、例に漏れずGoで作られています。 pod構成はAPI、fluentd、envoyの サイドカーパターン です

                                                                                秒間3万リクエストをkubernetesでさばく - Gunosy Tech Blog
                                                                              • 新しい docker compose


                                                                                 docker compose使 Docker Compose CLI  $ docker version Client: Cloud integration: 1.0.14 Version: 20.10.6 API version: 1.41 Go version: go1.16.3 Git commit: 370c289 Built: Fri Apr 9 22:46:57 2021 OS/Arch: darwin/arm64 Context: default Experimental: true ... Docker Compose CLI docker-composeGodocker-compose docker-compose
                                                                                  新しい docker compose
                                                                                • Apple Vision Pro発表を見た、VR機器メーカー中の人視点でのいち見解 – キャズムを超えろ! Rev.2

                                                                                  これはVRヘッドセットではない 「VRじゃない、もっとすごいものなんだ! WOW!」 「携帯電話じゃない、iPhone(後のスマホ)なんだ! YEAH!」 という話が大量に飛び交いそうなんで、とりあえずちゃんと釘を刺しておかねば。Timが発表するときにXRとも、VRとも言わずに「an entirely new AR platform」と言っていた。そう、こいつはVRのように見えるが、AR platformとして発表されたものである。ここを見誤ってはいけない。 またTimはこう続けている。「Vision Pro is a new kind of computer」だと。なので、アプローチとしては(当初の)Meta Quest Proに非常に近いアプローチ。あれも「コンピューターを置き換える」ような言い方をしていた。が、Quest Proと、世に広く使われているQuest 2等の「いわゆるVR