並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1976件

新着順 人気順

Bootstrapの検索結果321 - 360 件 / 1976件

  • Better together: AWS SAM and AWS CDK | Amazon Web Services

    AWS Compute Blog Better together: AWS SAM and AWS CDK Today AWS is announcing the public preview of AWS Serverless Application Model CLI (AWS SAM CLI) support for local development and testing of AWS Cloud Development Kit (AWS CDK) projects. AWS SAM and AWS CDK are both open-source frameworks for building applications using infrastructure as code (IaC). AWS SAM is template-based using JSON or YAML

      Better together: AWS SAM and AWS CDK | Amazon Web Services
    • 🔭 RustでOpenTelemetryをはじめよう | Happy developing

      本記事ではRustでOpentelemetryをはじめることを目標に以下の点について書きます。 OpenTelemetryの概要RustのapplicationにOpenTelemetryを導入する方法前半は公式docを読みながら登場人物を整理し、後半は実際にdocker-compose上でそれらを動かします。 またRustではtracing-opentelemetry crateを利用します。 tracingについては別の記事で基本的な仕組みについて書いたのでopentelemetry固有の処理について述べます。 sample code traceの設定については、別の記事に詳しい説明を書きました。 OpenTelemetryとは最初にOpenTelemetryについての現時点での自分の理解は以下です。 OpenTelemetryとは文脈により以下のいずれかを指す CNFNのprojec

        🔭 RustでOpenTelemetryをはじめよう | Happy developing
      • EC2 Image Builderを用いたRedashの運用改善 - ZOZO TECH BLOG

        こんにちは、SRE部の谷口(case-k)です。 本記事では、EC2 Image Builderを使いRedashの運用改善を行った事例をご紹介します。運用しているRedashについてご紹介し、その後、Redashの運用課題に対してEC2 Image Builderでどのように解決したかTipsも踏まえご紹介します。 余談ですが全国どこでも働けるようになったので沖縄に住めています(感謝!) https://press-tech.zozo.com/entry/20210118_zozotechpress-tech.zozo.com 目次 目次 運用しているRedashの紹介 役割 インフラ構成 クエリ実行の流れ EC2インスタンス起動時の処理 Redashの運用課題 EC2 Image Builderによる課題解決 EC2 Image Builderの紹介 各リソースのTips 事前準備 コ

          EC2 Image Builderを用いたRedashの運用改善 - ZOZO TECH BLOG
        • 新型コロナの影響で無料提供中!クリエイティブなオンラインツール、サービスまとめ

          新型コロナウイルスの急速な拡大によって、他人と距離を1メートル、できれば2メートルのソーシャルディスタンスをとりましょう、という考え方から、不要不急の外出を控えて、自宅にこもりがちになっています。 そんなストレスのたまりそうな環境でも、クリエイティブな分野で活躍するデザイナー個人、グループ、企業などが数え切れないほどの無料サービスを提供してくれています。 この記事では、現在新型コロナウイルスの世界的流行によって、無料提供されているオンラインツールやサービスをまとめてご紹介します。 デザイナーやアーティストを支援するものが中心で、学校休校で暇をしている子供たちにもオススメしたい塗り絵などもコレクションしています。このリストは、随時アップデート予定となります。 新型コロナの影響で無料提供されているオンラインツール、サービスまとめ ■ Adobe CCが2ヶ月の無料利用期間を提供 アドビは、先日

            新型コロナの影響で無料提供中!クリエイティブなオンラインツール、サービスまとめ
          • 画像生成AI・ChatGPT・ゲーム開発・アプリ開発・AWS資格など新たなスキルを手に入れて人生をステップアップするUdemy講座まとめ

            新しいスキルを手に入れると、市場価値が高まって収入が増えたり、クリエイターという新たな立場を手に入れることで将来的に自分の名前自体がブランド化して自立性の高いキャリアを築けるものですが、新たに物事を学んで習得するのは一人ではなかなか難しいものです。そうした新たなスキルを身につけようとする人を現場で活躍する講師によるムービー形式の分かりやすい講座で支援してくれるサービスがオンライン学習プラットフォームの「Udemy」で、AI関連の先進的な講座から、資格関連の手堅い講座まで幅広いラインナップが取りそろえられています。ちょうどUdemyが5月16日(火)から5月24日(水)まで、対象講座を1200円~という手頃な価格で購入可能なセールを実施しているとのことなので、人生のステップアップに役立ちそうな講座を6つピックアップしてみました。 オンラインコース - いろんなことを、あなたのペースで | U

              画像生成AI・ChatGPT・ゲーム開発・アプリ開発・AWS資格など新たなスキルを手に入れて人生をステップアップするUdemy講座まとめ
            • Rust by Example 日本語版が公式に公開されるまで

              はじめに 2024/07/25 にリリースされた Rust 1.80.0 にて Rust by Example の日本語版が公式に公開されました。画面右上にある地球儀のアイコンから日本語を選択可能になっています。 この取り組みを始めたのは2023年の10月頃だったのですが、さまざまなレビュー待ちやRustにおけるドキュメント公開フローをよく分かっていなかったことによる失敗もあり、最終的には1年近くかかってしまいました。 Rustはコンパイラの開発などかなり良くドキュメント化されている(Rust Compiler Development Guide)のですが、ドキュメントの管理についてはほとんど資料がなく、Zulip で聞かないと分からないようなこともありました。 この記事ではこの1年でやってきたことを時系列で書いていきます。Rustのドキュメントに貢献したい人には参考になる部分があるかもし

                Rust by Example 日本語版が公式に公開されるまで
              • Introducing Project IDX, An Experiment to Improve Full-stack, Multiplatform App Development

                Introducing Project IDX, An Experiment to Improve Full-stack, Multiplatform App Development Posted by Bre Arder, UX Research Lead, Kirupa Chinnathambi, Product Lead, Ashwin Raghav Mohan Ganesh, Engineering Lead, Erin Kidwell, Director of Engineering, and Roman Nurik, Design Lead These days, getting an app from zero to production – especially one that works well across mobile, web, and desktop plat

                  Introducing Project IDX, An Experiment to Improve Full-stack, Multiplatform App Development
                • Go の x/text/transform を自作する方法 & おもしろ実装サンプル - ANDPAD Tech Blog

                  前置き この記事は ANDPAD Advent Calendar 2022 の 12日目の記事です。 全力で身内ネタですがQCの冨士川さんの韻を踏む記事で大量に並ぶラップ音声ファイルを見て腹抱えて笑いました。果たして全部聞いた人はいるのか……!?この位のゆるさが好き。 お久しぶりです、バックエンドのtomtwinkleです。 ANDPADボードのバックエンドリードエンジニアをしております。 今回の記事は「ちょっと早めの忘年Goパーティ」で発表したLTの内容の解説コーナーです。レッツトランスフォーム! voicy.connpass.com と、その話に入る前に 🎊 Go 1.20 Release Candidate 1 is released! 🏃‍♂️ Run it in dev! Run it in prod! File bugs! https://t.co/Ul1xGhvlkf

                    Go の x/text/transform を自作する方法 & おもしろ実装サンプル - ANDPAD Tech Blog
                  • AWS Step FunctionsとSSM RunCommandでWebシステムの起動・停止のジョブネットを組んでみた | DevelopersIO

                    ジョブ管理システムから抜け出したくないですか? こんにちは、のんピ です。 皆さんはジョブ管理システムから抜け出したいと思ったことはありますか? 私は常に思っています。 ジョブ管理システムとは、バッチ処理やOSの起動の一つ一つの処理をジョブとして、制御・運用をするシステムです。 ジョブ管理システムを使うことによって、定型業務を自動化するなどのメリットがあります。 しかし、私が思うに、ジョブ管理システムが便利だからこその辛みもあると思っています。 私が感じるジョブ管理システムの辛いところを以下にまとめます。 ジョブ管理システムで全てのシステムのジョブネットを管理しているがために、ジョブ管理システムのメンテナンスが大変 ジョブ管理システムが停止すると、全てのシステムに影響があるため、高い可用性が求められる ジョブ管理システムによっては、エージェント毎にライセンスの購入が必要になり、大量のクライ

                      AWS Step FunctionsとSSM RunCommandでWebシステムの起動・停止のジョブネットを組んでみた | DevelopersIO
                    • プロジェクト内のライブラリをロードしつつ、ブラウザで動作するPHPStan Playground - pixiv inside

                      こんにちは。開発支援チームでpixivのコーディング環境の向上をしているyosatakです。 pixivではPHPStanを活用して、スクリプト言語であるPHPのコーディング上のミスをデプロイ前に検出しています。 inside.pixiv.blog PHPStanは開発者にエディタを強制したりせずに静的な型検査ができるだけではなく、入力のアサーション関数などに対してPHPStan拡張を書くことでリクエストパラメータなどの不確定な入力に厳密に型をつけ、PHPで安全にコーディングすることができるようになります。 それでも、10年以上メンテナンスされつづけているpixivのソースコードに型を付けていくのは容易ではありません。 PHPStanで特定のファイルの解析を掛けたい場合は、autoloadするファイルをbootstrapFilesに指定されたphpstan.neon(.dist)が設置され

                        プロジェクト内のライブラリをロードしつつ、ブラウザで動作するPHPStan Playground - pixiv inside
                      • Understanding all of Python, through its builtins

                        Python as a language is comparatively simple. And I believe, that you can learn quite a lot about Python and its features, just by learning what all of its builtins are, and what they do. And to back up that claim, I'll be doing just that. Just to be clear, this is not going to be a tutorial post. Covering such a vast amount of material in a single blog post, while starting from the beginning is p

                          Understanding all of Python, through its builtins
                        • Emacs Config From Scratch, Part 1: Foundations

                          Welcome to my new series Emacs From Scratch. I’m far from an Emacs expert, so join me in my quest to figure out how to create a useful Emacs setup from nothing1. In this part, we’ll install Emacs, set up sane defaults, packaging and do some basic UI tweaks to build a solid foundation. Table of Contents Install Emacs Remove UI elements Configure the package manager Set sane defaults Become evil Set

                            Emacs Config From Scratch, Part 1: Foundations
                          • SLOの運用のために OSS shimesabaの導入 - KAYAC engineers' blog

                            カヤックSREの池田です。今回は、カヤックのプロダクトの一つ『Tonamel』で導入したエラーバジェット算出ツール shimesabaの話をします。 shimesabaとは? github.com shimesabaは監視サービスであるMackerelを用いて、エラーバジェットを計算しサービスメトリックとして投稿することでSLI/SLOの運用を助けるツールです。 このツールを用いることで、以下のようなグラフが得られます。 この図の上部は、エラーバジェットの使用率=信頼性の損失率の推移を表すグラフになっています。 この図の下部は、エラーバジェットをいつ?どのくらい?損失したのかを表すグラフになっています。 一言で、エラーバジェットと言ってもいくつかの計算方法が存在します。 今のところshimesabaでは、Rolling windowのコンプライアンス期間で、Windows-based SL

                              SLOの運用のために OSS shimesabaの導入 - KAYAC engineers' blog
                            • Storybook 6.2

                              Storybook is the industry standard UI development workshop for components and pages. It's used by Netflix, Slack, Target, Shopify, Stripe, and thousands of teams around the world. As a modern frontend developer, you’re in a constant cat-and-mouse game to stay on top of ecosystem changes. Every Storybook release contains hundreds of adaptations to try to make that easier for you, whether you’re upg

                                Storybook 6.2
                              • LPやWeb製作を高速化するUIコンポーネント集を作った

                                リンク コンポーネントの例 概要とモチベーション Camome UI はひとことで言うと「抽象度の高い UI コンポーネント集」です。 Bootstrap や MUI などのフレームワーク・ライブラリの類とは異なり、網羅的・汎用的なパーツを提供することが目的ではありません。つまり Button や Input や、もう少しハイレベルな Navbar などを高いカスタマイズ性とともに提供するつもりはありません。 それよりも「LP のこの部分にコピペすればサクッと決まる」ような体験を重視しています。UI デザインといっても、多くの場合はそれほど変わったものが求められるわけではなく、使い回せるものが大半だと思います。 要するに「デザインの常套句」みたいなものが存在するわけです。Camome UI はそういう「よくある」デザインをたくさん収録することを目的としています。 プログラミングは得意でもデ

                                  LPやWeb製作を高速化するUIコンポーネント集を作った
                                • The Best Go framework: no framework?

                                  Robert Laszczak Principal Engineer at SlashID. Co-founder of Three Dots Labs. Creator of Watermill. While writing this blog and leading Go teams for a couple of years, the most common question I heard from beginners was “What framework should I use?”. One of the worst things you can do in Go is follow an approach from other programming languages. Other languages have established, “default” framewo

                                    The Best Go framework: no framework?
                                  • D1: our quest to simplify databases

                                    This post is also available in Deutsch, Français. When we announced D1 in May of this year, we knew it would be the start of something new – our first SQL database with Cloudflare Workers. Prior to D1 we’ve announced storage options like KV (key-value store), Durable Objects (single location, strongly consistent data storage) and R2 (blob storage). But the question always remained “How can I store

                                      D1: our quest to simplify databases
                                    • Web制作で気になることのアンケート結果(2019年版)

                                      Web技術 Web制作で気になることのアンケート結果(2019年版) Thursday, October 24th, 2019 Web制作で以前から気になっていたことについて、Twitter の投票機能でアンケートを採ってみました。 アンケートの実施期間は2019年1月〜10月です。 回答者の属性について Twitter のアンケート機能では「誰が回答したか」は質問者でも見ることかできません。 それぞれの質問の回答件数は100〜300件前後で、私のフォロワーの方が多いと思われます。 (ご回答いただき、ありがとうございます。) 私のフォロワーの方は東京の方が多いですが、Twitter アナリティクス によると、近畿、大阪、中部、福岡、東北など日本全国様々な地域の方がいます。 98% が日本在住の方です。 性別(推定)は 71% が男性、29% が女性となっています。 Webデザイン・コーディ

                                        Web制作で気になることのアンケート結果(2019年版)
                                      • Rust 1.60を早めに深掘り - OPTiM TECH BLOG

                                        こんにちは、R&Dチームの齋藤(@aznhe21)です。 新オフィスは広くて快適です。 さて、本日4/8(金)にRust 1.60がリリースされました。 この記事ではRust 1.60での変更点を詳しく紹介します。 4/8は釈迦の誕生を祝う花まつりの日 ピックアップ コンパイル時間を計測できるようになった 機能(features)で名前空間付き・弱依存がサポートされた コード網羅率を計測できるようになった [u8]を文字列としてエスケープできるようになった 安定化されたAPIのドキュメント Arc::new_cyclic パニック サンプル Rc::new_cyclic パニック サンプル slice::EscapeAscii <[u8]>::escape_ascii サンプル u8::escape_ascii サンプル Vec::spare_capacity_mut サンプル Maybe

                                          Rust 1.60を早めに深掘り - OPTiM TECH BLOG
                                        • Go1.20 New Features

                                          Go1.20 が2023年2月2日にリリースされ、そのリリースノートが公開されています。この記事ではその中から気になったものを抜粋し、いくつかの機能に関しては使用例も載せていきます。 それでは見ていきましょう! spec slice から array への変更が可能になりました。 Go1.17 では slice から array の pointer に変換できる言語仕様が追加されましたが、slice から array に変換するには一度 pointer を経由しなければいけませんでした。Go1.20 からは直接 slice から array に変換できるようになります。 /* slice を要素数4の array に変換する */ x := []int{1, 2, 3, 4} // Go1.20 より前 a1 := *(*[4]int)(x) // Go1.20 以降 a2 := [4]i

                                            Go1.20 New Features
                                          • terrraformを使ったGoのLambdaの管理 - カンムテックブログ

                                            SREの菅原です。 カンムのサービスはWebサービス・バッチ処理なども含めて基本的にはECS上で動かしているのですが、簡単なバッチ処理はLambda+EventBridge Schedulerの組み合わせで動かすこともあります。 LambdaはECSに比べてDockerイメージのビルドやECRの準備が不要で作成の手間が少ないのですが、terraformでデプロイまで含めて管理しようとすると少し問題がありました。 terraformでのLambdaのデプロイの問題点 例えば以下のような構成のNode.jsのLambdaをデプロイする場合 / ├── lambda.tf └── lambda ├── app.js ├── package-lock.json └── package.json // app.js const util = require("util"); const gis =

                                              terrraformを使ったGoのLambdaの管理 - カンムテックブログ
                                            • Bootstrap 5 alpha!

                                              The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Bootstrap 5’s very first alpha has arrived! We’ve been working hard for several months to refine the work we started in v4, and while we’re feeling great about our progress, there’s still even more to do. We’ve been focused on making the migration from v4 to v5 more ap

                                                Bootstrap 5 alpha!
                                              • 地味に便利!さまざまなプロジェクトに適したHTMLのテンプレートを簡単に生成できる -HTML Boilerplates

                                                普通に使えるシンプルなHTMLのテンプレートをはじめ、jQueryを使用するHTMLのテンプレート、Bootstrapを使用するHTMLのテンプレート、ソーシャルメディア用のタグを記述したHTMLのテンプレート、クッキーの確認やローダーを表示するHTMLのテンプレートなど、さまざまなプロジェクトに適したHTMLのテンプレートを簡単に作成できるオンラインサービスを紹介します。 テンプレートは汎用性が高いので、スニペットに登録しておくと便利ですね。

                                                  地味に便利!さまざまなプロジェクトに適したHTMLのテンプレートを簡単に生成できる -HTML Boilerplates
                                                • R50のリープフロッグ ~ 西暦2020年の今、偏差値50のプログラマを目指すお前が学ぶべきこと - Qiita

                                                  タイムスタンプ 初回投稿日:2020年06月26日 最終更新日:2020年07月18日 対象読者 この投稿は、ちょうど20年ほど前にソフトウェアエンジニアとしてのピークを迎えていた当時30歳くらいの自分自身に宛てて書いた手紙です。 したがって、この内容は個人的なものであり、くたびれた老兵の戯言であり、ピントがずれ時代を捉えきれておらず、網羅的でもなければ他者には通じないアナロジーに溢れていて、多くの方にとって役に立たないばかりか、酷い勘違いや致命的な間違いを含んでいるかもしれません。 とは言うものの、現在の私のように、今もなお 20 年前の知見や思考パターンが生活のベースになっている方、新しい知識や用語は押さえているもののそれが今一つ自身の血肉になっていないと感じている方、最近の技術トレンドを押さえたいけれど情報の洪水に溺れそうになり何から手を付ければいいかわからないという方にとっては、あ

                                                    R50のリープフロッグ ~ 西暦2020年の今、偏差値50のプログラマを目指すお前が学ぶべきこと - Qiita
                                                  • 【PR】『Tailwind CSS実践入門』を2024年1月26日に出版します

                                                    おそらく日本語の商業出版の技術書ではほぼ初となる[1]、Tailwind CSSの本格的な入門書を発売します(そして私にとっては初の単著となります!)。 技術評論社様の「エンジニア選書シリーズ」という比較的新しめのレーベルです。表紙が風車なので、愛称として「風車(ふうしゃ)本」とでも呼んでもらえると喜びます! 物理版&電子版の両方が出ます。Amazonほか各種ECサイトなどでお求めください。 コンセプトと構成 この本はHTMLやCSSそのものの基礎は扱いません。 「すでにCSSを使ったことがあり、CSSの設計で苦しみを味わってきた開発者(本文まえがきより引用)」が対象読者です。 コンセプトとしてはTailwind CSSというフレームワークの入門書である以上に、ユーティリティファーストという思想への入門書を志向しています。全9章ですが、どの章も概ね以下の3つのテーマを巡って展開しています。

                                                      【PR】『Tailwind CSS実践入門』を2024年1月26日に出版します
                                                    • Reimagine Atomic CSS

                                                      [[toc]] This post will be a bit longer than usual. It's quite a big announcement to me, and there are many things I want to talk about. I'll be appreciated if you take the time to read through it. The table of contents is hidden on the left if you are on a desktop. Hope you enjoy :) 中文 Chinese Version What is Atomic CSS? Let's first give a proper definition to Atomic CSS: From this article by John

                                                        Reimagine Atomic CSS
                                                      • Replit — Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser

                                                        EngInfraAce, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser I’ve been working on Replit for roughly six years now, and as the team has grown, I’ve focused on the IDE (what we call the workspace) portion of the product. Naturally, I was increasingly preoccupied with the code editor. While we’ve considered creating a code editor that meets our needs, the complexity i

                                                          Replit — Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser
                                                        • Rails Bytes

                                                          Find or create an app template Choose one of our existing templates, or create your own to add a feature you want. Run the template Every template has a simple command you can run. Review the template, then copy and paste into your terminal and you're off to the races. Try this Hello World example template. Don't worry, it won't change anything. rails app:template LOCATION='https://railsbytes.com/

                                                          • 4 Ways to Remove Unused CSS

                                                            Image by Ron Porter from PixabayCSS files can easily gain redundant KBs over time. It may happen due to leftovers from historic stylings or simply because you’ve used a large CSS framework like Bootstrap (147 KB when minimized) and most probably have used only a fraction of what it has to offer. Unused CSS slows down page loading and makes maintenance much more difficult than it has to be. Unused

                                                              4 Ways to Remove Unused CSS
                                                            • 実践IPFS入門

                                                              菊池将和(きくちまさかず) 外資系証券会社で金融商品開発責任者を経て,ハーバード大学でソフトウェア・エンジニアリングの修士号を取得。ブロックチェーンエンジニアとしてSecuritize Japanに参画後,2020年のハッカソンでEthereum Foundation,Protocol Labsから賞を受賞したことをきっかけにConsenSys主催のアクセラレータに採択される。現在はWeb3メンターやETHGlobalハッカソンの審査員を務める一方,スイスを拠点にSecured Finance AGを立ち上げ,DeFi(分散型金融)・デジタル資産領域における革命的なFixed Income市場の整備を先導。設立半年で$4Mを調達。内閣府Trusted Web推進協議会のタスクフォース委員も務める。 第1章 IPFSについて 1.1 IPFSの概要 1.1.1 IPFSの概念と定義 1.1.

                                                                実践IPFS入門
                                                              • SmartHR創業CEO宮田さんと新CEOになる芹澤CTOにバトンタッチの舞台裏を聞いた | Coral Capital

                                                                月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください! 今年5月にシリーズDで約156億円の資金調達をしてユニコーン企業となったSmartHR。その創業者でCEOだった宮田昇始さんが代表取締役を退任し、これまでCTOだった芹澤雅人さんが2022年1月に新CEOに就任することを12月8日に発表しました。宮田さんはSmartHRの取締役ファウンダーとして残りつつ、SaaSとFintechに取り組む子会社を年明けにも立ち上げる予定です。 Coral Capital創業パートナーCEOのJames RineyはSmartHRに出資するベンチャーキャピタリスト、また社外取締役として同社の素

                                                                  SmartHR創業CEO宮田さんと新CEOになる芹澤CTOにバトンタッチの舞台裏を聞いた | Coral Capital
                                                                • GitHub - iamakulov/awesome-webpack-perf: A curated list of webpack tools for web performance

                                                                  Awesome Webpack Perf A curated list of webpack tools and plugins that help make the web faster Contents Built-in stuff JS minifiers CSS Minifiers Other optimizers Extraction plugins Critical CSS plugins CSS-in-JS Minification Zero-runtime libraries Images Image compression tools: universal Image compression tools: for a single format Other tools Fonts Gzip/Brotli Service workers <link rel> and <sc

                                                                    GitHub - iamakulov/awesome-webpack-perf: A curated list of webpack tools for web performance
                                                                  • CSSフレームワークからみる、フォーカス・インジケータの違いを考察 - ME to FE

                                                                    CSSフレームワークからみる、フォーカス・インジケータの違いを考察 フォーカスってなに? フォーカスの可視化について フォーカスのスタイル CSSフレームワークはどのような対応をしているのか? BULMA 特徴 Bootstrap 特徴 Materialize 特徴 Pure.css 特徴 skeleton 特徴 CSSフレームワークの総評 1. Bootstrap 2. BULMA 3. Pure.css 4. Skeleton 5. Materialize まとめ フォーカスってなに? 「フォーカス」とは、パソコン画面上でウインドウや入力ボックス、アイコンやボタン、画像といった対象物が「次の操作」を受けられる(アクティブな、選択された)状態のことです。 引用:weblio辞書「フォーカス」(別窓でリンク) 上記の動作サンプルを例にすると、テキストフォーム、セレクトフォーム、ラジオボタン

                                                                      CSSフレームワークからみる、フォーカス・インジケータの違いを考察 - ME to FE
                                                                    • チームメンバーの活動を知る工夫 - BASEプロダクトチームブログ

                                                                      この記事はBASE Advent Calendar 2022の3日目の記事です。 どうもこんにちは、ShopFrontチームの青木です。 主にショップデザイン関連機能の開発を担当しています。 今回は、チームのEMをしていた頃に、メンバーのGitHubやKibelaの活動など一箇所でまとめて見れるWebアプリを作成した話になります。 作成したWebアプリについて 自分のページのスクリーンショット 構成 ローカル環境で利用することを想定したもの 環境変数に各種PAT等設定をし、Asana API, GitHub GraphQL API, Slack APIを利用しています フレームワークにはNext.js, Bootstrap5を選定しました 主な機能 メンバーごとに、期間を指定して、以下のようなことができます。 Asanaのアサイン中のTask、GitHubの活動、Kibelaの活動、Uni

                                                                        チームメンバーの活動を知る工夫 - BASEプロダクトチームブログ
                                                                      • redbean

                                                                        redbean single-file distributable web server redbean is an open source webserver in a single-file that runs natively on six OSes for both AMD64 and ARM64. Basic idea is if you want to build a web app that runs anywhere, then you download the redbean.com file, put your .html and .lua files inside it using the zip command, and you've got a hermetic app you deploy and share. redbean embeds Lua, SQLit

                                                                          redbean
                                                                        • WordPress同梱のjQueryがついに最新版にアップデート – Capital P – WordPressメディア

                                                                          WordPressにはjQueryが同梱され、サイトの随所で利用されているが、そのバージョンがついに最新版(現時点では3.5系)にアップデートされることがmakeブログで発表された。これまでは1.x系にパッチを当てたものが同梱されていたが、ついに最新版に上がるようだ。筆者は、つぎはぎだらけのお古ジーパンを着させられていたキッズが最新の服を買ってもらったような喜びを覚えた。 via GIPHY リリースまでのマイルストーンは次の通り。 jQuery Migrate 1.x(後方互換ライブラリ)をWordPress5.5から削除WordPress 5.6からjQuery、jQuery MigrateおよびjQuery UIを最新版にアップデート。WordPress5.7以降でjQuery Migrateを削除 5.5が2020年8月リリース予定なので、年内にはjQueryが最新バージョンになる

                                                                            WordPress同梱のjQueryがついに最新版にアップデート – Capital P – WordPressメディア
                                                                          • Dark Side of DevOps

                                                                            Transcript Protsenko: My name is Mykyta. I work at Netflix. My job is basically making sure that other developers don't have to stay at work late. I call it a win when they can leave at 5 p.m., and still be productive. I work in the platform organization, namely in productivity engineering, where we try to abstract toil away for the rest of engineers. Where we try to make sure that the engineers c

                                                                              Dark Side of DevOps
                                                                            • Web制作やアプリ開発で、ChatGPTにしてもらうと便利なことをまとめた解説書 -エンジニアのためのChatGPT活用入門

                                                                              ※本ページは、アフィリエイト広告を利用しています。 今年は、Webサイトの制作やアプリの開発にAIを活用するシーンがさらに増えそうですね。「HTMLで入力フォームを作って、CSSはBootstrapで。」「MySQLで商品名・価格・在庫数を管理するデータベースを作って。」とお願いすれば、AIはすぐに適切なコードで作成してくれます。 Webサイト制作やアプリ開発の現場でChatGPTにしてもらうと便利なことをまとめた解説書を紹介します。 本書は、ブラウザ版のGPT-3.5をメインに導入方法をはじめ、ゼロからWebアプリを作ったり、在庫管理システムを作ったり、作業負担を軽減する小さなプログラムを作ったり、サイトの仕様書や規約などのドキュメントを書いたり、と実際に作りながらその使い方を学べる解説書です。最後の章ではGPT-4でのより完璧なコードで作る方法もあります。

                                                                                Web制作やアプリ開発で、ChatGPTにしてもらうと便利なことをまとめた解説書 -エンジニアのためのChatGPT活用入門
                                                                              • uv: Unified Python packaging

                                                                                TL;DR: uv is an extremely fast Python package manager, written in Rust. We first released uv in February as a drop-in replacement for common pip workflows. Today, we're announcing a series of features that extend uv beyond a pip alternative, and into an end-to-end solution for managing Python projects, command-line tools, single-file scripts, and even Python itself. It's Cargo, for Python: a unifi

                                                                                  uv: Unified Python packaging
                                                                                • 利用状況から見るMackerelで人気のメトリックプラグイン トップ10 - Mackerel ブログ #mackerelio

                                                                                  MackerelチームCREの吉田(id:syou6162)です。Mackerelの特徴の一つに豊富なプラグインの存在がありますが、たくさんあるがゆえに「どれを使うといいんだろう?」と迷われる方もいらっしゃるかと思います。また、「プラグインを導入後、ミドルウェアのメトリックが可視化できるようになった。しかし、どのメトリックを監視すればよいのだろうか?」と悩んでおられる方もいらっしゃるかと思います。 今日はそういった方に向けて Mackerelで利用数の多いメトリックプラグイン、トップ10 ホストメトリックの監視に使われている代表的なメトリックプラグインのメトリック を紹介しようと思います。 なお、Mackerelのプラグインは以下の3種類が存在していますが、今回はメトリックプラグインの利用状況についてのエントリとなります。 メトリックプラグイン ホストに紐付く統計量をカスタムメトリックとし

                                                                                    利用状況から見るMackerelで人気のメトリックプラグイン トップ10 - Mackerel ブログ #mackerelio