「プロになるための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/6f4c5dab7162ad522d294159642705b327ec5a9d/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fwww.tksoft.work%2Fwp-content%2Fuploads%2F2014%2F05%2Flogo_iis75.png%3Ffit%3D375%252C200%26ssl%3D1)
業務で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 ユーザーの方は置換していただければと思います。 最後に本記事の私の考えや発言は個人の見解として捉えていただければと思います。 キーボー
Azure PaaS サービスで掲示板 (Webアプリ) つくってみよ！！(SQLインジェクションの実例も) - Qiita
Azure PaaS サービスで掲示板 (Webアプリ) つくってみよ！！(SQLインジェクションの実例も)AzureSQLインジェクションAppServiceCosmosDB駆け出しアーキテクト こんにちは、アーキテクトのやまぱんです。 補足コメントや質問、いいね、拡散、是非お願いします🥺！ 間違ってたら優しく教えてください！ もしやってみてうまくいかなかったらコメントいただければ、わかる範囲で修正します～！ Azure PaaS サービスで掲示板つくってみよ！！ Azure PaaS サービスで掲示板を作ってみよう！！ ついでに SQLインジェクションの実例も紹介します とりあえず作ることが目的です。 前書き 動機 とりあえず Azure でなんか作ってみたい！ いままでインフラ系担当だったし、 (Azure で)一つのサービス、動くモノを作った経験が無いけど作ってみたい！ 自分や仲
VSCodeでフォントを変更する - shuhelohelo’s blog
環境 Windows10 Visual Studio Code 1.39.2 フォント名を確認する フォント名を確認するためには,タスクバーの検索欄で｢font｣または｢フォント｣と入力し,Best match!な｢Font settings｣をクリックします. お望みのフォントをフォント名で検索します. 今回は｢源真ゴシック等幅｣というフォントを使いたいと思います. フォントを選択すると以下のような詳細画面が開きます. フォントの中には複数の｢Font face｣を持つものがあります. フォント検索の画面で,各フォントに｢5 font faces｣などと書かれていることがわかると思います. このFont faceも選択することができるので,お好みに合わせて選択してください. Font faceを選択すると,Full nameの項目にそのフォントの名前が表示されます. これをVSCodeで
VSCodeを便利にするあれこれまとめていく
記事の目的 今後 VSCode をヘビーユーズしていきたい。 そのために便利なものがあればどんどんカスタマイズしていきたい。 そんでそれを備忘録として見返せるようにしておきたい。 （あとは誰かの役に立てばいいな。自分の同じような価値観の人に刺さるといいな。） 目次 記事の目的 目次 現在の開発ウインドウの保存 ワークスペースとは何か ワークスペースの作り方と使い方 フォント変更 フォントを美しくしよう 参考サイト３選 検討したフォントたち マークダウンファイルの目次を生成する 採用したプラグイン VSCodeのUIをおしゃれにする 例えばこんなUIになる インデントをおしゃれにする 行ハイライトをおしゃれにする ダークモード時のVSCodeのタブを見やすくする コーディングを便利にする コードの自動整形 スクロールをぬるぬるにする 今後どんどん追記予定（続く） 現在の開発ウインドウの保存
ASP.NET MVCのWindows認証のアプリがWindows Serverで動作しない 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
問題 §ASP.NET MVCのWindows認証のアプリがWindows Serverで動作しない ローカルのデバッグ環境では動いている 解決 § 既に【IISマネージャ】で【アプリケーションの追加】までは終わっているとして、HTTP Error 500.30 - ASP.NET Core app failed to startというエラーがWebブラウザ上で出ているとする。 これ以後の対策は2段階ある。 アプリの動作がインプロセスだとHTTP Error 500.30 - ASP.NET Core app failed to startとなって起動しない。対策は【ASP.NETアプリでWindows認証を設定するとHTTP Error 500.30 - ASP.NET Core app failed to startとなって起動しない】で述べた通りすると、エラーが"An error o
Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストールのやり方を説明します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをク
Visual StudioのNuGetで依存関係をインストールしているのに参照エラーが出た - Qiita
Xamarin.Forms 環境構築時をしている時に、NuGetでインストールされているのに、 何故か参照エラーが出ていました。 解消できたので備忘録を残します。 環境 Windows10 Home Intel(R) Core(TM) i7-2600 CPU @ 3.40GHz 3.40 GHz Visual Studio community2022 依存関係がインストールされているか確認 ソリューションエクスプローラーから「依存関係」を見ても、 ツール > NuGetパッケージマネージャ > ソリューションのNuGetパッケージの管理 を見てもインストール済みであることを確認。 エラー内容 しかしなぜか以下のエラーがズラズラ出ていました。 エラー CS0246 型または名前空間の名前 'System' が見つかりませんでした (using ディレクティブまたはアセンブリ参照が指定されてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studioで依存関係にないプロジェクトはビルドされない 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
ASP.NETアプリでWindows認証を設定するとHTTP Error 500.30 - ASP.NET Core app failed to startとなって起動しない 【▲→川俣晶の縁側→ソフトウェア→技術雑記】