並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 388件

新着順 人気順

デベロッパの検索結果1 - 40 件 / 388件

  • シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、bytefish氏による「Use Chrome DevTools Like a Senior Frontend Developer」(2020年7月21日公開)の和訳を、著者の許可を得て掲載しているものです。 シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう 開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッ

      シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
    • HTML tableの実装がこれまでと変わる!Googleデベロッパーによる変更点の解説 -TablesNG

      GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。 tableは古くからあり、その後さまざまなCSSの機能がブラウザに実装されました。当然、それらの新しい機能にtableは対応していません。それらに対応し、不整合を修正するのが今回の取り組みです。 TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに TablesNGの取り組み 1. テーブルの行にposition: sticky 2. バック

        HTML tableの実装がこれまでと変わる!Googleデベロッパーによる変更点の解説 -TablesNG
      • builders.flash - 変化を求めるデベロッパーを応援する AWS のウェブマガジン

        仕様駆動開発で作った Spec ファイルってどうするの ? ~ 仕様とコードの乖離問題を考えてみる ~ クラウドを利用して、MCP (Model Context Protocol) で MCP (Minecraft Play)して親の威厳をもう一度取り戻す冬 ~ AWS IoT サービスを添えて ~

          builders.flash - 変化を求めるデベロッパーを応援する AWS のウェブマガジン
        • これから再開発を手がける秋葉原と、日本橋の街並みを比べると各デベロッパーの「まちづくり」に対する差が分かる

          マンション好きの外資コンサル @escapejapan2023 申し訳ないが住友不動産に街作りは出来ない。 例えば、秋葉原では電気街のど真ん中や、ヨドバシカメラの真横に、商業も飲食店も一切ないただの淡白なオフィスビルを多数建ててしまい、人流を途切れさせている。 住友のマンションは好きだけど、街作りには関与させてはいけないデベロッパー。 pic.twitter.com/XOEOlHs69s 2023-11-23 12:53:15 えび沢 @ebisawade それに比べ、三井不動産が手掛ける日本橋。 これ低層階が、百尺ラインっていって全部31mで統一されてるんだぜ。 古い建物と景観を合わせるために。 「残しながら、創っていく」 三井不動産の暖かいコンセプトなんですよ。 バモス、三井不🫶 pic.twitter.com/Bvm7rTLKJf twitter.com/escapejapan20

            これから再開発を手がける秋葉原と、日本橋の街並みを比べると各デベロッパーの「まちづくり」に対する差が分かる
          • MSゴシックを使う外国人デベロッパーに「忌まわしきMSゴシックを使うな」というお仕事「あのディズニーでも無頓着」

            𝑷𝑲𝑨 @PKAnzug 外国人デベロッパーに「日本語フォントにMSゴシックはやめろ」と言うだけのお仕事。 あの大ディズニーですらゴシック体の味気なさに無頓着なんで、たぶんこれは日本人にしか分からないと割り切って、「the abominable MS Gothic(忌まわしきMSゴシック)」などと初手から強めの言葉で攻めております。 2022-11-28 10:58:59

              MSゴシックを使う外国人デベロッパーに「忌まわしきMSゴシックを使うな」というお仕事「あのディズニーでも無頓着」
            • 基本から理解するJWTとJWT認証の仕組み | 豆蔵デベロッパーサイト

              これは、豆蔵デベロッパーサイトアドベントカレンダー2022第8日目の記事です。 JSON Web Token(JWT)の単語を目にすることがよくあると思いますが、それと一緒に認証と認可や、RSAの署名や暗号化、そしてOpenIDConnectやOAuth2.0までと難しそうな用語とセットで説明されることも多いため、JWTって難しいなぁと思われがちです。しかし、JWT自体はシンプルで分かりやすいものです。そこで今回は素のJWTの説明からJWS、そしてJWT(JWS)を使った認証を段階的に説明していきます。 おな、この記事はJWT全体の仕組みや使い方の理解を目的としているため、以下の説明は行いません。 RSAやHMACなど暗号化やアルゴリズムの細かい説明 JWTを暗号化するJWEとJSONの暗号鍵表現のJWKについて OpenIDConnectとOAuth2.0について 記事は上記のような内容

                基本から理解するJWTとJWT認証の仕組み | 豆蔵デベロッパーサイト
              • builders.flash - 変化を求めるデベロッパーを応援する AWS のウェブマガジン

                builders.flash は、変化を求める開発者の皆様へ向けて、楽しみながら実践的に学べるトピックを日本語でお届けする AWS のウェブマガジンです。お客様の開発のスピードを加速し、イノベーションをサポートするハンズオンや技術解説を通じて、毎月お好きな時間に学ぶことができます。 メールメンバーに登録 することでハンズオンに役立つクレジットコードや最新アップデートを受け取ることができます。

                  builders.flash - 変化を求めるデベロッパーを応援する AWS のウェブマガジン
                • 「Intelは欠陥のあるCPUを販売している」。第13~14世代CPUの不具合にゲームデベロッパーが苦言。リコールを促す | ニッチなPCゲーマーの環境構築Z

                  ゲームデベロッパーのAlderon Gamesは、「Intelは欠陥のあるCPUを販売している」と明言しました。以下、Alderon Gamesのアナウンスになります。 Intelは欠陥のある第13~14世代CPUを販売しています マルチプレイヤー恐竜サバイバルゲームであるPath of Titansの開発を行っている私たちAlderon Gamesのチームは、Intel CPUの安定性に関する重大な問題に直面しています。クラッシュしたり、不安定になったり、メモリ破損といった問題は、Intelの第13世代と第14世代プロセッサーでのみ発生します。リリースされたすべてのマイクロコード、BIOSなどのアップデートを行っても問題は解決しません。 私たちは以下の5つの範囲で不具合を確認しています。 エンドユーザー: 当社のクラッシュレポートツールは、Intel第13世代および第14世代環境で数千件

                    「Intelは欠陥のあるCPUを販売している」。第13~14世代CPUの不具合にゲームデベロッパーが苦言。リコールを促す | ニッチなPCゲーマーの環境構築Z
                  • 【重要】日本語形態素解析・自然言語理解API V2 リリースのお知らせ - Yahoo!デベロッパーネットワーク

                    いつもテキスト解析Web APIをご利用いただきありがとうございます。 テキスト解析Web APIにおける一部APIの後継バージョン(V2)リリースと仕様変更についてお知らせいたします。 ■ 対象API 日本語形態素解析 自然言語理解 ■ 変更箇所 リクエストURLが変わります GETリクエストは廃止となり、POSTリクエストのみになります リクエストパラメータが変わります(一部パラメータが廃止されます) レスポンス形式・フィールドが共に変更になります V2の仕様の詳細につきましては以下のページをご覧ください。 日本語形態素解析 自然言語理解 V1終了予定時期につきましては2022年11月末を予定しております。 ご迷惑をおかけしますが、なにとぞご了承ください。 今後ともテキスト解析Web APIをよろしくお願いいたします。

                      【重要】日本語形態素解析・自然言語理解API V2 リリースのお知らせ - Yahoo!デベロッパーネットワーク
                    • 最近のWebサイトで見かける! フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ

                      最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タイプライターのようなエフェクト 2. 透過画像用シャドウ 3. カーソルのカスタマイズ 4. attr()でシンプルなツールチップ 5. ピュアCSSによるチェックリスト 6. is()と:where()による要素のスタイル 7. キーフレームを使用したアコーディオン 8. ホバーエフェクトのサイドバー 9

                        最近のWebサイトで見かける! フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
                      • Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト

                        Tauri はクロスプラットフォームデスクトップアプリのための Rust によるフレームワークです。Electron と同様 Web 技術でアプリの UI を構築します。 Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio 記事執筆時点で v1.0.0-rc.5 (Pre-release)、もうすぐ v1.0 がリリースされそうなところです。 Release v1.0.0-rc.5: Apply Version Updates From Current Changes (#3468) · tauri-apps/tauri Electron と比べて、インストーラーのサイズ、メモリ消費量、起動時間などが圧倒的に小さいと謳われています。 https://gi

                          Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト
                        • 非同期処理を使いこなそう ! -第 2 回 非同期処理と同期処理の処理構造 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                          皆さんこんにちは。プロフェッショナルサービス本部のデジタルトランスフォーメーションチームでマネージャーをしています堀場です。 さて、いきなりですが、先日、ふと、頭に思い浮かんだ単語があります。それがこちら。 「機能」「情報」「連絡」「手順」「時間」・・・ 25 年以上前に覚えた単語がふと出てきたわけで・・・・この後、何が続くかご存知でしょうか ? 答えは、「論理」「暗号」です。 これは、モジュール強度 (または凝集度) の段階を表すもので「暗号」は凝集度が低く「機能」がもっとも高いと定義されています。なぜ、思い出したのかは謎です。ちなみに、10 年前の資料ですが IPA が提供している IT 人材育成用の汎用コンテンツ の 講義ノート に簡単な解説がありましたので興味がある方は読んでみてください。 凝集度が高いほど、堅牢性、信頼性、再利用性が高く、コードの読みやすさなどの点で好ましく、凝集

                            非同期処理を使いこなそう ! -第 2 回 非同期処理と同期処理の処理構造 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                          • お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 3 回 リファクタリング & 曜日ごとのツイート 編 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                            ソリューションアーキテクト(SA)の金澤 (@ketancho) です。3 月になりましたが、皆さまいかがお過ごしですか ? 私は毎年 3 月に (駆け込みで) 健康診断・人間ドックを受けることが多いのですが、社会人になってから単調増加し続ける某数字と向き合わなければならないので、落ち込んでいることが多いです。おそらくこの記事が公開されるであろう日が健康診断当日なので、優しく声をかけていただければと思います。一番嬉しいお声は「AWS ドリルやりましたよ !」です。何卒よろしくお願いいたします🙏 さて、 前回の AWS ドリル #2 も多くの方にご覧いただくことができ、大変ありがたい限りです。前回に引き続き、実際に Twitter Bot を実装されている方も多く見受けられ、著者冥利に尽きるなーと思っています。今回も楽しい記事を丁寧に書ければと思っておりますので、皆さまも引き続き手を動かし

                              お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 3 回 リファクタリング & 曜日ごとのツイート 編 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                            • お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 4 回 新章突入 ! 気になるワード検索 & 通知 Bot 編 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                              ソリューションアーキテクト (SA) の金澤 (@ketancho) です。4 月になりましたが、皆さまいかがお過ごしですか ? 今月から新社会人として Developer になった方、あるいは転職し Developer としての活動をスタートされた方、様々な方にとってのスタートになる時期だと思います。おめでとうございます🎉 私はこの builders.flash の How to be a Developer カテゴリに寄稿を続けている人間なので、この時期に記事を書くのが一番ワクワクドキドキします。少しでも皆さまの活動を後押しできる記事を書いていければと思っていますので、ぜひ #AWSウェブマガジン ハッシュタグをつけてご感想や、フィードバックをもらえると嬉しいです🙏さて、前回の AWS ドリル #3 までで、朝イチであいさつする Bot が完成しました。今月からは新章に突入し、少し

                                お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 4 回 新章突入 ! 気になるワード検索 & 通知 Bot 編 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                              • デベロッパーツールがさらに便利に!Flexboxの実装と検証が簡単になるFlexboxエディタとオーバーレイが搭載

                                先日リリースされたChrome 90のデベロッパーツールに、Flexboxの実装に役立つ新機能が2つ加わりました! 1つ目はFlexboxエディタでデバッキングツール、2つ目はFlexboxのオーバーレイ、どちらもWeb制作でFlexboxを使用する時に大活躍すること間違いなしです。

                                  デベロッパーツールがさらに便利に!Flexboxの実装と検証が簡単になるFlexboxエディタとオーバーレイが搭載
                                • Steam、NFTゲームなどがリリース禁止へ。“締め出された”と訴えるデベロッパーも - AUTOMATON

                                  勃興の兆しを見せているNFTゲームについて、Steamが新たな動きを見せた。Steamの開発者向けドキュメントに一部NFTゲームなどのリリースを禁ずる項目が追記されたのだ。 勃興の兆しを見せているNFTゲームについて、Valveが新たな動きを見せた。Steamの開発者向けドキュメントに一部NFTゲームなどのリリースを禁ずる項目が追記されたのだ。いったい何があったのか。この方針について、作品をSteamから“追い出された“NFTゲーム『Age of Rust』開発元が語った。PC Gamerなど各海外メディアが報じている。 『Age of Rust』は、Steamでリリース予定だった一人称視点アクションゲーム。ストーリー主体のゲーム体験や戦闘、パズル要素などを盛り込んだSF作品だ。また、同作はゲーム内でNFTを得られることをキー要素としていた。また、ベースとなるNFTプラットフォームEnji

                                    Steam、NFTゲームなどがリリース禁止へ。“締め出された”と訴えるデベロッパーも - AUTOMATON
                                  • 世界的建築家「日本の再開発とイスラエルのガザ侵攻は同じ」…各地で無機質なタワマンが建ち続けるひどい理由 デベロッパーにとって地域コミュニティは邪魔

                                    各地で再開発が進んでいる。「建築界のノーベル賞」と呼ばれるプリツカー賞を受賞した建築家の山本理顕さんは「デベロッパーは人が集うコミュニティを再開発のターゲットにして地域の文化ごと破壊する。私にはその行為が現代のガザに重なって見える」という。ライターの山川徹さんが聞いた――。(第1回/全2回) タワマンは本当に「住みやすい住環境」なのか ――都内だけでなく、東京近郊でもタワマンを併設した大規模な再開発が進行中です。各地で進む再開発をどのように受け止めていますか? 【山本(以下同)】私が建築家として、もっとも大切にしてきたのが、建物を通じた地域コミュニティの創出です。建築家の仕事で重要なのは、新たな建築物が、周辺環境や住民たちにどのような影響を与えるか考え、住みやすい生活環境を創造すること。 しかし、近年再開発で建てられた超高層マンションには周辺環境への配慮は一切ありません。 たとえば、201

                                      世界的建築家「日本の再開発とイスラエルのガザ侵攻は同じ」…各地で無機質なタワマンが建ち続けるひどい理由 デベロッパーにとって地域コミュニティは邪魔
                                    • CSSの実装はコンテナクエリで大きく変わる! コンテナクエリをデベロッパーツールで検証およびデバッグする方法

                                      Webのレスポンシブは、メディアクエリによるページベースだけでなく、コンテナクエリによる親コンテナベースの実装ができるようになります。 このCSSの新機能コンテナクエリによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。Googleのデベロッパーによるコンテナクエリをデベロッパーツールで検証およびデバッグする方法を紹介します。 Inspect and debug CSS container queries by Sofia Emelianova, Jecelyn Yeen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに基づき翻訳しています。 はじめに コンテナとその子孫を見つける コンテナクエリを確認する方 コンテナ要素を検索する方法 コンテナクエリをデバッグする方法 はじめに この記事では、Chromeの

                                        CSSの実装はコンテナクエリで大きく変わる! コンテナクエリをデベロッパーツールで検証およびデバッグする方法
                                      • CSSで実装する時、フロントエンドのデベロッパーは何を考え、どういうことに配慮して実装するのか

                                        UIコンポーネントをCSSで実装する時に、何を考えながら実装するのか、どういうことに配慮して実装するのかを紹介します。 CSSの何を使用して配置するのかベストか、レスポンシブの対応方法をはじめ、グラデーションをより美しく実装する方法、clamp()によるフォントサイズの定義、論理プロパティの使用など、CSSの実践的なテクニックについても解説されています。 Inside the mind of a frontend developer: Hero section by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 実装するヒーローコンポーネント HTMLの構造を考える グラデーションの背景 疑似要素 スマホでの表示を考える ヒーローの最小高さ 配置のためのCSS Gridとその際の課題 コン

                                          CSSで実装する時、フロントエンドのデベロッパーは何を考え、どういうことに配慮して実装するのか
                                        • お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 2 回 昔書いた記事の宣伝 Bot 編 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                          ソリューションアーキテクト (SA) の金澤 (@ketancho) です。寒い日が続いていますが、皆さまいかがお過ごしでしょうか ? 先月は関東でも久しぶりに雪が積もりましたが、こんなに寒いと外に出てランニングができないのも致し方ないという雰囲気を感じます。その代わりに、温かいコーヒーを飲みながら AWS ドリルで自己研鑽、いかがでしょうか? さて、 前回の記事 は多くの方にご覧いただけ、AWS ドリル連載としていい滑り出しを切ることができました。周りの方にシェアしていただいた方、ありがとうございます。実際に Bot 用の Twitter アカウントを作成 & 運用されている方も見受けられ、陰ながらニヤニヤ眺めさせていただいています。 こういう連載モノは 2 つ目の記事が大事だと思っておりますので、今回もしっかり丁寧にやっていければと思います。皆さまも引き続き、実際に手を動かしていただき

                                            お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 2 回 昔書いた記事の宣伝 Bot 編 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                                          • コード不要論からコード表現への回帰 - デベロッパーツールの現在|Seiji Takahashi@ベースマキナ

                                            皆様、ChatGPTでCode Interpreterの機能がリリースされましたがお使いになりましたか? 僕は大変有りがたーく日常使いさせて頂いており、活用方法について各方面のご意見を伺いたいですが、その話はさておき… こうした劇的な開発体験の変化が予感されると、度々繰り返される議題の1つが「エンジニアやコードの不要論」かと思います。 私自身がローコードツールを提供している会社の経営者なのですが(ヒューマンエラーを減らせる管理画面構築SaaS「ベースマキナ」をよろしくお願いします!)、この類の議論の盛り上がりと日頃情報を追っている最新のツール群との間を照らすと、ギャップを感じます。 端的に言うと、少なくともここ1年くらいで新しく登場するデベロッパー向けのツールを見ていると、コードが不要になる場面が増えると思いきや、逆にコードをしっかり書くツールが増えてきたな、という印象を持っています。 D

                                              コード不要論からコード表現への回帰 - デベロッパーツールの現在|Seiji Takahashi@ベースマキナ
                                            • ドメイン駆動設計のマイクロサービスへの活用とデベロッパーに求められるスキルのスライド / DDD session slide in AWS Dev Day Online Japan 2021

                                              AWS Dev Day Online Japan 2021 のパネルディスカッション 『ドメイン駆動設計のマイクロサービスへの活用とデベロッパーに求められるスキル』 で利用したスライドです 自己紹介→マイクロサービスでどうしてDDD?→学習ルート # URL AWS Dev Day O…

                                                ドメイン駆動設計のマイクロサービスへの活用とデベロッパーに求められるスキルのスライド / DDD session slide in AWS Dev Day Online Japan 2021
                                              • ブラウザーにChromeのデベロッパーツールを埋め込めるReactコンポーネントを作ってみた

                                                とてもニッチな用途で使えるコンポーネントですがその場のiframeのデバックができるReactコンポーネントを作ってみました! まずはこちらのポストをご覧ください! このポストではChromeのデベロッパーツールを開いているわけではなく、ブラウザー内に直接デベロッパーツールが埋め込まれています! 今回はこのようなReactコンポーネントを作ってみたので、どのように作ったかをご紹介したいと思います。 デモページ こちらのページで実際にデモを試すことができます。 https://react-embed-devtools.vercel.app/ なぜ作ったか Reactをオンラインで学習できるサービスmosya Reactを先日リリースしました。 このサイトではオンライン上でコードを書いてその場で書いたコードがプレビューできるようになっています。 詳しい開発記事はこちらをご覧ください! ただ、プ

                                                  ブラウザーにChromeのデベロッパーツールを埋め込めるReactコンポーネントを作ってみた
                                                • 25 年に渡る JavaScript の歴史 | JetBrains: プロデベロッパーとチーム向けの開発ツール

                                                  SpaceX Dragon の発射により、JavaScript が宇宙へと旅立つ!Dragon 2 のフライトインターフェースは Chromium と JavaScript を使って構築された。フライトコンピューターには C++ が使用されている。 SpaceX Dragon の発射により、JavaScript が宇宙へと旅立つ!Dragon 2 のフライトインターフェースは Chromium と JavaScript を使って構築された。フライトコンピューターには C++ が使用されている。

                                                    25 年に渡る JavaScript の歴史 | JetBrains: プロデベロッパーとチーム向けの開発ツール
                                                  • Tailwind CSSの実装やデバッグに便利! 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX

                                                    デベロッパーツールでTailwind CSSの各セレクタに対応したプロパティや値を実装・デバッグできるChromeデベロッパーツールの機能拡張を紹介します。 .m-1や.p-1といったセレクタをはじめ、:smや:lgなどレスポンシブ用のプレフィックスもサポートされています。Tailwind CSSのセレクタは一覧で表示されるので、チートシート代わりにもなる優れものです。

                                                      Tailwind CSSの実装やデバッグに便利! 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX
                                                    • デベロッパーツールの新機能が便利!CSS Gridの実装と検証が簡単になるCSS Grid editorとオーバーレイ

                                                      先日リリースされたChrome 92のデベロッパーツールに、CSS Gridの実装に役立つ新機能が2つ加わりました! 1つ目はCSS Grid editorでデバッキングツール、2つ目はCSS Gridのオーバーレイ、どちらもWeb制作でCSS Gridを使用する時に大活躍すること間違いなしです。 参考: New CSS Grid debugging tools 機能は簡単に言うと、先日当ブログで紹介したCSS FlexboxのCSS Grid版です。 参考: 先日の記事 CSS Gridの新機能は非常に便利で、使い方も簡単です。 まずは、Chrome 92にアップデート済みか確認します。

                                                        デベロッパーツールの新機能が便利!CSS Gridの実装と検証が簡単になるCSS Grid editorとオーバーレイ
                                                      • 突然、Google Play Console デベロッパーアカウントが停止され、アプリが全て削除された話 - Qiita

                                                        Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

                                                          突然、Google Play Console デベロッパーアカウントが停止され、アプリが全て削除された話 - Qiita
                                                        • 日本郵便のKEN_ALL.CSVが改善される | スラド デベロッパー

                                                          郵便番号と住所の変換システムを扱うエンジニアの間で悪名高かったKEN_ALL.CSVだが、2023年6月更新分より、文字コードがUTF-8に、フリガナが全角カタカナになり、町域名が長いときも複数レコードに分割されなくなったファイルが新たに追加された模様。従来通りの書式のファイルもダウンロードできる。今後は町域名に含まれている自然言語の注釈(「その他」「※番地」「以下に記載のない場合」など)をフラグに変換する予定もあるようだ(郵便番号データダウンロード)。

                                                          • コンテナサイズ最小化のためのベースイメージ再考 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                            AWS では Amazon ECS、Amazon EKS、AWS Lambda など多くのコンテナランタイムサービスが存在します。そうしたコンテナランタイムを利用する際の最初の一歩として行うのがコンテナイメージの作成です。AWS からも amazonlinux のイメージを提供していますが、デフォルトで 50MB 程度あります。コンテナイメージの起動を極力早く行うために、イメージサイズの削減を行っている方もいらっしゃることでしょう。 コンテナサイズの削減に関しては多くのプラクティスが存在しますが、今回はベースイメージに着目して、それぞれにどういった特徴があるのかを整理していきたいと思います。なお本記事は Dockerfile ベースでイメージをビルドすることを想定した解説になっています。また以下で特に記載がなければイメージサイズは 2025 年 1 月 9 日現在での arm64 用の l

                                                              コンテナサイズ最小化のためのベースイメージ再考 - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                                                            • 非同期処理を使いこなそう ! - 第 1 回 非同期処理ってなんだろう ? - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                              こんにちは、プロフェッショナルサービス本部クラウドアプリケーションアーキテクトの五十嵐です。 先日、Web で美味しそうな料理の写真を見かけ、自宅で作ってみることにしました。 大きく分けて以下の手順が必要でしたが、みなさまでしたらどのように調理を進めるでしょうか ? 鍋で水を沸騰させる 野菜を切る 野菜を茹でる 調味料で味付けをする 皿に盛り付ける 1. で鍋を火にかけた後、鍋の前で沸騰するのをじっと待ちますか ? 今回は次の手順が沸騰を待たなくてもできる「野菜を切る」のため、沸騰を待たずに 2. で野菜を切り始め、沸騰したことを確認してから 3. で野菜を茹で始めると思います。 このようにして、完成までの時間を短縮化させる工夫をするのではないでしょうか。「他タスク (今回は水の沸騰) の完了を待たなくても良いケース (野菜を切る)」と、「他タスクの完了を待つべきケース (野菜を茹でる)」

                                                                非同期処理を使いこなそう ! - 第 1 回 非同期処理ってなんだろう ? - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                                                              • ChatGPTのベースになった自然言語処理モデル「Transformer」を調べていたら「Hugging Face」に行き着いた | 豆蔵デベロッパーサイト

                                                                最近「ChatGPT」というワードがSNSを賑わしているようです。 筆者は技術に対しては非常にミーハー(?)なので、ChatGPTが何なのか?また、どれほど凄いのか試してみたくなりました。 さっそく ChatGPT を使ってみたいと思います。 (ChatGPTの利用登録の方法については、解説サイトがたくさんありますのでそちらを参照ください。Googleアカウントを持っていればGoogleアカウントと連携してログインすることも可能です) ChatGPTに登録してログインすると以下のような画面が表示されます。 Examplesを使って、いくつかの問いかけに対する応答を確認することが出来ます。 試しにExamplesの一番上にある「Explain quantum computing in simple terms」を選択して ChatGPT へ問いかけをしてみます。 (問いかけの内容は「量子コン

                                                                  ChatGPTのベースになった自然言語処理モデル「Transformer」を調べていたら「Hugging Face」に行き着いた | 豆蔵デベロッパーサイト
                                                                • 「QAスタッフはゲームデベロッパーか否か」。海外の開発者の間で議論勃発、認識の差から生まれたすれ違い - AUTOMATON

                                                                  ゲームの「QA(Quality Assurance・品質保証)」に携わるスタッフは“デベロッパー”なのだろうか。このトピックについて、ゲーム業界に携わる人々がSNS上で議論を交わしている。 ゲームを開発し発売するまでの過程では、さまざまな職種のスタッフが携わる。そうしたスタッフに対しては、しばしば「デベロッパー」と一括りにして呼ぶことがあるが、実のところどこまでの範囲の職種を指すのか曖昧な言葉である。たとえば、「QA(Quality Assurance・品質保証)」に携わるスタッフは“デベロッパー”だろうか。このトピックについて、ゲーム業界に携わる人々がSNS上で議論を交わしている。 One of my best friends works in localization in Japan and he really knows his mecha too (he worked on th

                                                                    「QAスタッフはゲームデベロッパーか否か」。海外の開発者の間で議論勃発、認識の差から生まれたすれ違い - AUTOMATON
                                                                  • 使いこなして効率アップ! ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA

                                                                    ウェブ制作をする上でCSSでのスタイルの記述は必須ですが、意外とデバッグが難しくデザイン通りに実装するには手間がかかります。 そんなときに活躍するのがGoogle Chromeの「デベロッパーツール」です。視覚的にCSSのスタイルが確認、変更できるので、うまく活用することでCSSのデバッグを迅速に行うことができます。 この記事ではデベロッパーツールでCSSをデバッグする方法や便利な機能などを紹介します。記事で使用しているデモは以下のリンクから確認できるので、実際にデベロッパーツールで操作しながら読み進めてみてください。 サンプルを別ウインドウで開く ソースコードを確認する 1. DOMのスタイルを確認 / 変更する デベロッパーツールでは、画面上でスタイルの確認、変更ができます。 (1)デベロッパーツールを開く まずはGoogle Chromeを開きます。 確認したい箇所を右クリックし、[

                                                                      使いこなして効率アップ! ChromeのデベロッパーツールでCSSを検証する方法 - ICS MEDIA
                                                                    • builders.flash - 変化を求めるデベロッパーを応援する AWS のウェブマガジン

                                                                      builders.flash は、変化を求める開発者の皆様へ向けて、楽しみながら実践的に学べるトピックを日本語でお届けする AWS のウェブマガジンです。お客様の開発のスピードを加速し、イノベーションをサポートするハンズオンや技術解説を通じて、毎月お好きな時間に学ぶことができます。 メールメンバーに登録 することでハンズオンに役立つクレジットコードや最新アップデートを受け取ることができます。

                                                                        builders.flash - 変化を求めるデベロッパーを応援する AWS のウェブマガジン
                                                                      • お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 6 回 AWS Step Functions を使って Well-being Bot を作ろう ! (前編) - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                                        ソリューションアーキテクト(SA)の金澤 (@ketancho) です。6 月になりましたが、皆さまいかがお過ごしでしょうか ? 私は通勤や退勤のときに 1 駅分歩いて気分をリフレッシュするようにしているのですが、この時期から雨と暑さでしばらくそれができなくなってしまうのが辛い今日この頃です。そして、6 月は祝日がないというハードモード.. はやく夏休みが来てほしいものです。皆さまも健康に気をつけてお過ごしください。 選択 第 1 回 おはよう Bot 編 第 2 回 昔書いた記事の宣伝 Bot 編 第 3 回 リファクタリング & 曜日ごとのツイート 編 第 4 回 新章突入 ! 気になるワード検索 & 通知 Bot 編 第 5 回 皆さまの代わりに英語でツイートしておくよ Bot 編 第 6 回 AWS Step Functions を使って Well-being Bot を作ろう !

                                                                          お役立ち Twitter Bot を作りながら学ぶ AWS ドリル ~第 6 回 AWS Step Functions を使って Well-being Bot を作ろう ! (前編) - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
                                                                        • CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります

                                                                          CSSの検証やデバッグに、デベロッパーツールを使用している人も多いと思います。そんなデベロッパーツールですが、Chrome 131からAIアシスタントが使えるようになり、AIがCSSの検証やデバッグにどのように役立つかを紹介します。 5 Cool Things To Do with DevTools AI Assistance AI assistance panel AI assistance for styling by Matthias Rohmer 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに デベロッパーツールでAIアシスタントを使用する前に AIアシスタントの起動方法 AIアシスタントでレイアウトを理解する AIアシスタントによるペアプログラミング AIアシスタントに

                                                                            CSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります
                                                                          • スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger

                                                                            スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか? ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張がリリースされたので、紹介します。 参考: Scroll-Driven Animations Debugger by Bramus! 記事の掲載にあたり、元サイト様にライセンスを得ています。 まずは、さっそく機能拡張のインストールから。 下記のページにChromeでアクセスし、「Chromeに追加」をクリックするだけです。起動方法や使い方は後述します。 Scroll-Driven Animations Debugger -Chrome ウェブストア この機能

                                                                              スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger
                                                                            • 2024年版!VS Code で Java 開発環境を構築する | 豆蔵デベロッパーサイト

                                                                              Java デベロッパーの皆さんは IntelliJ IDEA や Eclipse を使ってる方が多いのではないでしょうか。筆者は VS Code を使っています。業務では長らく Java から離れていたのですが、ここ数年はけっこう書いています。かつては IntelliJ IDEA に課金してましたが Java 再開を機に VS Code の環境を整えました。この記事では、定番の拡張やワークスペースの使い方についてご紹介したいと思います。 結論から言うと 「Microsoft の Extension Pack for Java を入れましょう。」で終わりです。 Extension Pack for Java - Visual Studio Marketplace Extension Pack はその名の通り複数の拡張の集合体で、現状は6つの拡張がインストールされます。少しこの中身を見ていきま

                                                                                2024年版!VS Code で Java 開発環境を構築する | 豆蔵デベロッパーサイト
                                                                              • デベロッパはまもなく、Secure Elementを使ってアプリ内NFC決済を提供できるようになります

                                                                                デベロッパはまもなく、Secure Elementを使ってアプリ内NFC決済を提供できるようになります iOS 18.1より、デベロッパはApple PayおよびAppleウォレットとは別に、iPhone上の自社アプリ内で、Secure Elementを使ってNFC非接触決済を提供できるようになります。デベロッパは新しいNFC APIとSE(Secure Element)APIを使って、店内の支払い、車のキー、交通系ICカード、社員証、学生証、ホームキー、ホテルの部屋の鍵、店舗のメンバーズカードやポイントカード、イベントのチケット、および今後サポートされる政府機関発行の身分証明書に、アプリ内の非接触決済を提供できるようになります。 ユーザーのセキュリティとプライバシーはAppleにとって最も重要なものなので、この新しいソリューションは、自社のiOSアプリ内からNFC非接触決済を提供するため

                                                                                  デベロッパはまもなく、Secure Elementを使ってアプリ内NFC決済を提供できるようになります
                                                                                • AWS SDK の裏側を見てみよう ! ~AWS SDK for Go (v1) のコードとともに (前編) - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS

                                                                                  皆さん、こんにちは ! ソリューションアーキテクト (SA) の王 (@elecho1_t) です。 普段みなさんどのような方法で AWS サービスを利用していますでしょうか ? ブラウザ上でマネジメントコンソール経由で操作したり、コマンドラインから AWS CLI 経由で使ったり、開発しているアプリケーションでライブラリ経由で使ったりと、様々な使い方をされていると思います。 このうち、3 つ目の、様々な開発言語やプラットフォームのアプリケーションから AWS サービスを利用するためのツール群は AWS SDK と呼ばれています。 現在 (2022 年 1 月 15 日時点) では、右図のように Python, Java, C++, Go などの主要な開発言語向けの AWS SDK が提供されています。 またこれらの言語に加えて、昨年末の AWS re:Invent 2021 では Swi

                                                                                    AWS SDK の裏側を見てみよう ! ~AWS SDK for Go (v1) のコードとともに (前編) - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS