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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    プライムデーセール

『qiita.com』

  • 人気
  • 新着
  • すべて
  • 明るさ・鮮やかさを正確に評価したいなら、HSB/HSV/HSL色空間より、OKLCH色空間を使おう - Qiita

    7 users

    qiita.com/soi

    明度(と彩度)が同じはずなのに、何故文字の見えやすさが変わってくるのでしょうか? この投稿では、何故それが起きるのか?、そしてOKLCH色空間でこの問題を解決できることを示します。 HSB色空間とは 先にHSB色空間について説明します。 HSB色空間では色を色相(Hue)、彩度(Saturation)、明度(Brightness)で色を表現します。 HSV色空間、HSL色空間も明度の呼び方が違ったり、単位が違うだけで本質的には同じなので、この投稿ではHSB色空間のみ書きます。 HSB色空間はRGB色空間と純粋な互換性があり、RGB空間を変形して軸を変えたものです。 RGBに比べて、HSBの方が色の指定がより人間にわかりやすく直感的に扱えますので、多くのペイントソフトなどのカラーパレットで採用されています。 明度(Brightness)が同じはずなのに? さて、このHSB色空間は直感的に使え

    • テクノロジー
    • 2023/09/03 12:56
    • article
    • go.mod、go.sumファイルは何なのか - Qiita

      3 users

      qiita.com/soicchi

      module github.com/soicchi/chatapp_backend go 1.20 require github.com/gin-gonic/gin v1.8.2 require ( github.com/gin-contrib/sse v0.1.0 // indirect github.com/go-playground/locales v0.14.0 // indirect github.com/go-playground/universal-translator v0.18.0 // indirect github.com/go-playground/validator/v10 v10.11.1 // indirect github.com/goccy/go-json v0.9.11 // indirect github.com/json-iterator/go v1

      • テクノロジー
      • 2023/02/16 23:04
      • JavaScript(Nuxt.js)のeventオブジェクトとは - Qiita

        3 users

        qiita.com/soicchi

        概要 JavaScript(Nuxt.js)におけるeventオブジェクトについて学習したので備忘録として記載します。 eventオブジェクトとは、ユーザーによってイベント(クリックイベントなど)が発生した際に そのイベントの情報が格納されたものです。 プロパティを呼び出すことや、メソッドを使用することができます。 プロバティ例 Event.target: イベントが発生した要素 Event.type : イベントの名前 ...etc メソッド例 Event.preventDefault(): イベントのデフォルトの挙動をキャンセル ...etc 使用例 使用方法は関数に第一引数を取るだけです。 引数名は何でもいいのですが、慣例的にeやeventとすることが多いです。 index.vue <template> <v-btn @click='type'   <!-- clickされた際にty

        • テクノロジー
        • 2021/12/21 11:06
        • あなたのVisualStudioをセマンティックなカラフルに in VS2022 - Qiita

          3 users

          qiita.com/soi

          C#エディタ なにはともあれ、スクリーンショットをごらんください。 左がバニラ、右が拡張後です。 Visual Studioの標準設定とViasforaというVS拡張でVisual Studioをカラフルにできます。 ただカラフルになって楽しむだけでなく、セマンティックに色分けをすることで、コードの理解にも一役かってくれます。 呼び出す時にしばしば間違う、以下の区別ができます。 ローカル変数 vs パラメータ vs フィールド vs プロパティ 普通のメソッド vs 静的メソッド vs 拡張メソッド しばしば議論になるfieldに _ を付けるかべきかは この機能でセマンティックに判別出来るので不要だと思います。 Expression-Bodiedで書かれたメソッドと読み取り専用プロパティは () の有無でしか区別できませんが、色がはっきり違うと識別しやすいです。 Rainbow Brac

          • テクノロジー
          • 2021/11/26 16:26
          • ブラウザでGeoLocation APIを使ってみる - Qiita

            4 users

            qiita.com/soichirowada

            今回は、ブラウザ(Chrome)からシステム側のGPS情報を取得して、それを表示するサンプルプログラムを載せました。 まず、下記の2つのメソッドの違いですが、単発で位置情報を取得する場合は1番でよいのですが、電車、自動車などで連続的に位置情報を取得したい場合は、圧倒的に2番のほうが優れています。 Geolocation.getCurrentPosition() Geolocation.watchPosition() したがって、今回のサンプルプログラムは、単発的に位置情報をブラウザから取得するものとなっています。 (補足)このプログラムを普通に動作させようとすると、多くの方はPC上のVisual Studio Codeで新規htmlファイルを作って、そこにコピペして、左側に表示されているファイルツリー上でそのファイルを選択した状態で、マウスの右ボタンでOpen with Live Serv

            • テクノロジー
            • 2021/09/23 20:03
            • プログラミング
            • Nuxtでビルド時にAPIを静的化して、完全にサーバーへのリクエストをなくすト - Qiita

              3 users

              qiita.com/soichiro_nitta

              ビルド時にAPIを静的化するジェネレータを自作しましたので、ご紹介です。(コード有りです。) Nuxtのジェネレータを自作中...。 ・Airtableでマークダウン ・Nuxtビルド時にJSON生成 ・link rel="prefetch"にjson追加 ・ルート生成 ・コンポーネントからは/_nuxt/xxx.jsonにリクエスト って感じで出来たんだけど、爆速なんだが! pic.twitter.com/DvJL5hucGq — 新田聡一郎 (@soichiro_nitta) 2019年2月11日 最近はやりのヘッドレスCMSをやっていこうと思ったのですが、APIのリクエスト制限きびしいんですよね...。 現状だとNuxtは静的generateモードでも、ページ遷移時にリクエストが発生してしまうので、完全に静的化してしまう必要がありました。 以下のような流れになります。 Nuxtビルド

              • テクノロジー
              • 2020/05/16 15:26
              • AWSのアクセスキーをパラメータストアを用い安全に取り出す - Qiita

                3 users

                qiita.com/soitto

                まえがき 昨今AWSのアクセスキーをGitHubに誤って上げてしまいオギャーなことになるケースがあるそうです。 それを未然に防ぐ手段として、環境変数に値を埋め込みそれを読み込む手法などがあるそうですが、AWSのSystemManagerにパラメータストアと言った機能があることを知りました。 今回はこの機能を用い、Pythonからアクセスキーの取得を行ってみたいと思います。 追記 以下のようなコメントをいただきました。 アクセスキーを利用せずにIAMロールを利用したほうが、なおよいかと思いますがいかがでしょうか。 仰るとおりです。。。今回は、こちらの諸事情でアクセスキーが必要となるケースだったこともあり、当手法でアクセスキーの取得を行った次第です。 ですので、 そのような事情がない場合でしたら、IAMのロールを使用しましょう。 なお、このパラメータストアはECSなどで環境変数を設定する際には

                • テクノロジー
                • 2020/01/07 02:48
                • techfeed
                • GitHub
                • あとで読む
                • Nuxtでビルド時にAPIを静的化して、完全にサーバーへのリクエストをなくすト - Qiita

                  6 users

                  qiita.com/soichiro_nitta

                  ビルド時にAPIを静的化するジェネレータを自作しましたので、ご紹介です。(コード有りです。) Nuxtのジェネレータを自作中...。 ・Airtableでマークダウン ・Nuxtビルド時にJSON生成 ・link rel="prefetch"にjson追加 ・ルート生成 ・コンポーネントからは/_nuxt/xxx.jsonにリクエスト って感じで出来たんだけど、爆速なんだが! pic.twitter.com/DvJL5hucGq — 新田聡一郎 (@soichiro_nitta) 2019年2月11日 最近はやりのヘッドレスCMSをやっていこうと思ったのですが、APIのリクエスト制限きびしいんですよね...。 現状だとNuxtは静的generateモードでも、ページ遷移時にリクエストが発生してしまうので、完全に静的化してしまう必要がありました。 以下のような流れになります。 Nuxtビルド

                  • テクノロジー
                  • 2019/06/26 11:11
                  • javascript
                  • VisualStudioで自分のプログラムを対話的に実行する - Qiita

                    3 users

                    qiita.com/soi

                    > #reset 32 実行エンジンをリセットしています。 'CSharpInteractive.rsp' からコンテキストを読み込んでいます。 > #r "C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\.NETFramework\v4.7.1\System.dll" > #r "C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\.NETFramework\v4.7.1\System.Core.dll" > #r "C:\Program Files (x86)\Reference Assemblies\Microsoft\Framework\.NETFramework\v4.7.1\System.Xml.Linq.dll" > #r

                    • テクノロジー
                    • 2019/05/26 16:57
                    • JSUG勉強会 【SpringBoot + DDD 徹底解説】 - Qiita

                      3 users

                      qiita.com/soichiro0311

                      概要 スライド SpringBootで3層レイヤー + ドメインロジックを実装したサンプルコードを例に、DDDを具体的なコードベースでどう実現したかを説明していただいた。 実践ドメイン駆動設計を読んでDDDを理解しようとしていたけど、具体的な実装を丸っと見て説明を聞いて、本の内容の概念的な話を実現しようとするとこういう形になるのか、と納得した点も多かったので投稿。 導入 ソフトウェアの複雑さって結局のところビジネスルールの複雑さだよね。 ビジネスルールを「計算モデル」として扱い、型志向で実装する。 関心の分離:「計算モデル」モジュールと「計算モデルのインプットを準備する」モジュールを明確に分離する。これが大事。 この時点ではよくわからなかった。 サンプル実装から学ぶ各レイヤ サンプル実装は時給ベースの給与計算システム 実際の現場では以下の順に設計実装を行なっている ドメイン層 給与計算の計

                      • テクノロジー
                      • 2019/02/23 16:11
                      • あとで読む
                      • Vue.js ( Nuxt.js ) でアニメーションやってみたら最高だった話。 - Qiita

                        11 users

                        qiita.com/soichiro_nitta

                        Nuxt.jsで自己紹介サイトを作りました。 https://nitta.studio/ 見ていただくと分かる通りアニメーションをしまくったのですが、、 https://t.co/CXj31medDj Nuxt.jsで自己紹介サイト作りました。NetlifyホスティングでPWA対応してます。 いろいろ自分のイカれた略歴など晒しました。宜しくお願いします。 — 新田聡一郎 (@soichiro_nitta) 2018年4月26日 VuexとVue.jsのウォッチャをつかって、 イベントハンドリング ステート変更 ウォッチャで検知 複数のコンポーネントでアニメーション発火🔥 のような書き方をしたら最高だったので、ご紹介です。 アニメーションって、どこにどの処理書けばいいのか困りませんか? 凝ったものを実装するとめちゃめちゃなコードになりがちですよね... しかーし!Vue.jsのデータ駆動と

                        • テクノロジー
                        • 2019/02/06 13:41
                        • nuxt
                        • vue
                        • node.js
                        • tutorial
                        • Nuxt.js v2.4.0がリリース🎉 TypeScriptの公式サポート、スマートプリフェッチなど。まとめてみた。 - Qiita

                          3 users

                          qiita.com/soichiro_nitta

                          Nuxt.js v2.4.0がリリース🎉🎉🎉🎉 Nuxt v2.4.0 is finally here 🎉 Official TypeScript support, smart prefetching and many more features & bug fixes.https://t.co/Ljf29xYvXi — Nuxt.js (@nuxt_js) 2019年1月28日 TypeScriptの公式サポートと、スマートプリフェッチがおもなトピックのようですね。 今回は、待ちに待ったプリフェッチのリリースということもあり、 がんばってdev.toを読んでみました。(英語ぜんぜん出来ません...😢。) なんとなく読み取れましたのと笑、v2.4.0試してみましたので、 せっかくですし、まとめます! 独断でめぼしいとこだけ抜き出してますので、全文を読みたいという方は以下をどうぞ

                          • テクノロジー
                          • 2019/02/04 13:10
                          • -
                          • ReactivePropertyとMaterial Design In XAML Toolkitを組み合わせて応答を待つダイアログを作る - Qiita

                            3 users

                            qiita.com/soi

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

                            • テクノロジー
                            • 2018/08/27 14:31
                            • INotifyPropertyChangedプロパティ実装方法まとめ C#3からC#7、Fodyも - Qiita

                              10 users

                              qiita.com/soi

                              概要 この記事はC# Advent Calendar 2017の14日目の記事です。 n番煎じですが、INotifyPropertyChangedの実装について、今さらながらにまとめてみます。 ネットで調べると既に数限りない実装方法の説明がありますが、それ故に初心者の方は結局どれがいいんだがわかんねー、となることも多いと思います。 そこで実行結果は全て同じにした上で、C#3~C#7記法、さらにライブラリの継承やAOPなどちょっと変わったやつまで含めて、色々な方法で実装して独断と偏見で比較します。 実行結果 まず最初に全部で共通の実行結果について説明します。 TextBoxとTextBlockが並べてあるだけです。 上のTextBoxを変更すると、下のTextBlockに反映されます。 なお、Jは発音しませんが必要です。 (参考画像) 共通View ViewはReactiveProperty

                              • テクノロジー
                              • 2017/12/14 13:52
                              • C#
                              • まとめ
                              • .net
                              • プログラミング
                              • INotifyPropertyChanged
                              • AsyncReactiveCommandでWPFのお手軽ダブルクリック抑制 - Qiita

                                4 users

                                qiita.com/soi

                                背景 世の中には特に意味はなくても、ボタンをダブルクリックする人種がいるのです。 「ボタンはダブルクリックするものだと思っていた」 「不安なのでダブルクリックした」 「せっかちだから」 理由はそれぞれですが、 当然クリックイベントに結び付けられた処理は2回行われてしまい、 (押した人からすると)意図しない動作をし、激怒します。 AsyncReactiveCommandを使用すると簡単にこれを防ぐことが出来ます。 あなたのプログラムに意図せず2回動作したらまずい処理(ex.課金アイテムの使用、発注書の送信など)が含まれていたら、AsyncReactiveCommandを検討する価値はあります。 ReactiveProperty v2.8以前 AsyncReactiveCommand登場前のV2.8以前ではCommandとは別にプロパティを作り、コマンドの実行可否を結びつける必要がありました。

                                • テクノロジー
                                • 2017/11/21 10:19
                                • ハイフンで始まるファイルの削除方法 - Qiita

                                  5 users

                                  qiita.com/soi33org

                                  はじめに コマンドラインでいろいろ弄っていたら、ハイフンで始まるファイルができてしまった。 -c というファイルを消そうとしても、そんなオプションはないと怒られ、消せない。 man コマンド を見る To remove a file whose name starts with a `-', for example `-foo', use one of these commands: rm -- -foo rm ./-foo どうやら、2通りあるようだ。 冷静に考えたら、./ をつけたら良いって思いつくな・・・

                                  • テクノロジー
                                  • 2017/08/15 18:33
                                  • Linux
                                  • ショートカットキーのためのKeyBinding付き拡張MenuItem - Qiita

                                    3 users

                                    qiita.com/soi

                                    概要 利便性を考えて、アプリで特定のMenuItemにキーボードショートカット(ex. Ctrl+Oで「開く」)を導入することがよくあります。 しかし、WPF標準のMenuItemではKeyGestureの説明表示は出来ても、その検出は出来ません。 そのためMenuItemとは別に、Window直下に検出するKeyBindingを書かなければいけません。 これは同じような記述を離れた場所に書くことになり、バグの原因になります。 そこで、KeyBindingを受け取ることのできる拡張MenuItemを作ることで、この問題を解決します。 変更前 実行画面 こんなアプリを題材にします。 Menu->Hogeを選択するか、Ctrl+Hを押すと、TextBoxに"-Hoge"が追記されます。 View ViewではGridで区切って上にMenu、下にTextBoxが置いてあるだけです。 <Windo

                                    • テクノロジー
                                    • 2017/06/05 14:43
                                    • WPFでいけてるダイアログを出す方法 - Qiita

                                      6 users

                                      qiita.com/soi

                                      はじめに WPFでダイアログメッセージをちょっとカッコ良く出したい! そう思ったことはありませんか。 MahAppsとMaterial Design In XAML ToolkitはWPFで簡単に見た目をカッコ良くするライブラリです。 上記2つの基本的な説明は Material Design In XAML ToolkitでWPFアプリにモダンなUIを! Material Design In XAML Toolkitでお手軽にWPFアプリを美しく 等をご参考にしてください。 この記事では MahAppsダイアログ Materialダイアログ Materialスナックバー(番外編) の3つについてコードビハインドとViewModelからの使用方法を説明します。 MahAppsダイアログ 最初にWindowの中央を帯状に覆うMahAppsのダイアログです。 前提としてMahAppsを使うために

                                      • テクノロジー
                                      • 2017/04/14 11:19
                                      • WPF
                                      • あなたのVisualStudioをセマンティックなカラフルに - Qiita

                                        4 users

                                        qiita.com/soi

                                        C#エディタ なにはともあれ、スクリーンショットをごらんください。 左がバニラ、右が拡張後です。 SemanticColorizer Viasfora 2つのVisualStudio拡張でVisualStudioをカラフルにできます。 ただカラフルになって楽しむだけでなく、 セマンティックに色分けをすることで、コードの理解にも一役かってくれます。 呼び出す時にしばしば間違う ローカル変数・フィールド・プロパティ 普通のメソッド・静的メソッド・拡張メソッド の区別ができます。 しばしば議論になるfieldに"_"を付けるかべきかは この機能でセマンティックに判別出来るので不要だと思います。 Expression-Bodiedで書かれたメソッドと読み取り専用プロパティは()の有無でしか区別できませんが、色がはっきり違うと分かりやすいです。 Rainbow Braces これはViasforaの

                                        • テクノロジー
                                        • 2017/04/09 12:51
                                        • visual studio
                                        • WPF&MVVM、実際やってみたら印象変わった - Qiita

                                          10 users

                                          qiita.com/soi

                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事はWinFormsで開発していた人間が、WPFにチャレンジして4ヶ月ぐらい経過した時点での導入前と導入後の雑感です。 未使用ですが、同じくMVVMやXAMLを使うXamarinやUWPにも共通している点があると思います。 WPFを検討している、推進したいが理解が得られない、やってみたけど挫折しそうになっている、といった人の参考になれば幸いです。 良い悪い、ともに現時点で素直に感じたことを書いていますが、私の勉強不足による勘違いもあるかもしれません。 その点に関しては是非ご指摘下さい。 直接の導入のきっかけ 前からWPF

                                          • テクノロジー
                                          • 2016/12/20 08:06
                                          • 属性を使用した列挙型の拡張とコードスニペット - Qiita

                                            4 users

                                            qiita.com/soi

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

                                            • テクノロジー
                                            • 2016/07/19 17:03
                                            • .NET
                                            • C#
                                            • iOS Safariで、ページ遷移を伴うページ内リンクが動作しない問題をjQueryで何とかする - Qiita

                                              6 users

                                              qiita.com/soichiro_akasaka

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

                                              • テクノロジー
                                              • 2015/12/10 15:56
                                              • JS
                                              • さくらVPS Ubuntu 12.04 で nginx + php で動かす方法 - Qiita

                                                4 users

                                                qiita.com/soi33org

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

                                                • テクノロジー
                                                • 2014/10/27 17:30
                                                • ubuntu
                                                • php

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

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

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

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

                                                j次のブックマーク

                                                k前のブックマーク

                                                lあとで読む

                                                eコメント一覧を開く

                                                oページを開く

                                                はてなブックマーク

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

                                                公式Twitter

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

                                                はてなのサービス

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