自動化無しに生活無し

WEBとかAIとかLinux関係をひたすら書く備忘録系ブログ

初心者向け

  • Pycharmを使う前にやっておきたい設定と覚えておくと良い操作方法
    Pycharmはデフォルトではやや使いづらい。そのため、本記事ではなるべく使いやすくする設定と覚えておくとよい操作方法を記す。 設定 日本語化 https://mergedoc.osdn.jp/ にアクセス。Pleiadesプラグイン・ダウンロードからOSにあった日本語用のzipをDL。 zipを展開した後、WindowsやMacの場合はマウスクリックでインストーラーを起動させれば良い。 ※日本語の表記ゆれなどを考慮し、以降の設定はインストールしてすぐの英 ...
    続きを読む

  • 要件定義書の書き方
    開発者になるために必要な要件定義書の書き方と必要なものを解説する。 そもそも要件定義とは？ システムを作るために決めるべきこと。 とりわけ、システムにおける5W1Hに基づいて、取り決めを行う必要がある。 この取り決めが曖昧であれば、受注者と顧客間での認識に食い違いが生まれる。 要件定義書に必要なもの 要件定義書に正解はない。 必ずしも下記の全ての項目を作る必要はない。必要に応じて省略し、簡潔に済ませることもわか ...
    続きを読む

  • 【Django】モデルクラスのfilterメソッドで検索・絞り込みをする
    モデルクラスを使用してデータをDBから取り出す時、filterメソッドを使用することで、取り出しの条件を指定することができる。 完全一致の場合(=) =を使用することで完全一致のデータを取り出すことができる。 topics = Topic.objects.filter(id=3) 主キーに対して、=を実行した時、取り出されるデータは1個もしくは0個になる。 そのため、上記のやり方だとforループしなければ、データを取り出すことができない for topic in topics: print(topic) そこで、単一のモデルオブ ...
    続きを読む

  • フレームワークと言語の学習方法
    • 作成日時:
    • 最終更新日時:
    • Categories: others
    • Tags: 私見 初心者向け
    最近の私は、自習を怠り気味で遅れている。 エンジニアたるもの、休日も学習に費やすべき。 そういった意識や、周りの動きから危機感を覚えて再学習しようとしても、なかなかうまく行かない。 そこで、昔やっていた学習方法を本記事でまとめ、今の再学習に活かそうと思う。 学習の流れ 【第1段階】まずは速やかに動くものを目指す(サンプルのコピペもOK) 【第2段階】動くものを解析する 【第3段階】解析した上で、改造する 【第4段 ...
    続きを読む

  • JavaScriptでクエリパラメータを書き換え、GETメソッドを送信する【通販サイトなどの絞り込み検索に有効】
    クエリパラメータ(クエリ文字列、もしくはクエリストリング)はサーバーサイドだけのデータではない、JavaScriptも操作できる。 これを利用することで、サイトの絞り込み検索を作ることができる。 HTML 下記のように価格帯の入力欄を作る。 <h2>下限</h2> <input class="url_replace" type="text" name="min_price"> <h2>上限</h2> <input class="url_replace" type="text" name="max_price"> そして、次項のJavaScriptを読んでおく。 JavaScript window.addEventListener("load" , function (){ $(".url_replace").on("keydown", function(e) { ...
    続きを読む

  • 【HUGO】最新版をインストールして、サイトを作り、テーマを当ててビルドするまで
    手順 GitHubから最新版のインストーラを入手 サイトを作る 記事を作る テーマをインストールする HUGOサーバー(開発用サーバー)を起動する ビルドする GitHubから最新版のインストーラを入手 https://github.com/gohugoio/hugo/releases 上記サイトから、Latestと書かれてあるバージョンのインストーラーをDLする。Ubuntu 20.04の場合はhugo_0.95.0_Linux-64bit.debをDLすると良いだろう。 Windowsであれば ...
    続きを読む

  • Laravelで.env(環境変数)に指定した値をチェックする方法【コントローラ・ビュー】
    例えば、コントローラなどで開発段階とデプロイ後で処理を切り分けたい事がある。そういう時は、.env(環境変数)に指定した値を参照してif文で分岐させれば良い。 コントローラで環境変数に指定した値を確認する。 if ( env("APP_DEBUG") ){ \Log::debug("APP_DEBUGはTrueです"); } else{ \Log::debug("APP_DEBUGはFalseです"); } これで解決す ...
    続きを読む

  • Djangoをやる前に知っておきたいPython構文【オブジェクト指向(class文)と別ファイル読み込み(import文)は特に重要】
    Djangoを始める前に知っておきたいPython構文をまとめる。 型 #数値型 score = 100 #文字列型 name = "Taro" #リスト型 numbers = [ 46,77,22 ] #辞書型 topic = { "id":1, "comment":"Hello" } #辞書型のリスト topics = [ { "id":1, "comment":"Hello" }, { "id":2, "comment":"Hi" }, { "id":3, "comment":"こんにちは" }, { "id":4, "comment":"どうも" }, ] 数値型は演算子(+ - * /)のいずれかを使用して計算を行うことができ ...
    続きを読む

  • 【JavaScript】Chart.jsでグラフを描画する【棒グラフ、円グラフ、折れ線グラフ】
    インストールとチュートリアル 最新版のCDNなら以下サイトから入手できる https://www.jsdelivr.com/package/npm/chart.js?path=dist とりあえず試したい場合は下記CDNをインストールする。(※一部仕様が現行バージョンと異なるため注意) <script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.2/dist/chart.min.js"></script> 続いて、グラフを表示させたい場所に下記、canvasタグを配置。 <canvas id="graph"></canvas> これで準備完了。後は、次項以降のJavaScriptを発動させ、任意のグラフを描画させる。 棒グラフ 公式から拝借。 実行させるJavaScriptが下記。 const ctx = ...
    続きを読む

  • サイトのアイコンを指定して、Favicon 404 NotFound問題を解決する【フリー素材使用】
    F12キーを押してコンソールを開き、JavaScriptの挙動を確かめる時。目につくのが、favicon.ico NotFoundという赤字の警告。 この警告はサイトのアイコンを設定していないことによって発生する。つまり、このブログのようにアイコンを設定すれば、警告は出ないということだ。 アイコンを設定する。 HTMLのheadタグ内に下記を記入する。 <link href="img/favicon.ico" rel="icon"> まず、アイコンのファイル名は必ずfavicon. ...
    続きを読む