WEBアプリの設計

 細かい設計をしてから作る気はない。

試行錯誤しながらやっていく。


【したいこと】

「Wordleみたいな感じで市区町村を当てるゲームにしたい」なので

・毎日１問出題される

・五十音を入力してもらって文字ごとの使用有無判定、位置判定をする

・回答履歴を残す

・回答履歴はコピーできる


こんなもんか


プロジェクトフォルダに

static

　├images

　├scripts.js

　└style.css

templates

　├base.html

　└index.html

app.py

を用意


base.html

　HTMLのベース

　　<head>部、<body>部の共通部分を書いておく

<!doctype html>
<html lang="ja">
    <head>
    </head>
    <body>
        {% block main %}
        {% endblock %}
    </body>
</html>

index.html

　本体（という言い方であってるのか？）

{% extends "base.html" %}
{% block main %}
ここに本体を書いていく
{% endblock %}


という理解でやっていく

コメント

コメントを投稿

このブログの人気の投稿

.NET MAUI アプリで Xamarin パッケージが見つかりませんエラー問題

イメージ
 チュートリアルの通りに .NET MAUI の環境を構築したはずなのに サンプルアプリで パッケージ Xamarin.AndroidX.Navigation.Fragment が見つかりません。ソース C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages には、この ID のパッケージが存在しません。 パッケージ Xamarin.Google.Android.Material が見つかりません。ソース C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages には、この ID のパッケージが存在しません。 パッケージ Xamarin.Google.Crypto.Tink.Android が見つかりません。ソース C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages には、この ID のパッケージが存在しません。 パッケージ Xamarin.AndroidX.Navigation.Common が見つかりません。ソース C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages には、この ID のパッケージが存在しません。 パッケージ Xamarin.AndroidX.Security.SecurityCrypto が見つかりません。ソース C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages には、この ID のパッケージが存在しません。 パッケージ Microsoft.Extensions.DependencyInjection が見つかりません。ソース C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages には、この ID のパッケージが存在
続きを読む

Bloggerでソースコードをきれいに表示する

イメージ
 ソースコードの表示がうまくいかないので Google-code-prettify を利用するために設定してみる。 テーマのHTMLをカスタマイズする 「カスタマイズ」ボタン押して HTMLを編集します </head>の前に <!-- Google-code-prettifyを追加 --> <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js'/> <!-- /Google-code-prettify --> を追記 テーマを変更したい場合は テーマのサンプル 確認して 「skin=テーマ」のパラメータつければOK <!-- Google-code-prettifyを追加 --> <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst'/> <!-- /Google-code-prettify --> このままだと5行ごとにしか行番号が入らなくて 長いソースだと折り返してしまうので <style type='text/css'>    /* Google-code-prettifyの行番号を1行ずつ表示する */    pre.prettyprint.linenums li{     list-style-type: decimal;   }   /* 横スクロールバーを表示 */   pre.prettyprint {     word-wrap: normal;     overflow-x: auto;     white-space: pre;   } </style> あとは言語ごとにlangを指定すれば <pre class="prettyprint linenums lang=python">pythonのソースコード</pre> でいい感じになる ↓結果↓ @app.route('
続きを読む

Windows11　右クリックの新規作成に「テキストドキュメント」がなくなった時の対処方法

イメージ
 フォルダ内にテキストファイルを作ろうと思ったらまた無くなってる・・・ Windows11環境は複数持っているので このPCでは元々無かったのか、再発なのか、初なのか、 わからないが毎度調べることになるので対処方法を残しておく。 【状況】 右クリック＞新規作成　のメニューにテキストファイルが無い Shiftキー＋右クリック＞新規作成　のメニューにもテキストファイルが無い 【対応方法】 いろいろなサイトで レジストリをいじって\HKEY_CLASSES_ROOT\.txt　を確認してShellNewが無かったら追加！ とか メモ帳をアンインストールして再インストールだ！ とか書いてるけど 正常なPCのレジストリ見たら ShellNewなんて無いがな レジストリをいじることに抵抗は無いけど、やる意味を感じない。 【結論】 タスクマネージャー開いて エクスプローラーのプロセスを右クリックして 再起動 ！ エクスプローラーが再起動で落ちるから画面がチカっとするだけで はい、復旧！
続きを読む