10/10 記録 note模写プロジェクトのAtoms作成 note模写プロジェクトの続きを行った。 Atomsを少し追加しただけなので進捗はあまりない note模写プロジェクト Storybook追加 note模写プロジェクトにStorybookを導入した。 画像を動的に変更するためにpropsを…

10/9 記録 getBoundingClientRect() ビューポート領域の一番上から見た要素の位置を取得できる developer.mozilla.org cloneNode 要素を復元するメソッド // Nodeを複製する Node.cloneNode(boolean) devicePixelRatio デバイスのピクセル比を調べる // デバ…

10/8 記録 React.jsについて学んだ 今回は主にReact.hooksのサンプルを実行した setInterval() setInterval()メソッドは一定の遅延間隔を置いて関数やコードスニペットを繰り返し呼び出す。 インターバルを一意に識別するinterval IDを返すのでclearInterval…

Memo // index.html <script type="module" src="main.js"></script> // main.js import renderHTML from './render.js'; (function() { var inputText = document.getElementById('input'); renderHTML(inputText); })(); これでhtmlでつかうようのJSでもimportを使用することができるようになる fetch AP…

10/2に行ったこと GithubのSSH接続 SSH接続のテストをする際にssh -T git@github.comでPermission deniedがでるさいはssh -T githubでやってみる コマンドの出力をコピーしたいとき（クリップボード） cat ファイル名 | xclip -selection c を使用する Docke…

8/23のDjangoメモ readonly オプション admin.pyで表示する際,デフォルトではstr()を表示する 他のフィールドも表示させたいときにreadonlyオプションを使用する from django.contrib import admin from .models import Book class BookModelAdmin(admin.Mod…

Djangoで学んだことをメモする reverse urls.pyでname指定したパスを取得する 例 # accounts/urls.py from django.urls import path from . import views urlpatterns = [ path('signup/', views.signup_view, name="signup_template"), ] # accounts/tests.…

Vue.jsの設定方法 vue.config.jsを作成することでVue-CLI3上で設定できる。 vue.config.js outputDir ビルドされたファイルの出力先の指定ができる indexPath index.htmlの出力先を指定できる outputDirを基準に見て指定する publicPath バンドルファイルのj…

Djangoで学んだことを書いていく related_nameの使い方について models.pyでForeignKeyやManyToManyFieldとよく使うrelated_nameについてのメモ ForeignKeyなどでリレーションを張ったときに、逆参照するときに使用する 〇〇_setを〇〇に置き換えることがで…

盆休みにやったこと 8/10 Javascriptでタブ機能の作成 Vue.jsでタブ機能作成 Typescriptの本を読んだ 8/11 Django rest frameworkでモデルの作成について勉強 Django rest frameworkでapiviewを使ってみたがわからなかった Django rest frameworkでtodoのモ…

Template Method 親クラスで処理の概要を決め、子クラスで具体的な処理を書くデザインパターン。 親クラスは直接インスタンスを作成しないのでAbstractClassを使う。これを抽象クラスという 子クラスは具象クラス（ConcreteClass)という プログラム ソースコ…

コード var tabBtns = document.getElementsByClassName('tab'); var tabStages = document.getElementsByClassName('stage'); var activeIndex = 0; Array.prototype.forEach.call(tabBtns, function (element, index) { element.addEventListener('click',…

djangoの開発環境構築 DockerとDjangoとMySQLで開発環境を構築した つまずいた点 MySQLとDjangoの接続 ホスト側のポートを書くのではなくDocker側のポートを書く 具体的には13306:3306のときは3306の方を書く Vue.js vm.$nextTick([callback]) 引数 { Functi…

構築方法 手順 EC2のインスタンス作成 2, お名前ドットコムでドメイン取得 Route53でホストゾーンの設定 ネームサーバをお名前ドットコムに設定 Certificate ManagerでSSL証明書を取得 Certificate ManagerをRoute53でレコードを作成 Route53のドメイン名の…