TypeScriptを使用している場合にはこれでcmd + sを入力すると不足しているimport文が追加されます。 しかし、JavaScriptを使用している場合には型チェックを有効にするために以下のいずれかを追加する必要があります。 // @ts-checkを追記する ファイルの先頭に// @ts-checkを追加することで型チェックが有効になります。 setting.jsonで設定する setting.jsonに以下を追記することで全ての.jsファイルで型チェックを有効にできます。
![【VSCode】ファイル保存時にimport文を整理する【ESLint】 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff2099b22f15c6a0f4a352efa2c60581880e674f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwVlNDb2RlJUUzJTgwJTkxJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUU0JUJGJTlEJUU1JUFEJTk4JUU2JTk5JTgyJUUzJTgxJUFCaW1wb3J0JUU2JTk2JTg3JUUzJTgyJTkyJUU2JTk1JUI0JUU3JTkwJTg2JUUzJTgxJTk5JUUzJTgyJThCJUUzJTgwJTkwRVNMaW50JUUzJTgwJTkxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01OGE2NzFkYTczN2M0MzZkNmI0NGFjMzMzMTc3YzA3YQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBQLW1hbl9Ccm93biZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NWFmNWE4MDgyMWY2ZTI1M2Y2NmY4YTFlYTViNTRlOTM%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dad79badd6aaa9ebd76915e031c474513)
TypeScriptを使用している場合にはこれでcmd + sを入力すると不足しているimport文が追加されます。 しかし、JavaScriptを使用している場合には型チェックを有効にするために以下のいずれかを追加する必要があります。 // @ts-checkを追記する ファイルの先頭に// @ts-checkを追加することで型チェックが有効になります。 setting.jsonで設定する setting.jsonに以下を追記することで全ての.jsファイルで型チェックを有効にできます。
リセット前の確認 まずは既存のmodelsがデータベースに適合しているか確認を実施。 python manage.py makemigrations コマンド実行後にエラーがなければOK。 Migrations処理が残ってないかも確認。 「No changes detected」が表示されていることを確認。 Migrations履歴を確認 Migrationsの履歴を確認。 python manage.py showmigrations Migrations履歴を削除 Migrationsの履歴を削除するために下記コマンドを実行 python manage.py migrate --fake XXX zero XXXの部分はアプリ名を指定 Migrations履歴が削除されたか確認 Migrationsの履歴が削除されているか履歴を確認。 python manage.py showmigr
今回は 基礎編 に引き続き、ケーススタディ編をお送りします。 この記事は BeProud Advent Calendar 2018 7日目の記事ということにします。 BeProud Advent Calendar 2018 - Adventar普段忙しくてなかなかブログを書けない人のケツを叩くための BeProud アドベントカレンダーです 内容は技術的なことなら何でもOK BeProud に関係してる人なら誰でも、としたいんですが 枠が限られているので [BeProud](https://www.beproud.jp/) の社員か元社員の方に優先的に入ってもらいたい気持ちです カレンダー作成者でも枠の登録削除はできないようなので良識の範囲で登録してください 何かあれば [Twitter](https://twitter.com/crohaco) で連絡くださいhttps://advent
PowerShell の履歴は2重に管理されている 長い説明 コマンド プロンプトでコマンドを入力すると、コマンドがコマンド履歴に保存されます。 履歴のコマンドは、作業の記録として使用できます。 また、コマンド履歴からコマンドを呼び出して実行できます。 PowerShell には、組み込みの履歴と PSReadLine モジュールによって管理される履歴という 2 つの異なる履歴プロバイダーがあります。 履歴は個別に管理されますが、両方の履歴は PSReadLine が読み込まれるセッションで使用できます。 ちなみに、Bing の AIチャットで確認すると組み込み用の説明だけ表示される。ということでスクラップにしている。
こんにちは、devcontainer職人です🧑🍳 今回紹介するのはDocker Composeを既に利用している開発環境にかんたんにdevcontainerを構築する方法を紹介します。 VSCodeのdevcontainerはとても良くできた開発環境構築方法なのですが、ちょっと難しそうと思われていたり、VSCode以外のエディタを使う人の開発体験が悪くなるのでは、などの懸念がありまだあまり使われていないような印象があります。今回はそんなdevcontainerを3分で作れるtipsを紹介します。 準備するもの Docker Composeで構築した開発環境 VS Code Docker Desktop for Windows/Mac Remote - Containers extension Docker Composeで構築した開発環境のサンプル 今回用意するのはサンプルとしてRu
Pythonで簡単なsocketのserver/clientプログラムを書くことが多いのですが、 いつも片方が死んだ時のリコネクト(再接続)の書き方をどうやるんだっけ、となるので、 雛形としてまとめました。 もっとスマートな書き方があればご教示ください。 #!/usr/bin/python # coding: utf-8 import socket import time host = '127.0.0.1' port = 65000 buff = 1024 if __name__ == '__main__': s = socket.socket(socket.AF_INET, socket.SOCK_STREAM) s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1) s.bind((host, port)) while True
DockerがErrorで起動しない(Ports are not available: listen ~An attempt was made to access a socket in a way forbidden by its access permissions.)WindowsDockerdocker-compose 症状 以前から、Dockerを使用していました。 久しぶりに使ったら、 "Error response from daemon: Ports are not available: listen tcp 0.0.0.0:3306: bind: An attempt was made to access a socket in a way forbidden by its access permissions." エラーで使用できません。 環境は、windows(WSL
お仕事中に色々試していたところ、ちょっと使えるテクニックを見つけたので紹介しておきますね。 基本的にWindows系のインフラのお仕事をやっていることが多いので「ネットワーク接続」のウィンドウを開いてネットワーク設定の確認とかを変更をすることがよくあります。 この「ネットワーク接続」ウィンドウって、正攻法で表示させようとすると結構めんどくさいんですよね。 スタート→「コントロールパネル」→「ネットワークと共有センター」→「アダプターの設定の変更」と、4ステップも踏まないと開けないウィンドウなんです。 基本的にマウスをわしゃわしゃ動かさないといけないので、作業中のPCやサーバなんかが操作し辛いタッチパネルだったりすると余計にめんどくさい感じです。 このウィンドウを、一発表示する方法についてまとめました。 どんな画面でも、キーボード操作だけで開くことができるようになりますよ!
はじめに 前回はCentOSにPostgreSQL-14をインストールしたので、 今回はレプリケーション機能を使ってみます。 前回の記事は コチラ OS は CentOS でバージョンは以下の通り。 [root@db-server-01 ~]# cat /etc/redhat-release CentOS Linux release 7.9.2009 (Core) 今回は2台のDBサーバで同期を取るので、同じ状態のDBサーバを2台用意しといてください。 筆者は前回の記事の状態のサーバを2台用意してます。 レプリケーション機能を使ってみた DBサーバ#01 まずはDBサーバ#01で作業をしていきます。 postgresql.conf の修正 まずは postgresql.conf の修正から。 その前に念のためバックアップを作成しておきます。 postgresql.conf はデフォルトだと
80番ポートで複数台接続したく 複数IPもらってサーバ構築して苦労したので残しておきます。 社内の開発サーバで複数人でdockerを使う場合にお役に立てば 目指したもの(全て同一サーバ) Ubutnu16.04にて 192.168.1.1:80(hostのeth 0) → docker 0[172.18.0.2 :80]へ接続される 192.168.1.2:80(hostのeth 0.1) → docker 1[172.19.0.2 :80]へ接続される --net=hostで簡単にできると思ってました なぜリバースプロキシを選ばなかったのか jwilder/nginx-proxyを使えば簡単に実装できるが ホスト名を各クライアントPCで登録するとか 野良DNSを構築したくなかった isuueと日本語マニュアルにありました ブリッジ・ドライバのオプション オプション 同等 説明
API Gatewayで作成したAPIの動作を確認するとき、何らかのRESTクライアントを使うと思います。 curlコマンド Postman Insomnia REST Client Chromeの拡張機能 など 今回は、私が使っているVisual Studio Codeの拡張機能を紹介します。特に変数が使えるため、APIの環境(開発・本番など)やリクエストパラメータの変更がとても楽に行えます。 REST Client - Visual Studio Marketplace おすすめポイント たくさんあるので、抜粋してご紹介します。 テキストファイルで管理できる 複数のリクエストを同じファイルに書ける 変数が使える curlコマンドを作れる コードスニペットを作成できる など この中でも、「変数が使える」がとても便利です! 「GETしたResponseのパラメータを参照してPOSTする」や
Windows Terminal(以下Terminalと表記する)のQuakeモード(写真01)は、画面の上半分にタイトルバーなしのウィンドウを表示するモードで、Terminalが起動していれば、いつでもホットキーで呼び出すことができる。Terminalで作業する頻度が高い場合、これを設定しておくと、いつでもTerminalを呼び出すことができる。 写真01: デスクトップの上部に表示されているのがQuakeウィンドウ。下は、通常のTerminalウィンドウ。ペイン分割などを行なってQuakeウィンドウを開きたい場合、起動オプションなどを指定したwt.exeへのショートカットをスタートアップフォルダーなどに作成しておく Quakeモードを設定すると、常用するTerminalウィンドウを1つに絞ることができ、ウィンドウを見失うことがない。1つのウィンドウを使い続けることで、シェルのヒストリ機
Playwright を使用Windows でも Safari のブラウザテストができます。正確には、WebKit ブラウザでサイトを開けます。 使用するのは、Microsoft が開発している Playwright です。 Playwright は、主に E2E テストの自動化などで使用します。ただ、OS に関係なく Chromium、Firefox、WebKit のブラウザでサイトを開くこともできます。 この記事は Test Your Site In Every Browser を参考にし、試したことを書いています。詳しい説明は、元記事をご覧ください。YouTube での解説もあります。 やり方Windows で Safari のブラウザテストを開始するまで、全部で 6 ステップあります。早ければ 2 ~ 3 分で終わります。 2 回目以降は、6 ステップ目だけでテストができます。 ス
おはこんばんにちは 今回は私がよく使うdocker-composeの使い方の備忘録です 一回構築したらあんまり触らないからよく忘れるのでここに残そうと思いますが断片的な情報の為私以外にはあまり役には立たないと思います おじさんの担当しているシステムは20年位思い付きのような機能改修や機能追加を繰り返され 予算的な問題という頭の悪い理由で関係のないシステムのための機能まで載せたりされた結果とっても沢山のサーバにFTPしたりRSHしたりTelnetしないといけないという悪夢のようなシステムになっています そしてその開発環境をローカルに構築しようにも検証用の対抗サーバは開発環境からは繋がらない場所にしか作れないという意味不明な社内ネットワーク事情のせいでローカルでは開発環境がまともに動かないという悲惨な状態でした そこで私は耐えられなくなったので対抗サーバはdocker上に構築してしまい検証サー
Obsidian を利用し始めて一ヶ月経過したので、グラフがどのぐらい育ったのかを公開します。また、そういうふうにグラフを広げるにあたり、どのように Graph のリンクを作ってるかも含めて説明します。 Obsidian のグラフの様子青いノードは daily notes です。 新規で作ったノートは daily notes にも作ったことを記録していることが多いので、わりと daily notes とのつながりが多めになっています。 Obsidian における連携方法Obsidian には複数ページの連携方法には Link と Tag の二種類があります。この2つの使い分けについては、どういうふうに使い分けるのがいいのかについて、ちょっと試行錯誤した結果、以下のような方法に落ち着いています。 MOC の作成についてLinkingYourThinking で提唱されている MOC(Map
はじめにこんにちは、Zaim で iOS チームのリーダーをしている @y_sumida です。 以前のエントリ、大規模サービス開発で起こりがちな「やり直し」が激減した私たちの仕様確認フロー #Zaim では、Zaim でやり直しを減らすために整備した仕様確認の流れをご紹介しました。 流れの中に 真剣にレビューする というものがあったのですが、もう少し掘り下げて、開発する上で見逃しがちな「細かい仕様」をどう発見し、手戻り少なく実装しているかについて共有したいと思います。 一口に「細かい仕様」と言っても色々あります。例えばサービス開発の中でも、入力フォームに文字数制限をかけたり、金額によって数字の色を変えたりと、値に関する仕様は基本かつ複雑になりがちです。これらを曖昧なままにしておくと、仕様には沿っているものの、不思議なバリデーションや、ユーザーから見て矛盾したデザインのままリリースされ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く