はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    WWDC25

『qiita.com』

  • 人気
  • 新着
  • すべて
  • Dev Container 環境で Docker を使う - Qiita

    6 users

    qiita.com/frozenbonito

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? VSCode の Remote - Containers や GitHub Codespaces のような Dev Container 環境で Docker を使う方法について解説します。 以前にも似たような記事を書きましたが、色々と内容に不足があったので改めて書き直すことにしました。 docker-from-docker と docker-in-docker Dev Container のような Docker コンテナ内で Docker を使用する方法には、docker-from-docker と呼ばれる方式か docker-in-d

    • テクノロジー
    • 2022/07/31 20:08
    • docker
    • Quasar + Vite + TypeScript で始める爆速 Vue 3 開発 - Qiita

      5 users

      qiita.com/frozenbonito

      はじめに この記事では、次のような構成で Vue 3 開発を行うためのセットアップ手順について紹介します。 言語: TypeScript ビルドツール: Vite UI フレームワーク: Quasar Quasar とは Vue 3 に対応した Material Design の UI フレームワークです。 「パフォーマンス重視」を謳っていることが特徴のようです。 同じく Vue 用の Material Design UI フレームワークとしては Vuetify が人気ですが、Quasar もそれに負けないくらいの機能を持っておりドキュメントも充実しています (日本語のドキュメントはありません)。 また、Vuetify に比べるとかなり早く Vue 3 に対応できている1点も魅力です。 ちなみに便宜上ここでは UI フレームワークとして紹介しましたが、実際には UI コンポーネントつきの

      • テクノロジー
      • 2022/07/16 15:18
      • VSCode Remote Containers を使うなら dotfiles repository で幸せになろう - Qiita

        6 users

        qiita.com/frozenbonito

        VSCode Remote Containers とは Docker コンテナを開発環境として使用するための VSCode 拡張機能です。 コンテナ内に開発環境を構築することで、PC の環境を汚さずにプロジェクトごとに言語やツールを使い分けることができます。 また、Dockerfile で開発環境を定義できるためチーム内で開発環境を共有することが容易になります。 Qiita 等に紹介記事がたくさんあるため詳しい説明や使い方については割愛します。 DevContainer と dotfiles ※ この記事では VSCode Remote Container で接続している開発用のコンテナのことを DevContainer と呼称します DevContainer で開発するということは当然 DevContainer の shell 環境を使用することになります。 デフォルトの状態の shel

        • テクノロジー
        • 2022/02/22 06:13
        • あとで読む
        • npm workspace の使い方 - Qiita

          21 users

          qiita.com/frozenbonito

          npm v7 で追加された workspace 機能の使い方について紹介します。 記事中で使用している npm のバージョンは v7.22.0 です。 workspace 機能とは yarn workspace のような機能です。 単一のルートパッケージから複数のパッケージを workspace として管理することができます。 つまり、次のような monorepo を管理するための機能です。 . ├── package.json └── packages ├── a │ └── package.json └── b └── package.json workspace 機能を使うことによって、package-a, package-b のような複数のパッケージをトップレベルの npm プロジェクト (トップレベルの package.json) から管理・操作することができます。 ちなみに、こ

          • テクノロジー
          • 2021/12/06 16:29
          • npm
          • monorepo
          • workspace
          • JavaScript
          • あとで試す
          • あとで読む
          • TypeScript のエラーハンドリングを考える - Qiita

            82 users

            qiita.com/frozenbonito

            何番煎じかわかりませんが TypeScript でのエラーハンドリングについて考えてみたいと思います。 この記事で扱う TypeScript のバージョンは 4.3 です。 エラーを型安全に扱いたい TypeScript を書いていれば誰もが一度はぶつかる問題ではないでしょうか。 TypeScript では catch した例外は any として扱われます。 これは JavaScript の仕様上どんな値でも throw できてしまうため仕方のないことなのですが、せっかく型安全性を手に入れるために TypeScript を使っているのに any をハンドリングしなければならないのは苦痛です。 次のように例外を throw し得る関数 foo() のエラーハンドリングを考えてみます。 e は any なので、プロパティにアクセスしようにも危険性が伴います。 そこで型アノテーションを使用して

            • テクノロジー
            • 2021/11/04 10:20
            • TypeScript
            • error
            • あとで読む
            • Test
            • qiita
            • idea
            • dev
            • Dev container features (preview) が便利すぎる - Qiita

              3 users

              qiita.com/frozenbonito

              VScode Remote Containers の新機能 Dev container features について紹介します。 VSCode Remote Containers とは Docker コンテナを開発環境として使用するための VSCode 拡張機能です。 コンテナ内に開発環境を構築することで、PC の環境を汚さずにプロジェクトごとに言語やツールを使い分けることができます。 また、Dockerfile で開発環境を定義できるためチーム内で開発環境を共有することが容易になります。 Qiita 等に紹介記事がたくさんあるため詳しい説明や使い方については割愛します。 Dev container features とは 9月のアップデート (VSCode v1.61, Remote - Containers v0.202) で追加された新機能 (preview) です。 2022-11-

              • テクノロジー
              • 2021/10/15 01:05
              • 結局 VSCode の設定ファイルはどこまでリポジトリに入れるべきなのか - Qiita

                7 users

                qiita.com/frozenbonito

                表題の件について私見を述べていきます。あくまでも私見です。 そもそもエディタや IDE 固有の設定ファイルをリポジトリに入れるべきなのか 個人的には用法をしっかりと守った上でなら入れてしまって良いと思っています。 入れたところで他のエディタや IDE の害になるわけではないですし、ファイルサイズも知れたものなのであまりデメリットはないように思います。 逆に入れないことでチームメンバーが各々似たような設定をローカルで書くことになってしまうのは労力の無駄です。 特に同じエディタ・IDE を使用している人が多いチームではなるべく設定ファイルを共有してしまった方が良いのではないでしょうか。 エディタ・IDE 設定をリポジトリに入れるときに守るべき原則 基本的には「チームの利益になるものだけを入れろ」ということになるかと思います。 「個人のための設定は入れるな」と言い換えることもできます。 他の開発

                • テクノロジー
                • 2021/06/21 23:43
                • Python
                • vscode-go で Workspace ごとに Go のバージョンを使い分ける - Qiita

                  3 users

                  qiita.com/frozenbonito

                  vscode-go を使って Workspace (フォルダ) ごとに Go のバージョンを使い分ける方法をご紹介します。 goenv のようなツールを使用しなくても Go と vscode-go の機能だけで簡単に複数バージョンを使い分けることができます。 ※ こちらの記事に記載されている内容は vscode-go v0.25.0 時点の情報になります。 Go をインストールする Go がまだインストールされていない場合は公式のインストールガイドに従ってインストールしておきます。 今回は 2021 年 5 月現在最新の 1.16.4 をインストールしました。

                  • テクノロジー
                  • 2021/05/15 02:13
                  • DevContainer で Ruby 開発する際に厄介な BUNDLE_APP_CONFIG - Qiita

                    4 users

                    qiita.com/frozenbonito

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

                    • テクノロジー
                    • 2020/09/29 15:18
                    • Go で Slack Bot を作る (2020年3月版) - Qiita

                      4 users

                      qiita.com/frozenbonito

                      シンプルな Slack Bot を Go 言語で作ってみます。 順を追って作り方を解説していくので「サンプルコードだけ見たいよ」という方は こちら に記載されているものをご参照ください。 作るもの 下図のように Bot に対しメンションをつけて ping と送ると pong と返してくれるだけのシンプルなものです。 Slack からのイベント受信には Events API を使用します。同様に Slack からのイベントを受信する方法としては WebSocket でやり取りする RTM API があり、こちらであれば App 側から Slack に接続しにいくのでサーバーの公開が不要でお手軽なのですが、現在は Events API の方を使用することが推奨されているようです(こちらの記事 が参考になります)。 Slack App 作成 & 準備 まずはこちらの URL を開き、Create

                      • テクノロジー
                      • 2020/06/16 05:20
                      • dev
                      • api
                      • Markdown からいい感じの PDF を作る - Qiita

                        4 users

                        qiita.com/frozenbonito

                        やりたいこと Markdown を PDF にしたい 文章は日本語で書きたい 自動で表紙を生成したい 見出しから自動で目次を生成したい 見出しを自動で採番したい コードブロックをそれなりの見た目で表示したい PlantUML を画像に変換して埋め込みたい 環境構築が楽な方法が良い 最終的に CI に組み込みたい 方法 変換自体はいくつかの手段がありそうでしたが、表紙や目次を自動生成するとなると Pandoc が良さそうです。 ただ、上記のような要求を満たそうとすると環境構築がそれなりに面倒そう (+ CI に組み込むのが難しそう) だったので、必要なものを突っ込んだ Docker イメージ を作りました。 作成した Docker イメージ frozenbonito/pandoc-eisvogel-ja 特徴 ベースイメージ 公式の pandoc/latex イメージをベースにしています。a

                        • テクノロジー
                        • 2020/05/07 13:24
                        • pandoc
                        • pdf
                        • Go で Interactive な Slack Bot を作る (2020年5月版) - Qiita

                          4 users

                          qiita.com/frozenbonito

                          Go で Slack Bot を作る (2020年3月版) の続編です。今回は Interactive Message を活用してちょっとリッチな Slack Bot を作っていきます。 順を追って作り方を解説していくので「サンプルコードだけ見たいよ」という方は 「まとめ」 に記載されているものをご参照ください。 作るもの 今回は ChatOps を意識した Bot を作ります。 下図のように Bot に deploy と命じると、デプロイするバージョンの候補がセレクトメニューで提示されます。 バージョンを選択すると確認メッセージが表示されます。 Do it を選ぶと Bot からデプロイの開始が通知され、その後デプロイ終了が通知されます。 準備 準備として次の作業を行っておきます。 Go で Slack Bot を作る (2020年3月版)#Slack App 作成 & 準備 Go で

                          • テクノロジー
                          • 2020/05/02 01:11
                          • Go で GitHub App (Bot) を作る - Qiita

                            3 users

                            qiita.com/frozenbonito

                            シンプルな GitHub App (Bot) を Go 言語で作ってみます。 順を追って作り方を解説していくので「サンプルコードだけ見たいよ」という方は「まとめ」に記載されているものをご参照ください。 作るもの 下図のように Issue を作成すると hello, ${username} と反応してくれる Bot を作ります。 準備 GitHub に動作確認用のリポジトリを作っておきしょう。 また、GitHub から Webhook イベントを受け取る必要があるので、パブリックアクセス可能な URL が必要です。 今回は開発しながら適宜動作確認が行えるように ngrok というプロキシサービスを利用してローカル開発マシンのポートをインターネットに公開することにします。 こちら から ngrok へのユーザ登録を行います。 登録後、セットアップ方法の案内が表示されるのでそれに従ってセットアッ

                            • テクノロジー
                            • 2020/03/17 03:03
                            • app
                            • github

                            このページはまだ
                            ブックマークされていません

                            このページを最初にブックマークしてみませんか?

                            『qiita.com』の新着エントリーを見る

                            キーボードショートカット一覧

                            j次のブックマーク

                            k前のブックマーク

                            lあとで読む

                            eコメント一覧を開く

                            oページを開く

                            はてなブックマーク

                            • 総合
                            • 一般
                            • 世の中
                            • 政治と経済
                            • 暮らし
                            • 学び
                            • テクノロジー
                            • エンタメ
                            • アニメとゲーム
                            • おもしろ
                            • アプリ・拡張機能
                            • 開発ブログ
                            • ヘルプ
                            • お問い合わせ
                            • ガイドライン
                            • 利用規約
                            • プライバシーポリシー
                            • 利用者情報の外部送信について
                            • ガイドライン
                            • 利用規約
                            • プライバシーポリシー
                            • 利用者情報の外部送信について

                            公式Twitter

                            • 公式アカウント
                            • ホットエントリー

                            はてなのサービス

                            • はてなブログ
                            • はてなブログPro
                            • 人力検索はてな
                            • はてなブログ タグ
                            • はてなニュース
                            • ソレドコ
                            • App Storeからダウンロード
                            • Google Playで手に入れよう
                            Copyright © 2005-2025 Hatena. All Rights Reserved.
                            設定を変更しましたx