並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 152件

新着順 人気順

introductionの検索結果81 - 120 件 / 152件

  • 仕事ができる人は「○○の前」に「下書き」をする。仕事効率が確実に上がる3つの下書き術 - STUDY HACKER(スタディーハッカー)|社会人の勉強法&英語学習

    「書類やメールなど、文章を書くのが苦手……」 「スライドづくりにいつも時間がかかる。もっと手早くできるようになりたい」 このような悩みをもつ人は、日々の業務に “下書き” を取り入れてみてはいかがでしょうか? できるビジネスパーソンのなかには、下書きを習慣化している人も多いようです。具体的な実践例とあわせてご覧ください。 1.「PowerPointを立ち上げる前」に下書きする PowerPointを立ち上げる前に「手書き」で下書きしてみた 2.「話す前」に下書きする 話す前に「紙1枚」で下書きしてみた 3.「自分で書く前」にAIを活用して下書きする メールを書く前に「AIで」下書きしてみた 1.「PowerPointを立ち上げる前」に下書きする 文章だけでなく図やグラフなどを入れることの多いスライド作成には、手間がかかりがち。少しでも早くスライドに落とし込まないと……と焦る気持ちもあるかも

      仕事ができる人は「○○の前」に「下書き」をする。仕事効率が確実に上がる3つの下書き術 - STUDY HACKER(スタディーハッカー)|社会人の勉強法&英語学習
    • JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ

      JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ 現在、モダンなJavaScript開発環境としては、ESLintに代表される構文チェッカーや、Babelに代表されるJavaScript変換ツール、モジュールを組み合わせるなどのバンドル操作を行うWebpackなど、さまざまなツールを組み合わせる、いわゆるツールチェインを用いるのが一般的となっています。 こうしたなかで、このツールチェインの機能をすべて備えた1つのツールでJavaScriptの開発環境を統一してしまおうというオープンソースのプロジェクト「Rome」が、昨年発表されました。 Romeでは、JavaScriptやTypeScript、JSXなどでの開発において、現時点で以下の領域をカバーする予定です。HTML、CSS、Markdown、JSONなどにも対

        JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ
      • 音声入力でメモを書けるウェブアプリを書いた、x-callbackを使ったアプリケーション連携

        voicodという音声入力でメモを書けるシンプルなウェブアプリケーションを書きました。 音声入力でメモができるシンプルなアプリケーションを書きました。https://t.co/EHSKnNKNaL x-callbackを使ってショートカット.app 等と連携すれば、入力内容をNotionに保存したりできます。 Note: SpeechRecognitionに対応したブラウザ(ChromeやSafari)が必要 Source: https://t.co/NnzXVjlGnF pic.twitter.com/yzoA3VIzzl — azu (@azu_re) February 10, 2022 SpeechRecognitionというウェブブラウザで音声認識をするAPIを使っているので、このAPIに対応しているブラウザが必要になります。 具体的にはGoogle ChromeやSafariなど

          音声入力でメモを書けるウェブアプリを書いた、x-callbackを使ったアプリケーション連携
        • 厚生年金保険・健康保険適用事業所情報を検索できます|日本年金機構

          • 組み込みシステム向けDBであるSQLite入門 - MyEnigma

            Using SQLite: Small. Fast. Reliable. Choose Any Three. (English Edition) 目次 目次 はじめに SQLiteの歴史 特徴 トランザクションがある 設定がない 様々なSQL機能が利用可能 クロスプラットの単一ファイルで管理 高速にデータにアクセスできる 大規模なデータを管理できる ソフトウェアが小さい ソフトウェアやファイルフォーマットが安定している ソースコードがPublic domainで公開されている。 ソフトウェアとしての品質が高い 使い方 公式のCLIツールを使う Pythonの公式モジュールsqlite3を使う PandasのDataFrameとSQLiteをやり取りする 参考資料 MyEnigma Supporters はじめに 世界で最も使われているOSSってなんだろうと考えた時に、 真っ先に思いつくのが

              組み込みシステム向けDBであるSQLite入門 - MyEnigma
            • 【入門】データベース設計まとめ - Qiita

              はじめに 今回はデータベース設計について学び直したので内容をまとめていきます。 自分は2021年に新卒でWeb系の開発会社にフロントエンジニアとして入社し2022年で2年目になります。 実務ではNext.js×TypeScriptを利用したフロントの開発をメインで行っています。 直近の開発案件でRailsを使ったサーバーサイドの開発を担当することになり、DB設計を触ったのですが体系的な理解をしていなかったので苦戦をしました。 実装はできたものの、データベース設計を「なんとなくの理解」で終わらせないように、体系的に学び直しました。 データベース設計の学習に関しては下記の書籍を参考に進めました。 スッキリわかるSQL入門 達人に学ぶDB設計 徹底指南書 対象者 データベース設計について基礎から学びたい人 何となくデータベースの設計をしている人 正規化について学びたい人 データベースとDBMS

                【入門】データベース設計まとめ - Qiita
              • 【初心者】React × TypeScript 基本の型定義

                はじめに ここ最近TypeScriptの学習をしていまして、その学習記録をZennに投稿し続けていました。 その中で、TypeScriptの基礎学習の最後として投稿した以下の記事では、TypeScriptを用いてReact開発をする際に最低限必要となるであろうTypeScriptの型について簡単にまとめました。 TypeScript 学習記録 #8(Reactに関わる型定義) 先述の記事を書いている際、TypeScriptを用いたReactの基本的な型定義について網羅的にまとめている記事がまだまだ多くないように感じたため、今回「React × TypeScriptの基本の型定義」について改めてまとめ直してみることにしました。 TypeScriptの基礎学習を終え、これからTypeScriptを利用してReactやNext.jsでの開発をしてみようという方の参考になれば幸いです。 そこそこ長

                  【初心者】React × TypeScript 基本の型定義
                • プレイ前に読みたい「バルダーズ・ゲート3」の予備知識。関連作品と歴史から読み解く,フォーゴトン・レルムの歩き方

                  プレイ前に読みたい「バルダーズ・ゲート3」の予備知識。関連作品と歴史から読み解く,フォーゴトン・レルムの歩き方 ライター:傭兵ペンギン Larian Studiosが開発を手がけたターン制RPG「バルダーズ・ゲート3」(PS5 / PC,以下,BG3)の日本語版が,スパイク・チュンソフトから2023年12月21日に発売となる。 日本に先んじること約4か月,9月6日に正式ローンチが行われた海外版は,Steamでのレビューはもちろん各種レビューサイトで高評価を得ており,さらに先日発表されたGolden Joystick Awardsでは,最高賞である「Ultimate Game of the Year」を受賞するなど,人気を不動のものとしてる。4Gamer読者の中にも,その人気の理由が気になっている人も多いのではないだろうか。 本稿では,そんなBG3の面白さについて掘り下げると共に,プレイ前に

                    プレイ前に読みたい「バルダーズ・ゲート3」の予備知識。関連作品と歴史から読み解く,フォーゴトン・レルムの歩き方
                  • 【入門】Electron完全に理解した

                    Electronとは Electronとは、GitHubが開発したオープンソースのフレームワークです。macOS、Windows、Linuxといったクロスプラットフォームに対応したデスクトップアプリを開発することができます。 ChromiumとNode.jsを使用しているため、HTML、CSS、JavaScriptなどのWeb技術を駆使してデスクトップアプリをつくれるのが大きな特徴のひとつです。 エンジニアにはお馴染みのVSCodeやSlackをはじめ、FigmaやTwich、Microsoft TeamsなどのデスクトップアプリにもElectronが採用されています。 そんなElectronを完全に理解するために、お約束のHello Worldから入門してみました。 WindowsでHello Worldしてみる 本記事ではWindowsでの環境構築とアプリのインストーラー作成までの流れ

                      【入門】Electron完全に理解した
                    • https://twitter.com/clcoding/status/1578192383144910848

                        https://twitter.com/clcoding/status/1578192383144910848
                      • TypeScript Bootcamp 2020

                        2020年度リクルート新人ブートキャンプ エンジニアコースの講義資料です

                          TypeScript Bootcamp 2020
                        • Eagle - 画像収集と管理するアプリ

                          デザイン事例、スクリーンショット、画像、動画、音声などの素材を簡単に整理し、アイデアを生み出し、仕事の効率をさらに高めましょう!

                            Eagle - 画像収集と管理するアプリ
                          • 初学者が覚えたいチーム開発でのGit操作 - Qiita

                            Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 個人開発の場合はそんなに意識することがないGitですが、チーム開発においては重要な役割を果たします。 はじめのうちは構造が見えず混乱するかと思いますが、流れをイメージ出来ればそんなに難しいものではありません。 これを見れば開発に必要なGitコマンドとリポジトリの構造、Githubでの管理手順を理解し開発の現場で実践できるようになります。 そもそもGitとは? 変更履歴を記録・追跡するための分散型バージョン管理システムである。 ざっくりいうとファイルのバージョン管理が簡単にできるツールといえます。 目次 Gitを理解するための基

                              初学者が覚えたいチーム開発でのGit操作 - Qiita
                            • GitHub Actionsって何?触ってみて理解しよう!入門・逆引きリファレンス - Qiita

                              ある日のこと 「さーて、今日もGitHubにコミットをプッシュしていくぞ〜〜」 「ローカルでコミットした変更をgit push origin mainして、、」 「github.comのレポジトリを見にいくと、、お!反映されているな!Initial Commitってちゃんと出ているぜ!」 「そういえば、いつも気にしていなかったけどActionsタブってのがあるな?これってなんだ?」 これがGitHub Actionsです。レポジトリごとに用意されていて、Actionsタブから管理、確認することができます。 「ほ〜。GitHub Actionsっていうのか・・なんのためにあるんだろう?ここで何ができるの?」 GitHub Actionsとは GitHub ActionsはGitHubがサービスの一環として提供する、ワークフロー自動化サービスです。 簡単に言えば、「開発している時にやりたいこと

                                GitHub Actionsって何?触ってみて理解しよう!入門・逆引きリファレンス - Qiita
                              • SOLID原則をまとめてみた Part1 ~SOLID原則とはなんぞや編~ - ecbeing labs(イーシービーイング・ラボ)

                                はじめに SOLID原則とは どうしてSOLID原則が生まれたのか ダメなソフトウェア設計の4つの原因 Rigidity-剛性 Fragility-脆弱性 Immobility-不動性 Viscosity-粘性 本当の原因 どんな変更が設計をダメにするのか おわりに&次回記事に続く… はじめに はじめましてorこんにちは! ecbeing2年目、R&D部門所属のいかちゃんです。 これまでは、Dockerの記事やスクラムに関する所感記事、JavaScriptライブラリに関する記事を書きました。 blog.ecbeing.tech そして今回…というより本シリーズでは、泣く子も黙る『Clean Architecture』本を参考に…。 https://www.amazon.co.jp/dp/B07FSBHS2Vwww.amazon.co.jp ソフトウェア設計の5つの原則として名高い「SOLI

                                  SOLID原則をまとめてみた Part1 ~SOLID原則とはなんぞや編~ - ecbeing labs(イーシービーイング・ラボ)
                                • 数学×Pythonプログラミング入門

                                  中学や高校で学んだ数学を題材にして、Pythonによる数学×プログラミングを学んでみよう。数学の教科書に載っている定理や公式だけに限らず、興味深い数式の例やAI/機械学習の基本となる例を取り上げながら、数学的な考え方を背景としてプログラミングを学べる連載。

                                    数学×Pythonプログラミング入門
                                  • Next.jsのnext/imageコンポーネントの使い方と注意点

                                    2020/10/27にNext.js 10がリリースされました。変更点は公式のブログがとても分かりやすくまとまっています。Next.js Confの動画をチェックするのも良いかもしれません(演出が良い感じです)。 Next.js 10で特に注目すべきは、画像最適化をしてくれるnext/imageコンポーネント(next/image)のビルトインサポートだと思います。この記事ではnext/imageについてまとめます。 next/imageとは next/imageは、画像の表示を最適化してくれるコンポーネントです[1]。 画像の最適化 具体的には、以下のような最適化を行ってくれます。 画像を閲覧デバイスに応じてリサイズして表示してくれる(元画像が大きくともスマホでは小さくリサイズされた画像を表示) PNGやJPEGなどの形式の画像を自動でWebPにしてくれる(しかもWebP対応ブラウザでの

                                      Next.jsのnext/imageコンポーネントの使い方と注意点
                                    • 「Vue.js」入門~JavaScriptフレームワークをTypeScriptで学ぼう

                                      本連載では、JavaScriptフレームワーク「Vue.js」を、型定義が利用できるようJavaScriptを拡張した言語「TypeScript」で活用する方法を、順を追って説明していきます。初回となる今回は、簡単なサンプルを通して、Vue.jsとTypeScriptの概要と機能を紹介していきます。 はじめに Webフロントエンド開発の分野では、JavaScriptを利用して動的なWebページを構築できるライブラリーやフレームワークがいくつかあります。Googleが中心となって開発しているAngularやその前身であるAngularJS、Facebookが中心となって開発しているReactなどが有名です。 本連載で取り上げるVue.jsも、そのようなフレームワークの一つです。JavaScriptを利用して、データとWebページの内容を結び付けて(バインディングして)表示したり、Webページ

                                        「Vue.js」入門~JavaScriptフレームワークをTypeScriptで学ぼう
                                      • 【2020年版】ドメイン駆動設計(DDD)初学者へ贈るおすすめ書籍 - RAKUS Developers Blog | ラクス エンジニアブログ

                                        こんにちは。west-cです。 携わっている新規サービスにてドメイン駆動設計(以下、DDD)を取り入れた開発を行っていることから、去年の秋頃からDDDの学習をはじめました。 今回は、私が学習にあたり読んだおすすめ書籍を紹介します。 目次 目次 ドメイン駆動設計とは おすすめ書籍 現場で役立つシステム設計の原則 〜変更を楽で安全にするオブジェクト指向の実践技法 ドメイン駆動設計 モデリング/実装ガイド ドメイン駆動設計入門 ボトムアップでわかる! ドメイン駆動設計の基本 Domain Driven Design(ドメイン駆動設計) Quickly 日本語版 実践ドメイン駆動設計 エリック・エヴァンスのドメイン駆動設計 おわりに ドメイン駆動設計とは 本題へ入る前に、「そもそもDDDって何?」という方へ3行でとてもざっくりと説明します。 DDDとは、ソフトウェアで問題解決しようとする領域(ドメ

                                          【2020年版】ドメイン駆動設計(DDD)初学者へ贈るおすすめ書籍 - RAKUS Developers Blog | ラクス エンジニアブログ
                                        • 【入門】フロントエンドのテスト手法まとめ - Qiita

                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 自分は2021年に新卒でweb系の開発会社にフロントエンジニアとして入社し2022年で2年目になります。 実務ではReact×TypeScriptを利用したフロント周りの開発をメインで行なっていなす。 今回は実務でNext.jsプロジェクトにテストを導入することになり「React-Testing-Library」と「Jest」について改めて学び直したのでその内容を紹介します。 はじめに「React-Testing-Library」と「Jest」の概要を説明しその上で具体的なテストコードを何パターンか書いていきます。 この記事の

                                            【入門】フロントエンドのテスト手法まとめ - Qiita
                                          • 無料&スクリプトひとつでウェブサイトに「視点の追跡機能」を実装できる「WebGazer.js」レビュー

                                            ウェブサイトを作成する際、文字やリンク、画像といったコンテンツの配置を決めるには、閲覧者がどのような「視点移動」を行っているかという情報があると便利です。無料のオープンソースソフトウェア「WebGazer.js」を使うと、スクリプトひとつで自身のウェブサイトに視点移動の追跡機能を実装することができます。 WebGazer.js: Democratizing Webcam Eye Tracking on the Browser https://webgazer.cs.brown.edu/# WebGazer.jsを使用している様子は、以下のムービーを見るとよくわかります。 WebGazer.js: Scalable Webcam EyeTracking Using User Interactions - YouTube まずはWgetコマンドを利用して「webgazer.js」ファイルをダウ

                                              無料&スクリプトひとつでウェブサイトに「視点の追跡機能」を実装できる「WebGazer.js」レビュー
                                            • GraphQLの基礎の基礎 - Qiita

                                              はじめに GraphQLについての知見が溜まってきたので、これから何回かに分けて記事としてまとめていきたいと思います。 GraphQLはWEB APIのクエリ言語であり、既存のデータに対してクエリ(データ取得の命令)を実行するためのランタイム(実行時に必要なもの)です。 REST APIと異なり、GraphQLではエンドポイントが1つだけであり、処理ごとに増やしていく必要もないので、管理しやすいことが大きな特徴です。 本記事では、GraphQL公式チュートリアルを参考に、実際にスキーマ言語を記述した上でGraphQL IDEにてクエリを書き、データの取得を実践します。 記事内で使用する言語はJavaScriptです。 GraphQLの歴史 GraphQLは2012年頃Facebook社が開発をスタートしたこときっかけに、2015年にはオープンソース化、2018年にはGraphQL Foun

                                                GraphQLの基礎の基礎 - Qiita
                                              • Rewritten in Rust: Modern Alternatives of Command-Line Tools · Zaiste Programming

                                                Shell is the essential tool for every programmer. The more familiar you become with the available tools, the more efficient you can be with using your computer. Here's a list of command-line tools written in Rust that aim to provide modern, often much faster, alternatives to the existing shell commands. bat bat is a cat clone with syntax highlighting and Git integration that works on Windows, MacO

                                                  Rewritten in Rust: Modern Alternatives of Command-Line Tools · Zaiste Programming
                                                • ユーティリティファーストCSSのススメ〜なぜ、セマンティックなclass命名は失敗するのか?|菱川拓郎

                                                  弊社では全ての新規サイトの構築で、CSSフレームワークをtailwindcssに切り替える意思決定を行い、実際に1年くらいが経過しました。「案件によって、tailwindが向いてそうなものは使う」ではなく「全ての案件で使用」です。使えば使うほどメリットの大きさを感じていますが、同時にtailwindcssの世界観が世間の常識とあまりにも違うため、社内のスタッフには少なからず戸惑いがまだ残っているように思います。 そこで、改めて「なぜtailwindcssを使うと効率的にサイトが構築でき、メンテナンス性が上がるのか」反対に「tailwindcssを使う上で、やってはいけないことは何か」についてまとめたいと思います。 tailwindcssとは tailwindcssとは、2020年11月にバージョン2.0がリリースされたばかりの、今注目のCSSフレームワークです。CSSフレームワークといえば

                                                    ユーティリティファーストCSSのススメ〜なぜ、セマンティックなclass命名は失敗するのか?|菱川拓郎
                                                  • すごいReactパッケージ5選 - Qiita

                                                    小さくてもインパクトのある変更で、あなたのアプリを競合他社から引き離します。 1. React Loader Spinner 待つのが好きな人はいません。今やユーザーは最低限の条件として、ウェブサイトが高速であることを求めています。アプリが重いか遅い場合は、コンテンツの読み込み中、この最新のローディングアニメーションを表示しましょう。アプリの美観を向上させるだけでなく、ユーザーを維持するのにも役立ちます。 このパッケージで提供する全ローディングアニメーション npmまたはyarnから直接インストールします。

                                                      すごいReactパッケージ5選 - Qiita
                                                    • ソーシャルゲームのUnityクライアントエンジニア入門以前 | ソーシャルゲームのUnityクライアントエンジニア入門以前

                                                      ほんわか言葉ソーシャルゲームクライアントは大変です。まずは実装の詳細ではなく、概念をインストールしましょう

                                                      • 「chakoshi」を試して遊んでみる

                                                        chakoshiとはなんぞ NTTコミュニケーションズが発表した、テキストの安全性を判定するサービスです。 つい先日発表されたばかりのようです。 簡単に試せるプレイグラウンドだけでなく、APIも無償提供されてるみたいです⭐️ ↓こういうネチネチした日本的な暴言などに反応して、テキストが安全かどうかを返してくれます。 今回はこのAPIを使ってみたいと思います。 公式ドキュメントを読んでAPIを触る まずは公式サイトから新規登録してドキュメントを読み漁ります。 手順的には以下で準備ができそうです。 プレイグラウンドの設定からAPIキーを発行する 検知項目をいろいろ設定して、カテゴリのIDも保存する(今回はデフォルト) APIドキュメントを読んだところ... 短文のテキスト用、chat用などいくつか種類があるみたいですが、まずはテキスト用のシンプルなやつから叩きます。 早速curlで叩いてみます

                                                          「chakoshi」を試して遊んでみる
                                                        • 複数のリモートデスクトップ接続を一元管理する「RDCMan」、Sysinternalsツールの一員として復活/公開終了の原因となっていた脆弱性も修正された模様

                                                            複数のリモートデスクトップ接続を一元管理する「RDCMan」、Sysinternalsツールの一員として復活/公開終了の原因となっていた脆弱性も修正された模様
                                                          • Taskfile.devでシンプルにタスクを管理する - LayerX エンジニアブログ

                                                            こんにちは。バクラク事業部 機械学習・データ部 データグループの@civitaspoです。最近、アルコール度数の低いお酒にハマっています。飲んでも意識がハッキリしているので、趣味の時間を長く確保できるようになってハッピーになれます。僕的には「正気のサタン」がおすすめです。 yonasato.com さて本記事では、最近バクラクのデータ基盤管理リポジトリで導入した Taskfile.dev を紹介しようと思います。 これまでバクラクのデータ基盤では、非エンジニア職のPC環境でも問題なく動作するように、可能な限りMac標準でインストールされているコマンドのみでスクリプトを書いていました。しかし、aquaを導入したことにより、非エンジニア職のPC環境にも「容易に」「セキュアに」指定バージョンのバイナリを配れるようになったため、利用ツール群の刷新を進めています。Taskfile.devはその刷新の

                                                              Taskfile.devでシンプルにタスクを管理する - LayerX エンジニアブログ
                                                            • 2020年: PuppeteerとPlaywrightの激動の1年。 - Qiita

                                                              2020年は、突如Playwrightが現れ、Seleniumを置き換えるほどの勢いでいろいろなツールが現れました。 Puppeteerは、Playwrightが出てからもTypeScript化をしたりカスタムクエリハンドラ機能が実装されたりと、Chrome DevToolsプロトコルを利用するライブラリとして改善が続いています。 今年1年の Puppeteerのリリースページ https://github.com/puppeteer/puppeteer/releases Playwrightのリリースページ https://github.com/microsoft/playwright/releases を時系列にまとめてみます。 2020年1月。 PuppeteerとPlaywrightの15日間の演劇 https://speakerdeck.com/taminif/relation-

                                                                2020年: PuppeteerとPlaywrightの激動の1年。 - Qiita
                                                              • JS 状態管理ライブラリ探索記 - Introduction

                                                                これから何回かに分けて、Redux に代表される JS の状態管理ライブラリをいくつか見ていきます。 早速本題に入りたいところですが、その前になぜいくつもライブラリを知っていた方がいいのか、当たり前のように思うことをあえて考えてみる必要があります。 なぜなら、状態管理ライブラリがたくさんあるために、次のような疑問が出てくるからです。 どれでも好きなものを使えば開発がうまくいくのか? 今までうまくいっていたライブラリを使い続ければ今後もうまくいくのか? 選ぶとしても、何を基準に選べば良いのか? 今回は少し立ち止ってこういった疑問について考えてみます。 ではそもそも状態管理とは、一体何のために、何をすることなのでしょうか? 状態管理が目指すもの – 読みやすさの基本定理 状態管理をする目的は様々ですが、最も大切なことはリーダブルコード(読まれて無い方は是非一読を!)の中で「読みやすさの基本定理

                                                                  JS 状態管理ライブラリ探索記 - Introduction
                                                                • 世界における新型コロナウイルスの感染状況をグラフと地図でみる

                                                                  このデータについてロイターは、世界240の国と地域の新型コロナウイルス感染症(COVID-19)感染者と死者の数を収集し、毎日定期的に更新している。 国によって報告の内容は少しずつ異なる。各国が把握できていない感染者や死者も多数ある。このプロジェクトでは、感染拡大を食い止めようとする各国内部の傾向に焦点を当て、流行が最悪の段階にある国や、感染が再燃している国に注目している。 私たちの方法論についてもっと読む(英文) 世界の日次統計COVID-19の感染者数は、72カ国で依然として増加している。これまでに少なくとも556,201,000人の感染が報告され、6,776,000人の死亡が確認されている。 どの国が感染拡大のピークを迎えているのか?COVID-19の被害が他国よりもはるかに深刻な国もある。国によってコロナウイルスの感染数の数え方が異なるため、完全な比較をすることはできない。 しかし

                                                                    世界における新型コロナウイルスの感染状況をグラフと地図でみる
                                                                  • Next.js 10 リリースノート全訳! 画像の自動最適化、i18n対応、アナリティクス、Eコマースほか - Qiita

                                                                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は Next.js 10 リリースノートの日本語訳です。 10/27、Next.js 10 がリリースされました! 私はふだん Next.js で個人開発を行ったりしている者です。 Twitter もやっているのでよかったらフォローおねがいします! @_thesugar_ よかったら Next.js チュートリアル(公式)の翻訳記事もどうぞ。 また、非公式ですが Next.js のドキュメントの翻訳プロジェクト も盛り上がっています! Next.js 10 Next.js 10 の機能をご紹介します: ビルトインの画像コンポーネ

                                                                      Next.js 10 リリースノート全訳! 画像の自動最適化、i18n対応、アナリティクス、Eコマースほか - Qiita
                                                                    • 誰でもノーコードで独自のWeb APIを開発&公開できる「Canonic」を使ってみた! -

                                                                      どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単に独自APIの開発から一般公開までを完結できる無料のWebサービスをご紹介します。 ビジュアルエディタを採用した構築方法なので直感的に理解しやすく、そのまますぐに公開まで可能なのが特徴です。APIを利用したWeb開発やJamstackなどにご興味ある方はぜひ参考にしてみてください! 【 Canonic 】 ■「Canonic」の使い方 それでは、「Canonic」をどのように使えばいいのかを詳しく見ていきましょう! まずはサイトのトップページから【Signup】ボタンをクリックして無料のユーザー登録をしておきます。 GoogleやFacebookのアカウントから簡単に登録ができるようになっていますが、今回はGitHubのアカウントを利用して登録します。 初回のみ、GitHubアカウントとの連携画面が表示されるので認証しておきま

                                                                        誰でもノーコードで独自のWeb APIを開発&公開できる「Canonic」を使ってみた! -
                                                                      • URLだけでOK!どんなWebサイトもコメント付きでシェア可能な「MarkUp」を使ってみた! - paiza times

                                                                        どうも、まさとらん(@0310lan)です! 今回は、URLを入力するだけであらゆるWebサイトの好きな箇所にコメントを付けて、不特定多数の人とシェアできるWebサービスをご紹介します! Webサイトのデザインや機能について、チーム内だけでなくさまざまな人と意見交換したいときに活用できるサービスになっています。 使い方に関しては究極にシンプルな設計なので、誰でもすぐに利用できるのも大きな魅力でしょう。 【 MarkUp 】 ■「MarkUp」の使い方 それでは、実際に「MarkUp」をどのように使うのか詳しく見ていきます。 まずはサイトのトップページからユーザー登録を済ませておきましょう。メールアドレスを入力したらボタンをクリックしてください。 次にユーザー名とパスワードを設定すれば完了です! 以下のようなダッシュボード画面が表示されます。 画面上部にあるボックスへWebサイトのURLを入

                                                                          URLだけでOK!どんなWebサイトもコメント付きでシェア可能な「MarkUp」を使ってみた! - paiza times
                                                                        • First look at Joy UI 🥳 - MUI

                                                                          If you're a close follower of everything MUI, you might be aware that we've been working on a new design system. If not, then this post will give you a first look at Joy UI-MUI's new starting point for your design system! If you've ever considered using Material UI because of the developer experience, reliability, and completeness, but hesitated because of the design, this is great news for you. J

                                                                            First look at Joy UI 🥳 - MUI
                                                                          • 新米Rustaceanの🌾🦀による🌾🦀のためのRust入門「C++/C#プログラマーでも読めるようになる」

                                                                            Rustで簡単なツールを作ってみました。はじめてのTUI(モドキ)のツールです。 このバージョン0.1.0を作ったことで得られた知見をまとめてみます。 長文になってしまったので目次をうまく使ってください。(スマホ画面だと上部の目次をタップしないと表示されないので少し見づらいです。) 「いいね」、「ツイート」、「バッジを贈る」、「コメント」大歓迎です! 作成ツール紹介 みなさん、timeコマンドでコマンドの実行時間を計測しますよね?Rust製のhyperfineというツールがあり、複数回実行して平均を出したり、複数コマンドを比較できたり便利です。 これを見て私はメモリ使用量も計測できたらうれしいなと思ったんです。 そう、このmntimeコマンドを使えば、実行時間とメモリ使用量の平均値が分かるんです! そんなツールですがRustで作った経緯は、最近ターミナル環境を整えました。そのとき、モダンで

                                                                              新米Rustaceanの🌾🦀による🌾🦀のためのRust入門「C++/C#プログラマーでも読めるようになる」
                                                                            • フォントワークス、8書体を“Google Fonts”で無償提供 ~GitHubにも公開/ライセンスはSIL Open Font License 1.1で商用可。改変やアプリへの組み込みもOK

                                                                                フォントワークス、8書体を“Google Fonts”で無償提供 ~GitHubにも公開/ライセンスはSIL Open Font License 1.1で商用可。改変やアプリへの組み込みもOK
                                                                              • Engadget | Technology News & Reviews

                                                                                The sustainable tiny home trend at CES 2025 revived my dream of building a compoundAmid the chaos of CES we got to retreat to the well-appointed calm of sustainable pods, electric trailers and EV RVs.

                                                                                  Engadget | Technology News & Reviews
                                                                                • JavaScriptで億とか万とかに変換したいときはNumberFormatのnotation:compactが便利

                                                                                  const fmt = new Intl.NumberFormat("ja-JP",{ notation: "compact", }) fmt.format(BigInt(64 ** 8) ) // => "281兆" とりあえずざっくり数値を出したいときにとても便利。最高そう。 オプションを組み合わせる 詳しくは上記MDNが詳しいが、その他オプションと組み合わせることで色々調整も可能だ // 何も設定しないといい感じに小数点計算してくれる new Intl.NumberFormat("ja-JP",{ notation: "compact"}).format(BigInt(433333333)) // => "4.3億" // 小数点表記をさせたくなければmaximumFractionDigitsを0にする new Intl.NumberFormat("ja-JP",{ notation

                                                                                    JavaScriptで億とか万とかに変換したいときはNumberFormatのnotation:compactが便利

                                                                                  新着記事