Web
こんばんわ。 Djangoでタイピングアプリを制作していてよくわからないバグに出会いました。 iの色は何色だと思いますか？ 【開発環境】 OS：Windows10 Webブラウザ：Google Chrome IEはバグりません。EdgeはChromeと同じです。 問題のHTML font-sizeは見やす…
Pythonプログラミングの講義19日目。 今日の講義も、人工無脳のGUI版の機械学習。 内職は、Websocketについて。 【講義内容】 Chapter6 「記憶」のメカニズムを実装する（機械学習） 【ワンポイント】 今日の講義ほぼ聞いてなくて、Djangoでの非同期通信につ…
Django REST framework pipアップデート python -m pip install -U pip python -m pip install -U setuptools インストール pip install djangorestframework pip list Package Version ------------------- ------- asgiref 3.2.10 Django 3.1.1 djangorest…
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 モデルの作成 blog\models.py from django.conf import settings from django.db import models from django.utils import timezone # Create y…
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 Blogアプリの作成 cd djpj python manage.py startapp blog ルートとビューの作成 ビューの作成 paramsの定義 ルートの作成 views.py from djan…
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 Contactアプリの作成 cd djpj python manage.py startapp contact フォームの作成 フォーム(contact\forms.py)の作成 forms.py from django imp…
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 Corporateアプリの作成 cd djpj python manage.py startapp corporate ルートとビューの作成 ビュー(corporate\views.py)の編集 views.py from …
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 LPアプリの作成 cd djpj python manage.py startapp lp ルートとビューの作成 ビュー(lp\views.py)の編集 views.py from django.shortcuts impo…
目次 Chapter1 システム構築用ネットワークの作成 Chapter2 WordPress用サーバの構築 Chapter3 Webサーバの構築 Chapter4 プライベート用ネットワークの作成 はじめに Chapter5 WordPressの設定 5-1 PHP7.3のインストール 5-2 WordPressの導入 5-3 セキュリ…
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 Helloアプリの作成 cd djpj python manage.py startapp hello ルートとビューの作成 ビューの作成 ルートの作成 hello/views.py from django.sh…
はじめに PythonのWebアプリケーションフレームワークである、Djangoでの開発スキルを習得するハンズオンです。 開発環境 Windows10 Home Python3.8.5 Django3.1 Pythonのインストール 以下の公式サイトからダウンロードしてインストールします。 Python www…
目次 Chapter1 システム構築用ネットワークの作成 Chapter2 WordPress用サーバの構築 Chapter3 Webサーバの構築 はじめに Chapter4 プライベート用ネットワークの作成 4-1 サブネット（Private，Backup） 4-2 サブネットグループ 4-3 RDSの作成 おわりに は…
目次 Chapter1 システム構築用ネットワークの作成 Chapter2 WordPress用サーバを構築する はじめに Chapter3 Webサーバの構築 3-1 Webサーバ（Apache） 3-2 WP-SGの設定（HTTP(80)アクセスを許可） 3-3 アクセス制御の基本 おわりに はじめに Amazon Web Ser…
目次 Chapter1 システム構築用ネットワークの作成 はじめに Chapter2 WordPress用サーバを構築する 2-1 EC2 2-2 EBS 2-3 セキュリティグループ 2-4 キーペア 2-5 SSH接続 おわりに Chapter3 Webサーバの構築 はじめに Amazon Web Serviceのハンズオンです。 …
目次 はじめに Chapter1 システム構築用ネットワークの作成 1-1 VPC 1-2 サブネット（Public） 1-3 インターネットゲートウェイ アタッチ 1-4 ルートテーブル ルートの追加 サブネットの関連付け 1-5 DNSホスト名の編集 おわりに Chapter2 WordPress用サーバ…
はじめに 詳しく知りたい人は、公式のチュートリアルへどうぞ。 Python3自体のインストールは済んでいる前提です。 venvで仮想環境の構築 仮想環境の構築 C:\pystudy>python -m venv myenv 有効化 C:\pystudy>myenv\Scripts\activate.bat pipのバージョンが…
Webプログラミングの講義最終日。 2周目テキスト通り(float版)の2カラムページ制作。 【講義内容】 Webプログラミング 演習課題（2問） 【課題完成品】 【今日の積み上げ】 Webプログラミング
Webプログラミングの講義11日目。 2周目テキスト通り(float版)のワンカラムページ制作。 【講義内容】 Webプログラミング 公開用サーバにアップロード starserver free 演習課題（2問） 【課題完成品】 【ワンポイント】 CSSアニメーション fadein fadein.ht…
Webプログラミングの講義10日目。 参考テキストも一通り終えたので、2周目突入。 （1周目は独自(flexbox版)で制作したので、2周目はテキスト通り(float版)に制作中） 【講義内容】 Webプログラミング レスポンシブ対応 公開用サーバ準備 starserver free 【…
Webプログラミングの講義9日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、Vue.jsとCSSでページに動きを付けました。 【ワンポイント】 viewport 文字サイズの計算 表示したいサイズ(15px) / ブラウザ幅(375px) * 100vw …
Webプログラミングの講義8日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、Vue.jsとCSSでページに動きを付けました。 【ワンポイント】 CSSトランジション CSSアニメーション 【今日の積み上げ】 Webプログラミング
Webプログラミングの講義7日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、Vue.jsでページに動きを付けました。 【今日の積み上げ】 Webプログラミング
Webプログラミングの講義6日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、参考書のお問い合わせページを模写した。 【ワンポイント】 YouTube動画の埋め込み <iframe width="424" height="238" src="https://www.youtube.com/embed/UFQEttrn6CQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen><…</iframe>
Webプログラミングの講義5日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、参考書のページを模写した。 フルスクリーン、シングル、2カラムと3つ模写し終えたので CSS（特にFlexbox）だいぶん身についた。 【ワンポイン…
スクロールしても、サイドメニューが常時表示されます。 サンプルコード (index.html) <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Fixed Sidemenu</title> <link href="public/css/index.css" rel="stylesheet"> </head> <body> <div class="container"> …</div></body></html>
Webプログラミングの講義4日目。 【講義内容】 Webプログラミング HTML基礎 CSS基礎 今日も講義の内容聞きつつ、参考書の2カラムページを模写した。 【ワンポイント】 フルスクリーンページの制作 画像読み込み url()でパス指定 画像の繰り返し no-repeat: …
Webプログラミングの講義3日目。 【講義内容】 Webプログラミング CSS基礎 今日も講義の内容聞きつつ、参考書のシングルカラムページを模写した。 【ワンポイント】 コンテンツモデル ■ 7つのカテゴリ カテゴリ 説明 フロー ほぼすべてのタグが属する メタデ…
作業の流れ GitHubリポジトリ作成 git clone https://github.com/ユーザ名/アプリ名.git アプリ制作 サンプルコード index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>Node App on Heroku</title> </head> <body> <H1>Hello Heroku.</H1> </body> </html> index.js const express = require("express"); const app = expr…
FlaskでHello Heroku Heroku with Python GitHubでリポジトリ作成 GitHub ローカルにクローンする git clone https://github.com/ユーザ名/アプリ名.git cd アプリ名 Python仮想環境構築 python -m venv . source bin/activate python -m pip install -U pip…
Webプログラミングの講義２日目。 【講義内容】 Webプログラミング HTML基礎 講義の内容は簡単すぎて退屈なので、参考書のフルスクリーンページを模写した。 フロントエンド楽しいな。 【ワンポイント】 Webサイトの制作の流れ サイトマップの作成 ワイヤー…
