はてなブックマーク

以前Pythonを使うハンズオン勉強会で「あれ?PythonをVSCodeに入れたけどなんか動かない?」ってことが結構あったので無事にPythonをVSCodeに入れて実行できるようにする手順を置いておきます。 解釈違いがあれば編集リクお願いします。 ※(注記)実行環境はWindowsです MSの公式チュートリアルはこちらです。 Pythonのインストール Pythonの公式サイトにGo いちばん新しいVersionのこれを選択 ご自身のPCのbit数に合わせて選択 ※(注記)自分のPCのbit数を確認する方法はここから インストール画面でADD python.exe to PATHを選択してインストールを実行 VSCodeにPythonの拡張機能を入れる VSCodeに以下の拡張機能を入れます。 VSCodeにPythonのパスを設定する インストールしたPythonの実行ファイルのパスを指定します。

楽にきれいにフローチャートを描く方法を探してたらmermaidに行きついたので、mermaidを使ってフローチャートを描く方法をまとめておきます。 公式docsはこちらです。 ブラウザでmermaidを使う こちらのエディタを使うとブラウザ上でサクサクmermaidが書けます。 こんな感じで左側がエディタ、右側がプレビューで書いたdiagramをリアルタイムで確認しながら使えます。即書きたい派の人はこれがいいかも。 Sample Diagramsから色んな図のテンプレを挿入することができます Actionsから画像ファイルにエクスポートしたりも VSCodeでmermaidを使う VSCodeでmermaidを使う場合は、こちらの拡張機能を入れるとよいらしい mermaid記法をハイライトで表示してくれて書きやすくなります こちらはVSCodeでmermaidで書いた図をプレビューで見せて

はじめに きっと同じことで困っている人がいるはず。 WEBエンジニア1年目のゆりと申します。 開発をしてた際、いつも通りGitHubにpushしたら突然エラーが(°_°)!! mypc@my-mac project % git push origin main remote: Password authentication is temporarily disabled as part of a brownout. Please use a personal access token instead. remote: Please see https://github.blog/2020-07-30-token-authentication-requirements-for-api-and-git-operations/ for more information. fatal: unabl

BFFとは Backend for Frountendの略で、UI/UXを向上させる目的でフロントエンド専用のサーバーを用意したアークテクチャパターンです。 Webアプリケーションサーバーは下記の処理を行います。 リクエストを受ける DBからデータの取得・更新 ページを構築 (これはクライアントですることも) ページ or データの返却 このうち、「DBからデータの取得・更新」とそれ以外をフロントエンドとバックエンドの役割に明確にわけます。 BFFの役割となるサーバーをクライアントをWebサーバーの間に設け、「リクエストを受ける」と「ページ or データの返却」、場合によっては「ページの構築」をここで処理します。 こうすることで、これまでリクエストというUX関わる部分をフロントエンドエンジニアの責務に移行することができます。 ページの構築をクライアントではなくサーバーで行う場合、これもBB

Webpack入門書です。 ReactやVueでプロジェクトを立ち上げてしまえば、Webpackは設定済みのままプロジェクトが作成されますので、Webpackについては全く知らずに使っているという方も多いのではないでしょうか。 Webpackはちゃんと使うことでBundleサイズの削減、ひいてはパフォーマンスの向上が期待できます。 今回はそこまで踏み込んだ内容ではありませんが、Webpackについての最低限ここまで知っていればいいだろうという知識を集約しました。 Webpackの公式サイトは日本語に対応していないので、こちらに目を通していただければWebpackについての基本を抑えることができます。