2018-01-01から1年間の記事一覧
ベース記事css使い方 内容 ブロックタイプレベルとインラインレベル widthとheightの使い方 外側の余白を調整する 内側の余白を調整する 境界線をつける インラインタイプをブロックタイプに変換する方法 ボックスの角を丸くする 1.ブロックタイプレベルとイ…
親記事css使い方 内容 フォントの種類を変える フォントのサイズを変える 文字の太さを変える 下線や打ち消し線を加える 文章の行間を設定する フォントの設定を一括で行う場合 フォントの種類を変えるプロパティはfont-familyを用いる。ユーザの環境によっ…
ベース記事css使い方コメントアウトの書き方pythonの場合はコメント文頭で#もしくは'''でコメントを括るとコメントアウトできる。javascriptでは//を使う。cssの場合はスラッシュとアスタリスクを組み合わせる。 /* コメントを書く */
参考URL https://www.monotalk.xyz/blog/django-model-%E3%82%92%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%81%8Cmakemigrations-%E3%81%A7-no-changes-detected-%E3%81%AB%E3%81%AA%E3%82%8B/ python manage.py makemigrations参考先によると上記のコマンド…
ベース記事formの扱い方 まとめ ModelFormModelFormの有用性今までフォームに関しては、htmlで記載する方法と、forms.Formの継承として記述する方法を使ってきた。これらの方法とは別にforms.ModelFormを使ったフォームの作成手法があることがわかった。form…
メモよく使うと思われるプロパティについてメモを残す。 テキストを中央寄せする場合 p{ text-align : center ; }
関連記事css使い方 セレクタの書き方セレクタはhtmlタグを単純に書くだけではない。 例えばheaderのh2属性のみにcssを適用したい場合には以下のように書く。 header h2{ color : black ; } リンクが青色で下線部が引かれている状態を直す場合css header nav …
ベース記事css使い方 すべての要素を対象にするセレクタの書き方通常の書き方とどう違うのか？それは＊をセレクタに書くことである。その他変わったことはない。 ちなみにcssには優先順位がある。あるセレクタに対しcssが複数ある場合には優先順位のルールが…
関連記事すべての要素を対象にするセレクタの書き方 セレクタの書き方 テキストスタイル関連 ボックスのスタイル 背景のスタイルcss使い方種類 html内のタグに属性として直接書く方法 html内headタグ内にcssを記述する方法(インラインcss) htmlファイルとは…
関連記事イベントとイベントハンドラの設定 addEventListenerの使い方意義としてはonclick等は一つのイベントに一つのイベントハンドラしか設置できない。一つのイベントに複数のイベントハンドラを設置するときにに役に立つ。サンプル使用例 <html lang="utf-8"> <head> <meta charset="utf-8"> <title>ボタンクリ</title></meta></head></html>…
ほか関連記事DOM操作について イベントとイベントハンドラ 本題loadはイベントの一つ。関連付けられた要素を読み終わったときに発生するイベント。 loadの有用性DOM操作をすると実行タイミングがずれることでエラーになることがある。この解消に2つの方法が…
関連記事views.pyの要点views.pyの目的はテンプレートにデータ（データベース情報も含む）を渡す。 ここから導けることは、views.py内で行わなければならないことは、テンプレートに渡すべき情報を選択すること、どのテンプレートに渡すかを定めること。この…
![はてなブックマーク - views.py の目的[まとめ]](https://b.hatena.ne.jp/entry/image/https://torajirousan.hatenadiary.jp/entry/2018/10/31/200303)
is_safe_urlについての情報がないので探してみた。 ソースコード def is_safe_url(url, allowed_hosts, require_https=False): """ Return ``True`` if the url is a safe redirection (i.e. it doesn't point to a different host and uses a safe scheme).…
関連記事Django リンクについて 本題urls.pyの役割はページ遷移させることだ。ただurls.pyの使い方は一つではないことに気が付かなかった。 少し広くなった視点をメモに残す。 1.developer側の使い方アプリケーション作成者にとってはブラウザ上にアドレスを…
シグナルについて どのような場面でシグナルのpost_save,pre_saveを使いわけるのか理解していない。 今のイメージを書きとどめておく。pre_save: class A のインスタンスaのプロパティxを変更する。プロパティxを変更すると、xに関連して他のプロパティyも変…
![はてなブックマーク - post_save,pre_saveの使い分けについて[仮説]](https://b.hatena.ne.jp/entry/image/https://torajirousan.hatenadiary.jp/entry/2018/10/30/225631)
created は引数createdはpost_saveにのみ存在する引数である。これはBoolean値をとる。 レコードが作成された場合に True を返す。 どんな場面でcreatedを使うのかpost_saveが発動するのは、データオブジェクトがsave()メソッドされた後である。 このsave()…
条件英数字01234567890と英字大文字からランダムに取り出して10文字の文字列を作り出す。参考url 9.6. random — 擬似乱数を生成する 9.6.3. シーケンス用の関数 python document:一般的な文字列操作 シーケンス型 参考url概説1. from string import ascii_up…
ベース記事Javascriptメモ loadについて イベントとイベントハンドラの設定方法の種類２種類ある。 開始タグ内に両者を設置する方法 スクリプト内に両者を設置する方法（プロパティとして扱う） 1.開始タグ内に両者を設置する方法 <html lang="utf-8"> <head> <meta charset="utf-8"> <title>イベントとイベントハ</title></meta></head></html>…
ベース記事Javascriptメモ DOM操作について ユーザの入力値をブラウザ表示する[DOM操作] <html lang="utf-8"> <head> <meta charset="utf-8"> <title>フォーム内容をリストに反映</title> </head> <body> <label for="lists">リスト</label><br> <ul id="lists"> <li>リストがここに追加される</li> </ul> <input id="content" type="text" > </body></html>
![はてなブックマーク - ユーザの入力値をブラウザ表示する[DOM操作]](https://b.hatena.ne.jp/entry/image/https://torajirousan.hatenadiary.jp/entry/2018/10/28/054515)
ベース記事Javascriptメモ DOM操作について Nodeを置換する方法replaceChild()を使うと置換することができる。 大まかに言えばappendChild()を使ってノードを追加する方法とほぼ同じ。 違うところは、replaceChild()をの引数は２つあり、newNode, oldNodeの…
ベース記事DOM操作について Javascriptメモ ノードを追加するやり方やりたいイメージ：例えばカラの <ul></ul>があるとする。ここにリストタグを追加するということをやりたい。リストタグはエレメントというノードの一つである。 だからノードを操作するコードが分か…
ベース記事 models.pyまとめ インスタンスのForeignKeyフィールドにNoneデータ入力しcreateするときforeignkeyにdjangoオリジナルのUserモデルを登録して、views.pyにてインスタンスを作成するコードを書いてみた。このとき困ったことを書く。 models.pyにて…
ベースJavascriptメモ DOM操作について 基本的な使い方idをキーにする場合にはgetElementById()を使っていたけど、tagをキーにする場合は少し違う。ただほぼ同じ。getElementsByTagNameを使う。elementsでsが必要なこと、Nameを加えることに注意して記述した…
idをキーに要素を取得する tagをキーに要素を取得する javascript DOM操作でcssを変更する ノードを追加する Nodeを置換する loadについて サンプル：ユーザの入力値をブラウザ表示する
ベース記事DOM操作について Javascriptメモ 本題 例文 <p id="test">この要素を取得したい</p> <input type="button" onclick="print();"> <script> function print(){ var ele = document.getElementById("test"); console.log(ele); console.log(ele.innerText); } </script> まず最初にonclickってのがあるけど、これはhtmlのものなの…
ベース記事Javascriptメモ 一体どんなときに必要なのか？javascriptを勉強していると;を文末に書くことが度々ある。 これは必ず文末で必要となるわけでもないらしい。 頭がごちゃごちゃするルール（仮説）原則として文の終わりにセミコロンを付す。 例外は制…
ベース記事Javascriptメモ 種類 if/else if/else switch if/else if/else構文 if(条件式){ 条件式がTrueのときの処理 }else if(条件式){ 条件式がTrueのときの処理 }else{ 上記に当てはまらないのときの処理 }if文のみの場合、while文に似ている気がする。条…
種類 for文 while文 do while文 for文構文 for (初期化文; ループ継続条件; 増減式){ 繰り返し実行したい処理 }増減式には;を必要としない。書いたらunexpected token ; のエラーが出てしまうので注意。例変数iの値を1から3まで出力するプログラム for (var …
求められるものwebアプリケーション作成に求められることはなにか？まずウェブアプリにどのような機能があるか知っていること。次にその機能を実現するにはどうすればいいか分かっていること。djangoのドキュメントを読むと知識は少しづつついてくるけど、実…
models.query.QuerySetの継承の意義クエリセットをマネージャを継承したものでクエリセットを設定することができる。この場合に定義した関数は重ねて使用することが出来ない。 イメージで言えば、Blog.objects.filter(active=True).filter(featured=True) こ…
