タグ

関連タグで絞り込む (58)

タグの絞り込みを解除

Qiitaに関するhkjのブックマーク (69)

  • async/await 入門（JavaScript） - Qiita

    はじめに 今更ですが、JavaScriptのasync/awaitに関する備忘録になります。 「今まで$.Deferred()やPromiseなどで非同期処理は書いたことがあるが、async/awaitはわからない」 「$.Deferred()やPromiseなどの非同期処理の書き方より、もっと簡潔に書ける書き方があれば知りたい」 「今までの非同期処理の書き方と比べて何が良いのかわからない」 といった人達向けの記事です。 $.Deferred()やPromiseなどで非同期処理を書いたことがある前提のため、非同期処理自体に関する説明は記載しておりません。 記載している利用例のコードはChrome（最新）のコンソール上で動きますので、コンソール上で実行して動作を確認してみると理解が深まりやすいと思います。 本記事で用いている用語 Promiseを返す Promiseオブジェクトを返すこと。

    async/await 入門（JavaScript） - Qiita

  • Playwrightも知らないで開発してる君たちへ - Qiita

    重要なのはここで、 pw.webkit.launch() とするか pw.chromium.launch() とするかで 起動するブラウザが変わるだけです。 デバイスの設定も簡単 pw.devices に主な端末のviewport, UAの情報がまとめられています。 デバイスのリスト： https://github.com/microsoft/playwright/blob/master/src/deviceDescriptors.ts const pw = require('playwright'); // iPhone11のデバイス情報を取得 const iPhone11 = pw.devices['iPhone 11 Pro']; (async () => { const browser = await pw.webkit.launch(); const context = awai

    Playwrightも知らないで開発してる君たちへ - Qiita

  • 【Git】同じコンフリクト解消を繰り返している人に教えたい「git rerere」 - Qiita


    はじめに こんにちは、kenです。みなさんコンフリクト解消してますか！ チーム開発をしているとコンフリクトとは嫌でも向き合うことになりますが、コンフリクト解消って緊張感のある作業なのでやりたくないですよね。 そんなコンフリクト解消をちょっぴり楽にする(かもしれない)コマンドを最近知ったので今回はそれを紹介します、その名もgit rerereです。git rerereとはGitの公式ドキュメント︵日本語版︶には次のように記載されています。git rerere コマンドはベールに包まれた機能といってもいいでしょう。これは “reuse recorded resolution” の略です。その名が示すとおり、このコマンドは、コンフリクトがどのように解消されたかを記録してくれます。 そして、同じコンフリクトに次に出くわしたときに、自動で解消してくれるのです。 ここに書かれているように、git
    【Git】同じコンフリクト解消を繰り返している人に教えたい「git rerere」 - Qiita
    hkj
    hkj 2024/07/07
    リンク

  • たった２つのステップを意識するだけで書けない単体テストがほぼなくなる - Qiita

    はじめに この記事は レガシーコード改善ガイド: 保守開発のためのリファクタリング を参考に手を動かしてみて、ある程度自分の中で体系的にまとまった知識のアウトプットです。 この記事で扱う内容 この記事で扱うのは主にレガシーコードで単体テストを書く際のハードルになりがちな 依存関係の排除 に関する手法を紹介します。 この記事を読んだ後に、 『この観点を持っておけば単体テストをスムーズに書いていけそう！』 『今までモック使ってたけど意外とモック使わなくても書けるね！』 となったらいいな、と思います。 ちなみに、今まであんまりテスト書いたことないよーて人は以下の記事など参考にして一度やってみてください。 前提の話： この記事の本旨は「テスト書きにくいプロダクトコードも依存関係を排除すれば楽にテスト書けるよ」なので、それ設計的にアウトでは？リファクタリング耐性低くない？みたいな話は度外視してます。

    たった２つのステップを意識するだけで書けない単体テストがほぼなくなる - Qiita

  • SQLの練習ができる学習サービス「SQLab」を作ってみた - Qiita


    はじめに こんにちは、タケと申します。 SQLの練習ができる学習サービス﹁SQLab﹂を作りました。 ※ PC専用です。 ※ 推奨ブラウザはGoogle Chromeです。 なぜ作ったの？ SQLを学び始めた当初は ﹁SQLってなんか難しそう﹂ というイメージでしたが、 練習問題を解いていく中で次第に自力でクエリを組み立てることが ﹁クイズみたいで楽しい﹂ と思うようになりました。 そこでもっと多くの練習問題を解いてみたい、もう少し難易度の高い練習問題を解きたいと思ったのですが、 ・無料でバリエーション豊かな多くの練習問題に取り組める ・環境構築不要でブラウザ上ですぐに実践できる ・シンプルで使いやすいUI ・ER図やデータベース値を参考にしながら自力でクエリを組み立てる必要がある の条件を揃えた学習サービスがなかったので作ることにしました。 どんな練習問題があるの？ 現在は5つの問題集が
    SQLの練習ができる学習サービス「SQLab」を作ってみた - Qiita
    hkj
    hkj 2024/06/23
    リンク

  • [Doc] 要件定義書テンプレート・要件定義書の書き方 - Qiita

    下記ドキュメントバージョンに関する注意点です。 バージョン番号のルールを定める：バージョン番号は、どのようにつけるかルールを定め、チーム全員が同じ理解で使用するようにする必要があります。たとえば、変更内容によって数字がどのように増えるか（major, minor, patch）、何桁で表現するかなど、具体的に決めておくことが重要です。 変更履歴を明確にする：どのような変更があったのか、それがどのバージョンで実施されたのかを明確にすることが必要です。これにより、何らかの問題が発生した場合に、どのバージョンから問題があるのか特定することができます。 ドキュメントの保存場所を一元化する：ドキュメントのバージョン管理には、ドキュメントを保存する場所を一元化することが重要です。それにより、異なるバージョンのドキュメントが、複数の場所に分散してしまい、誤ったバージョンが使用されることを防ぐことができま

    [Doc] 要件定義書テンプレート・要件定義書の書き方 - Qiita

  • Power Apps & GPT-4oを使って超高速で画像解析アプリを作る！ - Qiita


    GPT-4o凄すぎる！！ 出たときから騒ぎまくっていましたが、GPT-4oの登場で興奮しっぱなしの私です。 先日こちらのQiitaの記事を拝読し、﹁Power Appsでやったらどうなるだろう🧐﹂という思いが抑えられず、作ってみたら超高速で画像解析アプリが作成できました！ あらためて記事を出してくださったことに感謝いたします！ まずは初弾！ということでGPT-4oを使って、 Power Appsで画像解析アプリを作成する方法 を書いていきます！ まずは見た目︵Power Apps︶から！ まずはPower Appsでサクっと画面を作ります！ PowerPoint感覚で作れることが強みですからね！ 最低限のもので構成しています。 画面 ├─ ScreenContainer - スクリーン全体 ├─ HeaderContainer │ └─ Header - ヘッダーコントロール ├─ Bo
    Power Apps & GPT-4oを使って超高速で画像解析アプリを作る！ - Qiita
    hkj
    hkj 2024/05/19
    リンク

  • 【備忘録】ラズパイを自宅サーバにし、独自ドメインで外部公開するまで - Qiita


    はじめに Raspberry Pi 4を自宅サーバとして運用し始めたので、その際にやったことの備忘録として書き残しておきます。 本記事では以下のことをやります。 ラズパイを固定IPアドレス化 Docker環境構築 ファイアウォール導入 独自ドメイン取得 ドメイン名とグローバルIPアドレスの紐づけ サービスを外部公開する ラズパイを固定IPアドレス化 Webブラウザを立ち上げて、URLの欄にルータのローカルIPアドレスを入力してください。ルータのIPアドレスはwindowsならコマンドプロンプトで以下のコマンドを入力すれば、﹁デフォルトゲートウェイ﹂という項目に出てきます。192.168.〇.1みたいなIPアドレスになってることが多いです。 IPアドレスを打ち込むと、自宅のルータの設定のページに飛びます。おそらく、ここでログインを要求されるので、IDとパスワードを入力してログインをします。I
    【備忘録】ラズパイを自宅サーバにし、独自ドメインで外部公開するまで - Qiita

  • 知識0から2ヶ月で合格した勉強法【Salesforce認定アドミニストレーター】 - Qiita


    前置き Salesforceに関する知識が0の状態から2ヶ月で認定アドミニストレーターに合格したので、勉強法、合格までに使った問題サイトをまとめたいと思う。 認定アドミニストレーターとは この記事を閲覧している人は、資格について知っている人がほとんどだと思うので、詳細は省略するが、認定アドミニストレーターは﹁Salesforceを勉強する人が一番最初に取る資格﹂という認識で良いだろう。 試験概要 公式受験ガイド↓ 試験概要は以下の通り 選択肢/複数選択式の60問 所要時間105分 合格ライン 39/60問 選択肢式であるため、全く分からなくても運ゲーで正解できる可能性がある。 105分という時間はかなり余裕ある時間だと思って良い。僕は60問の問題を2周したが25分余ったので、時間にはかなり余裕のある試験だ。 勉強期間、勉強時間の目安 勉強期間の目安は2~3ヶ月 勉強期間は2~3ヶ月くらいに
    知識0から2ヶ月で合格した勉強法【Salesforce認定アドミニストレーター】 - Qiita
    hkj
    hkj 2024/01/21
    過去問
    リンク

  • 無料枠で使っていたはずのAWSから$200の請求が届いたお話 - Qiita


    はじめに このようなタイトルになっていますが、100%自分のミスで$200の請求が来ました。 自分はAWSを勉強するため、12ヶ月間のAWS無料枠というもの利用してアカウントを作成しました。 当時の自分は注意事項等をほとんど読まなかったので﹁これでAWSは1年間使い放題や。たくさん勉強するで〜﹂意気込んでいました。 AWSを利用し始めてから3ヶ月後に請求の通知が届いていたので内容を確認すると﹁$200﹂との記載が。 勉強利用でしか使っていなかったと思っていたので、通知が届いた瞬間は震え上がりました。 結果的には全額は支払わずに済んだのですが、このような過ちをAWS初心者の人が起こさないため(高額請求が来てもなんとかなるよと安心感を伝えるため)記事を書きました。 この記事の主な対象者 これからAWSの学習を始めようと思っている人 AWSの課金周りについて知りたい人 無料枠でAWSを使っている
    無料枠で使っていたはずのAWSから$200の請求が届いたお話 - Qiita
    hkj
    hkj 2023/11/27
    企業のえらいさんでもこういうことがあるよと。丁寧に謝罪したら通ることもあるよという結論がすごいな。
    リンク

  • フロントエンドのコーディング課題６選-このフロントエンドの課題、実装できますか？ - Qiita


    こちらの記事は、Indrek Lasn 氏により2019年10月に公開された﹃ Here Are 6 Front-End Challenges to Code ﹄の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフロントエンド開発者になるために効果的な方法の1つは、単純にできるだけ多くの課題に取り組み、解決することです。 フロントエンド開発の達人になるために、今日から解き始めることができる6つの課題を紹介します。 ではさっそく、実装すべき6つの課題はこちら。 1. ク
    フロントエンドのコーディング課題６選-このフロントエンドの課題、実装できますか？ - Qiita

  • FastAPIを用いたAPI開発テンプレート - Qiita


    はじめに FastAPIはPythonのWEBフレームワークで、同じ分類のフレームワークとしてFlaskやDjangoなどが挙げられます。FlaskとDjangoはよく比較され、Flaskが最小限のコードで書き始められるシンプルなマイクロフレームワークと呼ばれるのに対し、Djangoはログイン機能、データベース管理などが初めから備わっておりフルスタックフレームワークと呼ばれています。 FastAPIはFlaskと似ているマイクロフレームワークで公式ドキュメントでは次のように紹介されいます。FastAPI は、Pythonの標準である型ヒントに基づいてPython 3.6 以降でAPI を構築するためのモダンで高速(高パフォーマンス)な、Web フレームワークです。[1] 本記事では、以下の内容を扱います。 特徴である型ヒントとそれにより実現できるAPIドキュメントの自動生成 SQLAlch
    FastAPIを用いたAPI開発テンプレート - Qiita
    hkj
    hkj 2023/10/14
    リンク

  • ソルト付きハッシュのソルトはどこに保存するのが一般的か - Qiita

    pictBLandとpictSQUAREに対する不正アクセスがあり、パスワードがソルトなしのMD5ハッシュで保存されていたことが話題になっています。 2023年8月16日に外部のフォーラムにpictSQUAREより窃取した情報と主張するデータ販売の取引を持ち掛ける投稿が行われた（中略）パスワードはMD5によるハッシュ化は行われているもののソルト付与は行われていなかったため、単純なパスワードが使用されていた29万4512件は元の文字列が判明していると投稿。（それ以外の26万8172件はまだMD5ハッシュ化されたままと説明。） 不正アクセスによるpictBLand、pictSQUAREの情報流出の可能性についてまとめてみた - piyolog より引用 これに関連してMD5ハッシュやソルトに関するツイート(post)を観察したところ、どうもソルトの理解が間違っている方が多いような気がしました。

    ソルト付きハッシュのソルトはどこに保存するのが一般的か - Qiita

  • VSCodeでPython書いてる人はとりあえずこれやっとけ〜 - Qiita


    はじめに Pythonはコードが汚くなりがち︵個人的にそう思う︶ そんなPythonくんを快適に書くための設定を紹介します。 拡張機能編 ここでは Pythonを書きやすくするため の拡張機能を紹介していきます。 1. Error Lens before ﹁コード書いたけど、なんか波線出てるよ💦﹂ 記述に問題があった場合、デフォルトでは波線が表示されるだけ。。。 after Error Lensくんを入れることによって 波線だけでなくエディタに直接表示される。 はい、有能〜 2. indent-rainbow before Pythonくんは インデントでスコープを認識している。 for のfから下に線が伸びてるけど、ちょっと見にくいなぁ after 色が付いてちょっと見やすくなった！ 3. Trailing Space before 一見、普通に見えるコード after 末尾にある
    VSCodeでPython書いてる人はとりあえずこれやっとけ〜 - Qiita

  • Dockerの"分からない"を簡単にメモ - Qiita

    概要 前提 規約 コンテナはエフェメラル(短命:ephemeral）であること .dockerignoreを有効活用する 不要なパッケージのインストールを避ける コンテナ毎に1つのプロセスだけ実行 レイヤーの数を最小に 複数行の引数はアルファベット順、改行すること Docker network 概要 bridge none host overlay ipvlan macvlan Docker Volume 概要 bind mount volume tmpfs mount Dockerfileを扱う まずはDockerfileを作成する！ FROM:ベースイメージを作成 RUN: 任意のコマンドを実行する WORKDIR: ワークディレクトリを追加する レイヤーの確認 コンテナの生成と停止 imageを作成 runでコンテナを起動 stopでコンテナを停止 pruneでDockerのお掃除

    Dockerの"分からない"を簡単にメモ - Qiita

  • Pythonのオブジェクト指向プログラミングを完全理解 - Qiita


    1. オブジェクト指向の起源 2003年チューリング賞の受賞者アラン・ケイさんはよくオブジェクト指向プログラミングの父と称されます。ご本人も憚ることなく、幾度、公の場で発明権を宣言しています。しかし、ケイさんは﹁C++﹂や﹁Java﹂などの現代のオブジェクト指向言語を蔑ろにしています。これらの言語は﹁Simula 67﹂という言語を受け継いだもので、私が作った﹁Smalltalk﹂と関係ないのだとケイさんは考えています。 オブジェクト指向という名称は確かにアラン・ケイさんに由来するものです。しかし、C++とJavaで使われている現代のオブジェクト指向は当初のと結構違います。ケイさん自身もこれらの言語を後継者として認めないです。では、ケイさん曰くC++とJavaの親であるSimula 67という言語はどんな言語でしょうか。ここで、簡単なサンプルコードを見てみましょう。 Class Recta
    Pythonのオブジェクト指向プログラミングを完全理解 - Qiita

  • 【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita


    はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか？ Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数eや 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le
    【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita

  • Pythonのdistrolessコンテナを使って脆弱性を撲滅した話 - Qiita

    はじめに AWS ECS+ECRで動いているpythonのサービスがあった ただし、ECRのスキャン機能でものすごい数の脆弱性が出ていた... 1つずつ解消していくのは現実的ではないため、distrolessコンテナを導入することになった distrolessとは Googleが提供しているコンテナイメージ アプリケーションとそのランタイム依存関係のみ含まれる(=必要最小限) パッケージマネージャー、シェルなどは含まれない 導入メリットとして、①軽量であること、②セキュアであることが挙げられる やったことざっくりと 以前は「python:3.9.13-slim-buster」のイメージを使用してビルドしていた これを1段階目「python:3.9.13-slim-buster」→2段階目「gcr.io/distroless/python3」のマルチステージビルドにする 1段階目 パッケージ

    Pythonのdistrolessコンテナを使って脆弱性を撲滅した話 - Qiita

  • Pythonを使ったGUIアプリを「お手軽に」作りたかった件 - Qiita


    はじめに 業務自動化といえばRPAとかPython等が良く使われるが、これらは基本的に判断が多い複雑な業務の自動化には向かず、やったとしても自動実行→手作業→自動実行→手作業…と言ったように人の判断が居るところで業務プロセスが分断されてしまうのが悩みどころ。 そこで﹁GUI上で自動実行前に手作業﹂＋﹁バックグランドで自動実行﹂と両方の機能を持ち、業務を分断する事なく作業できるアプリを作ろうと考えた。 結論から言うと﹁Flet﹂を採用した。以下経緯説明。 お手軽なGUIライブラリを探す旅 Pythonはデスクトップアプリ開発には不向き？ アプリを開発するにしろメインの処理は自動化なので、アプリ開発に特化したフレームワークではなく、Pythonを使用出来る柔軟性の高そうなGUIライブラリが無いか探すことにした。 巷でたまに耳にするが、デスクトップアプリ開発はC#やJavaが多くPythonは環
    Pythonを使ったGUIアプリを「お手軽に」作りたかった件 - Qiita
    hkj
    hkj 2023/05/06
    Flet
    リンク

  • VSCodeで Import "***" could not be resolved Pylance(reportMissingImports) が出るときの対処法 - Qiita


    VSCodeで Import "***" could not be resolved Pylance(reportMissingImports) が出るときの対処法PythonVSCode いろんな環境で同じエラーを吐いていたので、備忘録として残す。How to solve Pylance 'missing imports'invscode を参考にした。 私の場合、venv で sandboxという仮想環境を作成し、そこにインストールした airflow をインポートする際に標題のエラーが発生していた。インストール先にパスが通っていないことが問題らしいので、追加してやればよい。 まず該当するライブラリの場所を確認する。
    VSCodeで Import "***" could not be resolved Pylance(reportMissingImports) が出るときの対処法 - Qiita
  • 1 2 3 4 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.