console.logが出力されない？開発者ツールのフィルタ設定が原因かも！対処法を解説 - Qiita
背景 開発を進める中で、console.log が正しく出力されない現象に遭遇しました。コンソールにログが出力されないことで、デバッグが難しく、何が問題なのかを特定するのに時間がかかりました。最終的にはブラウザの開発者ツールの設定が原因だったことが判明したので、その解決方法を共有します。 問題 JavaScriptやjQueryを使った処理が動いているにもかかわらず、console.log が出力されないという現象が発生しました。以下のようなシンプルなログ出力でも、コンソールに何も表示されません。 動作自体は正常に行われているものの、ログが表示されないため、原因の特定に時間がかかりました。 単語（検証ツール）について 開発中によく使用する ブラウザの検証ツール（開発者ツール） には、さまざまなログを表示するための機能が備わっています。以下は検証ツールの主要なタブです。 ・Console:
ぼくがかんがえた最強の Visual Studio Code カスタマイズ 2024
もし世界が消滅して Visual Studio Code の設定が失われてしまった時に、この記事を見ればまた VSCode のカスタマイズが復元できる。 ここでは Visual Studio Code の見た目に影響するものについてのみ 取り上げる。 スクリーンショット Editor Terminal Zen Mode 環境 Visual Studio Code バージョン: 1.94.2 (user setup) コミット: 384ff7382de624fb94dbaf6da11977bba1ecd427 日付: 2024-10-09T16:08:44.566Z Electron: 30.5.1 ElectronBuildId: 10262041 Chromium: 124.0.6367.243 Node.js: 20.16.0 V8: 12.4.254.20-electron.0 OS
プログラマーにとって必須の 15 個のソフトウェアをすべて所有していますか? - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? デジタル時代において、プログラマーの役割はますます重要になっています。彼らの使命は、単にコードを書くことだけでなく、無限の可能性に満ちた新しい世界を構築することです。効率性と創造的プロセスの楽しさを高めるためには、適切な開発ツールを選択することが重要です。 ここでは、開発効率を大幅に向上させ、全体のワークフローをスムーズにするための高く評価されているソフトウェアツールをいくつか紹介します。初心者から経験豊富なプロフェッショナルまで、これらのツールは、コードの整理、プログラムのデバッグ、プロジェクト管理、効果的なコラボレーションをサポート
5250ユーザーが「VSCode」を使ってみた ～VSCodeの基本知識編～ - Qiita
5250ユーザーが、VSCodeを使ってみました VSCodeを使ったことなく知識もほとんどない5250ユーザーが、VSCodeを使ってみました。 VSCodeとは何かというところの勉強からダウンロード・RPGプログラムのコンパイルまで実施した手順をまとめます。まずこの記事ではVSCodeでIBM iを触るための基本知識・操作とVSCodeを使うとどんなことができるのか（VSCodeを使うメリット）を5250ユーザーの目線からまとめます。（筆者もまだまだ勉強中ですが…） この記事を読んで、5250しか使ったことないけど、VSCodeを使ってみようかな！と思ってもらえたらうれしいです！ 具体的なダウンロード～コンパイル手順は別記事で！ 具体的なダウンロード～コンパイル手順は別で記事を作成しているのでそちらをご確認ください ・VSCodeのダウンロード、拡張機能のインストール、SSH接続 ht
事業の成長にアラインするためにAWS DMSを活用してDB統合した話 - Techtouch Developers Blog
バックエンドエンジニア兼万年ダイエッターの taisa です。毎朝子どもの幼稚園バス送りのついでに短距離ダッシュして運動してます。はたから見ると変な人ですが、バスを追っかけるようにダッシュすると幼稚園バスの子どもたちは喜んでくれます。 テックタッチは以前、マイクロサービスの切り直し後に DB 統合を実施しました。本記事では、テックタッチがどういったプロセスで DB 統合を実施したかを紹介します。また、AWS DMS を利用する際に気をつけるポイントについても合わせて紹介します。 マイクロサービス切り直し記事のおさらい なぜ DB 統合したか Before After DB 統合の前提条件 やりたいこと 制約 DB の特徴 サービスの特性 AWS DMS（Database Migration Service）とは どのように DB 統合したか Phase1：DMS でレプリケーションを開始す
localhost:3000にアクセスするとhttpsに強制されるのが辛い - Qiita
はじめに この記事は過去にハマったことを忘れて、また最近ハマったのでいい加減覚えるための自分用のメモです。 結論 以下の2点が原因 Railsのconfig/enviromentsの環境に対応したファイルでconfig.force_ssl = trueが設定されている サーバー側がSSLによるアクセスを強制する場合、Chromeがそれをキャッシュし、次にhttpでアクセスしてもhttpsに強制する 直し方 config.force_ssl = trueの記述をコメントアウトもしくは削除 Chromeのメニューから「設定」を開き、「プライバシーとセキュリティ」セクションの「閲覧データを削除」に進んで、「キャッシュされた画像とファイル」を選択し、「データの削除」をクリック 私がハマったケース railsの7.2で簡単に開発環境を作ろうと思いとりあえず動くことを確認するため、production
【2024年最新版】PowerShell のおすすめ環境構築 - Qiita
前半にターミナルの見た目や操作をかっこよくする方法を紹介して、 後半に PowerShell のコーディング環境を快適にする内容を書きました。 この記事で書くこと 最新版 PowerShell 7 のインストール 標準で入っているのは Windows PowerShell 5.x のため、最新版をインストールします。 ターミナルやエディタのセットアップ手順 Windows Terminal, Visual Studio Code では、標準で入っている Windows PowerShell 5.x を使っているので 7 に切り替えます。 その他、便利ツールの導入方法 プロンプトのカスタマイズ（Oh My Posh）、ターミナルの入力補完機能（PSReadLine, carapace）、改良版 cd（zoxide）、Windows 版 sudo（gsudo）を使います。 コーディング環境の整
Visual Studio Code で C# コンソールアプリのHello World を作る - Qiita
はじめに 以前から Visual Studio Code (以下、VSCode) は気になっていたのですが、なかなか使い始めず・・・ とりあえずはやってみよう、ということで、VSCode で Hello World を作るところまでやってみました。 なお、本家 (?) Visual Studio がインストールしている環境で実施しました。 このため、まっさらな環境に VSCode をインストールした時と、多少設定や画面遷移が異なる可能性があること、ご了承ください。 インストールした環境 Windows 11 23H2 手順 基本的には、ポチポチで構築できます。 1. VSCode のダウンロードとインストール Visual Studio Code - Code Editing. Redefined のサイトからインストーラーをダウンロードします。 ダウンロードしたインストーラーをダブルクリ
「プロになるためのweb技術入門」要点まとめ - Qiita
はじめに 今回は「プロになるためのweb技術入門」という書籍についてざっとまとめていきます。 0. 「webアプリケーション開発はどう学んでいくべきか」 webアプリケーション開発の難しさ webアプリケーションというシステムの「歴史の新しさ」と「必要な知識の広さ」 技術の移り変わりがはやく体系的に学ぶのが難しい →書籍や記事、現場を通じて少しずつ身につけていくしかない現状 ではどう学んでいくべきか その技術が使われるようになった歴史や背景を知ることでどのように利用すれば良いかわかる 今までの背景を理解しておくことで、新しい技術が登場したとしても素早くその技術を理解できるようになる →その技術が「なぜ生まれたのか」「なぜ必要なのか」を自分で考えながら学習していく！ 1. 「そもそもwebアプリケーションとは何か」 webアプリケーションの主な特徴 1. 主な処理は、手元のPCではなくサーバ
Web開発において複数人で同じ環境を用意しよう(Dockerの基本) - Qiita
この記事ではDockerの基本を記述する．Dockerを用いるとWeb開発において非常に便利である． 開発するときあるある 私個人の主観ですが，経験談でこのようなことがあった． 複数人で開発するとき...こんなことありませんか？ そもそも同じPCで開発すればいいが...そんなわけにもいかないだろう．ならば違うPCでも同じような環境で動かせばいいだろう．それでも同じPCでもさまざまなアプリを開発しているから，他のパッケージ，フレームワーク，ライブラリが邪魔しないだろうか？ Web開発においてこんなことありませんか？ 個人開発では作成するソフトウェアのパッケージ，フレームワーク，ライブラリのバージョンが今までインストールされていたバージョンと一致しないことがあるだろう． 共同開発ではチームメンバーでパッケージ，フレームワーク，ライブラリのバージョンを合わせたり，各々で個別にインストールすること
VSCode の Profiles 機能で拡張機能や設定を共有してみる
VSCode の設定を簡単に切り替える方法はないかなと思っていたところ、2023-01(v1.75.0) の更新で Profiles 機能が追加され、複数 Profile を持てようになったとのこと。 そこで、どんな感じかなと試してみたところ、設定の切り替え以外にも共有などで便利そうだったのでその辺についてなど。 2023-02-10: 通常版の vscode.dev でもプレビューを利用できるようになったので、注意点などを更新しました 2023-02-10: Profile の切り替えについての追記などを行いました Profiles 機能とは？ これまで VSCode の UI ではユーザーの設定を 1 つしか持てませんでした。 今回の更新で導入された Profies 機能を使うとその辺を良い感じにしてくれるとのこと。 Profiles If you have different VS
Visual Studio 2022のデバッグ設定に【外部プログラムの開始】の選択肢が見付からない【改訂版】 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
問題 §Visual Studio 2022のデバッグ設定に【外部プログラムの開始】の選択肢が見付からない Visual Studio 2010にはある 解決 §DLLプロジェクトのプロパティを開く左の項目から【デバッグ】を選ぶ【デバッグ起動プロファイルUIを開く】を選ぶ右上の4つ並んだアイコンのうち最も左のアイコンをクリック(新規作成)すると、プロファイルの種類を質問される(下の画像を参照)【実行可能ファイル】を選ぶすると、実行可能ファイルを指定可能なデバッグ情報が表示される実行ファイルを指定するツールバーのデバッグ情報でプロファイルは選択できる。作成したプロファイルを選んでおくこれでF5を押すと指定した実行ファイルが起動され、そこから読み込まれたDLLのソースコードデバッグが可能となる
Webアプリの開発環境からデータベースに接続できるようにする - Qiita
docker run --name testdb -e MYSQL_ROOT_PASSWORD=root -e MYSQL_DATABASE=testdb -P --expose=3306 -p 3306:3306 -d mysql:latest データベースの名前は testdb データベースのrootユーザーのパスワードは root データベース接続の際のPortは 3306 利用するMySQLDBのイメージは最新のもの DBeaverのインストール 作成したデータベースに接続するため、DBeaverを準備する。 Windows(installer)をクリックしてダウンロードし、インストールする。 DBeaverの設定 データベースナビゲーターの中で右クリック、作成、接続を押す。 MYSQLを選択し、次へボタンを押す。 Server Host : localhost Port : 33
個人開発者がGoogle Cloudの環境構築でお財布を守るために最初にすべきこと - Qiita
初めに 自分は2年くらい業務でGCP(今はGoogle Cloudですね)を使っていたのですが、友達が個人開発でGoogle Cloud使いたいから手伝ってとのことで、久々にコンソール触りたいなーと思ったので環境構築を手伝うことにしました。友達のクレジットカードが紐づいた環境なので自分の環境以上に課金やセキュリティに対して注意しなくてはなりません。課金だけでなく友情も爆発してしまいかねませんので 今回は最初期から構築するということで個人開発者向けにお財布や環境を守るうえでの最初にやったほうがよい課金のセーフティ的な設定をまとめていきたいと思います。企業で検証環境管理している人にも参考になるかと思いますので是非最後まで見てもらえると嬉しいです！ 前提 Google Cloudのプロジェクトを作成していること 課金アカウントを作成していること(クレジットカードの紐づけできていること) その1
WindowsのPowerShellのプロファイルを設定する (1/2)
そもそもPowerShellのプロファイルとは PowerShellやWindows PowerShell（以下、PowerShellと総称）で、いつも同じオブジェクトを使うことがある。こうしたとき、Profile（プロファイル）と呼ばれる機能を使うことで、起動時に変数や関数などを登録できる。 Profileは、テキスト形式のスクリプトファイルであり、起動時に読み込まれて、その内容に従って、変数や関数、エイリアスなどの定義をする。 プロファイルには、ユーザー、ホストにより４種類の組み合わせがある。 ユーザーの種別は、すべてのユーザー用と現在のユーザー用の2つがある。またホストは、すべてのホスト用と現在のホスト用の2つがある。ホストの種別は、リモートシェル操作をするときに利用される。ローカルホストでは「すべてのホスト」と「現在のホスト」用が順に適用される。 リモートシェルの場合には、リモート
開発環境をmacからwindowsへ移行 - Qiita
はじめに 自分はフリーランスエンジニアとして約2年間macで開発をしていました。先日初めてwindowsへの移行を試し、結果問題なかったです。本記事では移行した理由、感想、windowsの開発環境などを紹介します。 筆者の状況としては以下になります。 2年間macを使用しておりwindowsは未使用 開発分野：webアプリのフロントエンド・バックエンド 主な使用言語：js・ts・go・php 移行した理由 使用していたm1 macの性能不足を感じた macの値段が高い pcでゲームもしたい ①使用していたm1 macの性能不足を感じた スペックは以下です CPU：m1 メモリ：16GB ストレージ：256GB 案件にてNext.jsとgoを使用しています。このプロジェクトでエディタが数秒間フリーズしたり、goのビルドで5分ほどかかっておりストレスでした、、、CPUがフル回転するのが頻繁です
開発者もIDEから稼働中のシステムの状態を確認したい？（設定編） - Qiita
概要 IDEを使って開発した後にデプロイされたシステムのパフォーマンスやログなどをIDE上で簡単に検索できたらワクワクしませんか？問題が起きたときのトラブルシュートでも使えますし、次のシステムの改善点を考える上でも活用できます！ New RelicのCodeStreamをVSCodeやIntelliJにインストールすると、New Relicでモニタリングされているシステムのレスポンス、スループット、エラーレート、発生しているエラー、脆弱性情報などを把握することができます。開発後にデプロイされたシステムが今どのような状態かIDE上で簡単に確認できるので、品質や非機能要件に対する感度を高めるきっかけにできそうです。 こちらの記事では、CodeStreamを使用するための設定について紹介します。 システムのログを検索したり、NRQLを使用してパフォーマンス情報を取得する方法は別の記事で公開してい
[IIS]複数のSSLサイトを構築
概要 SSLサイトの場合、IISだと通常１つしかWebサイトを構築できません。UIではホストヘッダー値をSSLサイトに対しては設定できないからです。 (手っ取り早い方法は、複数のIPアドレスを持たせる。そうすれば単純に複数のSSLサイト、複数の証明書を扱える） グローバルIP１つでは、以下の方法 手順 SSL ホスト ヘッダーの SecureBindings メタベース プロパティを構成するには コマンド プロンプトで次のコマンドを入力します。 cd C:\Inetpub\AdminScripts cscript.exe adsutil.vbs set /w3svc/<サイトの識別子>/SecureBindings “:443:<ホストヘッダー>” ホスト ヘッダー は、site2.contoso.com や site4.contoso.com など、Web サイトのホスト ヘッダーです。
![[IIS]複数のSSLサイトを構築](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b9f5bd53c49a3b35e0c0752c148b9ecbcc1f160/height=288;version=1;width=512/https%3A%2F%2Fwww.tksoft.work%2Fwp-content%2Fuploads%2F2014%2F05%2Flogo_iis75.png)
業務でAWSを利用する時に知っておくべきポイント10選 - Qiita
2024年1月時点のAWSベストプラクティスに従って作成しました 好評でしたら続編も検討します 1. 環境ごとにアカウントを分離する 本番、検証、開発ごとにアカウントを分割しましょう ✕良くない例 ◎良い例 最初にアカウント分割しておかないと、後で分割するのはとても大変です アカウントを分割することで「検証と思って作業したら、実は本番だった」のような事故を減らすことができます コストがアカウント単位で集計されるため、環境ごとのコストを簡単に算出することができます AWS Organizationsを使用することで、各環境に応じた権限設定が簡単にでき、ガバナンスを強化することができます AWSアカウントはAWS Control TowerのAccount Factoryを使用することで、クレジットカード情報を都度入力することなく簡単にアカウントの払い出しが可能です また、AWS Contro
【DX向上】VSCodeの設定のススメ【Mac】 - Qiita
VSCode の設定のすゝめ はじめに みなさんこんにちは、GENEROSITY の西村です。 ご存知の通り、VSCode（Visual Studio Code）は、Microsoft が開発したフリーでオープンソースのコードエディタです。 非常に出来ることが多く、設定は自分好みにカスタマイズ可能で拡張機能も豊富です。 しかし、その力を最大限に引き出すためには、適切な設定が必要です。 設定を見直し、DX(Developer Experience)を向上しましょう！ おことわり 今回は、Mac の環境での設定について記載をします。 ショートカットキーは⌘(Cmd), ⌥(Option), ⇧(Shift), ^(Ctrl)を使用します。 適宜 Windows ユーザーの方は置換していただければと思います。 最後に本記事の私の考えや発言は個人の見解として捉えていただければと思います。 キーボー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
