[{"data":1,"prerenderedAt":1699},["ShallowReactive",2],{"tag-django-1":3},{"count":4,"content":5},2,[6,1604],{"id":7,"title":8,"body":9,"category":1587,"createdAt":1589,"description":1590,"extension":1591,"index":116,"meta":1592,"navigation":138,"path":1593,"publish":138,"seo":1594,"series":1595,"seriesTitle":1596,"stem":1597,"tag":1598,"thumbnail":1601,"updatedAt":1602,"__hash__":1603},"series\u002Fseries\u002Flaravel-to-django-1.md","Laravel使いがDjangoでwebアプリを作るよその１：アプリの概要と環境構築",{"type":10,"value":11,"toc":1567},"minimark",[12,16,19,22,35,38,41,44,64,67,70,91,95,103,165,172,177,180,222,225,228,233,583,589,601,615,622,639,662,667,675,690,695,698,701,705,736,739,779,782,793,796,799,803,806,809,820,881,884,941,954,957,960,1035,1052,1055,1068,1352,1355,1373,1376,1383,1389,1396,1402,1412,1420,1431,1450,1457,1467,1470,1521,1528,1557,1560,1563],[13,14,15],"p",{},"こんにちはjunです。最近Laravelでシステムを作る機会が何回かあったので、Laravelによる構築がかなり得意になってきました。しかし会社の方で「pythonを使用した機械学習や統計の機能をwebアプリとして使用できるアプリを開発したい」という企画がでてきました。",[13,17,18],{},"pythonで機械学習や統計の処理（モデル）を作成し、UIやロジックの部分をwebフレームワークで作成します。できたらwebフレームワークの処理部分にて統計ロジックをimportして、データの引き渡しを行いたいと思いました。しかしLaravelはPHPなので連携が難しいです。",[13,20,21],{},"そのため「Python製のwebフレームワークであるdjangoを利用できないか？」と思い、Djangoの勉強をスタートしました。チュートリアルはひとまず終えましたが、Laravelをやっていたおかげで",[23,24,25,29,32],"ul",{},[26,27,28],"li",{},"どんな機能があると便利か？",[26,30,31],{},"Laravelのこの機能がDjangoのこの記述にあたるのか？",[26,33,34],{},"実務上必要となるこの機能を実装するには何を使えばいいのか？",[13,36,37],{},"という視点を用いて学習することができました。このシリーズでは「Laravelを使っていたPHP開発者がDjangoとPythonを使用してアプリを作る」ことを通じてDjangoの学習をしたいと思っています。記事内ではDjangoにおける実装とLaravelにおける実装をリンクしながら解説していきたいと思います。",[13,39,40],{},"利用するDjangoのバージョンは3.2で、Laravelは8とします。第１回のこの記事は環境構築とアプリの概要、Djangoの開発コンセプトやディレクトリ説明がメインとなります。",[13,42,43],{},"なおシリーズでは以下の内容を押さえていることを前提としています",[23,45,46,49,52,55,58,61],{},[26,47,48],{},"Laravelの実務開発経験があるまたは、完成したアプリを作ったことがある。",[26,50,51],{},"Laravelのコンセプトやディレクトリ構成を知っている。",[26,53,54],{},"PythonがPCにインストールされ、基本的な記述を理解している。",[26,56,57],{},"PHPを触ったことが多いが、Pythonはそれほどない。",[26,59,60],{},"Djangoのチュートリアルは行っており、必須の内容は知っている。",[26,62,63],{},"MVCの概念を知っている、使える。",[13,65,66],{},"それでは早速始めていきましょう。",[13,68,69],{},"参考資料",[23,71,72,81,84],{},[26,73,74],{},[75,76,80],"a",{"href":77,"rel":78},"https:\u002F\u002Fdocs.djangoproject.com\u002Fja\u002F3.2",[79],"nofollow","Django ドキュメント3.2",[26,82,83],{},"書籍『現場で使える Django の教科書』",[26,85,86],{},[75,87,90],{"href":88,"rel":89},"https:\u002F\u002Fdocs.docker.jp\u002Fcompose\u002Fdjango.html",[79],"クィックスタート: Compose と Django - Docker ドキュメント",[92,93,94],"h2",{"id":94},"環境構築",[13,96,97,98,102],{},"今回の環境構築はdockerを用いて作成しようと思います。適当なディレクトリ を作成し、",[99,100,101],"code",{},"docker-compose.yaml","とビルドファイルを作成します。",[104,105,110],"pre",{"className":106,"code":107,"language":108,"meta":109,"style":109},"language-bash shiki shiki-themes material-theme-ocean","mkdir laravel_django\ncd laravel_django\n\ntouch Dockerfile\ntouch docker-compose.yaml\nmkdir source\n","bash","",[99,111,112,125,133,140,149,157],{"__ignoreMap":109},[113,114,117,121],"span",{"class":115,"line":116},"line",1,[113,118,120],{"class":119},"s5Dmg","mkdir",[113,122,124],{"class":123},"sfyAc"," laravel_django\n",[113,126,127,131],{"class":115,"line":4},[113,128,130],{"class":129},"sdLwU","cd",[113,132,124],{"class":123},[113,134,136],{"class":115,"line":135},3,[113,137,139],{"emptyLinePlaceholder":138},true,"\n",[113,141,143,146],{"class":115,"line":142},4,[113,144,145],{"class":119},"touch",[113,147,148],{"class":123}," Dockerfile\n",[113,150,152,154],{"class":115,"line":151},5,[113,153,145],{"class":119},[113,155,156],{"class":123}," docker-compose.yaml\n",[113,158,160,162],{"class":115,"line":159},6,[113,161,120],{"class":119},[113,163,164],{"class":123}," source\n",[13,166,167,168,171],{},"まずはDockerfileでDjangoが稼働するpythonの環境を作成します。なお、この環境ではApacheやnginxといったwebサーバーとpythonとの連携設定は行わないものとします。コンテナ内で",[99,169,170],{},"run serve","を行います。",[173,174,176],"h3",{"id":175},"dockerfile","Dockerfile",[13,178,179],{},"Dockerfileを以下の様に記述します。",[104,181,184],{"className":182,"code":183,"language":176,"meta":109,"style":109},"language-Dockerfile shiki shiki-themes material-theme-ocean","FROM python:3\nENV PYTHONUNBUFFERED 1\nRUN mkdir \u002Fcode\nWORKDIR \u002Fcode\nADD requirements.txt \u002Fcode\u002F\nRUN pip install -r requirements.txt\nADD . \u002Fcode\u002F\n",[99,185,186,191,196,201,206,211,216],{"__ignoreMap":109},[113,187,188],{"class":115,"line":116},[113,189,190],{},"FROM python:3\n",[113,192,193],{"class":115,"line":4},[113,194,195],{},"ENV PYTHONUNBUFFERED 1\n",[113,197,198],{"class":115,"line":135},[113,199,200],{},"RUN mkdir \u002Fcode\n",[113,202,203],{"class":115,"line":142},[113,204,205],{},"WORKDIR \u002Fcode\n",[113,207,208],{"class":115,"line":151},[113,209,210],{},"ADD requirements.txt \u002Fcode\u002F\n",[113,212,213],{"class":115,"line":159},[113,214,215],{},"RUN pip install -r requirements.txt\n",[113,217,219],{"class":115,"line":218},7,[113,220,221],{},"ADD . \u002Fcode\u002F\n",[13,223,224],{},"python3 イメージをもとにpythonが動く環境を用意します。",[173,226,227],{"id":227},"docker-compose",[13,229,230,232],{},[99,231,101],{},"は以下の様に記述します。",[104,234,238],{"className":235,"code":236,"filename":101,"language":237,"meta":109,"style":109},"language-yaml shiki shiki-themes material-theme-ocean","version: '3'\n\nservices:\n  db:\n    image: mysql:5.7\n    command: mysqld --character-set-server=utf8 --collation-server=utf8_unicode_ci\n    environment:\n      MYSQL_DATABASE: preform\n      MYSQL_USER: test\n      MYSQL_PASSWORD: testtest\n      MYSQL_ROOT_PASSWORD: rootroot\n      TZ: Asia\u002FTokyo\n    ports: \n      - \"3306:3306\"\n    volumes: \n      - djangodemo:\u002Fvar\u002Flib\u002Fmysql\n  phpmyadmin:\n    image: phpmyadmin\n    ports:\n      - \"8080:80\"\n    environment:\n     - PMA_ARBITRARY=1\n     - PMA_HOST=db:3306\n     - PMA_USER=root\n     - PMA_PASSWORD=rootroot\n  web:\n    build: .\n    command: python3 manage.py runserver 0.0.0.0:8000\n    volumes:\n      - .\u002Fsource:\u002Fcode\n    ports:\n      - \"8000:8000\"\n    depends_on:\n      - db\nvolumes: \n  djangodemo: {}\n","yaml",[99,239,240,259,263,271,278,288,298,305,316,327,338,349,360,372,387,397,405,413,423,430,442,449,458,466,474,482,490,502,512,519,527,534,546,554,562,572],{"__ignoreMap":109},[113,241,242,246,250,253,256],{"class":115,"line":116},[113,243,245],{"class":244},"s-wAU","version",[113,247,249],{"class":248},"sAklC",":",[113,251,252],{"class":248}," '",[113,254,255],{"class":123},"3",[113,257,258],{"class":248},"'\n",[113,260,261],{"class":115,"line":4},[113,262,139],{"emptyLinePlaceholder":138},[113,264,265,268],{"class":115,"line":135},[113,266,267],{"class":244},"services",[113,269,270],{"class":248},":\n",[113,272,273,276],{"class":115,"line":142},[113,274,275],{"class":244},"  db",[113,277,270],{"class":248},[113,279,280,283,285],{"class":115,"line":151},[113,281,282],{"class":244},"    image",[113,284,249],{"class":248},[113,286,287],{"class":123}," mysql:5.7\n",[113,289,290,293,295],{"class":115,"line":159},[113,291,292],{"class":244},"    command",[113,294,249],{"class":248},[113,296,297],{"class":123}," mysqld --character-set-server=utf8 --collation-server=utf8_unicode_ci\n",[113,299,300,303],{"class":115,"line":218},[113,301,302],{"class":244},"    environment",[113,304,270],{"class":248},[113,306,308,311,313],{"class":115,"line":307},8,[113,309,310],{"class":244},"      MYSQL_DATABASE",[113,312,249],{"class":248},[113,314,315],{"class":123}," preform\n",[113,317,319,322,324],{"class":115,"line":318},9,[113,320,321],{"class":244},"      MYSQL_USER",[113,323,249],{"class":248},[113,325,326],{"class":123}," test\n",[113,328,330,333,335],{"class":115,"line":329},10,[113,331,332],{"class":244},"      MYSQL_PASSWORD",[113,334,249],{"class":248},[113,336,337],{"class":123}," testtest\n",[113,339,341,344,346],{"class":115,"line":340},11,[113,342,343],{"class":244},"      MYSQL_ROOT_PASSWORD",[113,345,249],{"class":248},[113,347,348],{"class":123}," rootroot\n",[113,350,352,355,357],{"class":115,"line":351},12,[113,353,354],{"class":244},"      TZ",[113,356,249],{"class":248},[113,358,359],{"class":123}," Asia\u002FTokyo\n",[113,361,363,366,368],{"class":115,"line":362},13,[113,364,365],{"class":244},"    ports",[113,367,249],{"class":248},[113,369,371],{"class":370},"s0W1g"," \n",[113,373,375,378,381,384],{"class":115,"line":374},14,[113,376,377],{"class":248},"      -",[113,379,380],{"class":248}," \"",[113,382,383],{"class":123},"3306:3306",[113,385,386],{"class":248},"\"\n",[113,388,390,393,395],{"class":115,"line":389},15,[113,391,392],{"class":244},"    volumes",[113,394,249],{"class":248},[113,396,371],{"class":370},[113,398,400,402],{"class":115,"line":399},16,[113,401,377],{"class":248},[113,403,404],{"class":123}," djangodemo:\u002Fvar\u002Flib\u002Fmysql\n",[113,406,408,411],{"class":115,"line":407},17,[113,409,410],{"class":244},"  phpmyadmin",[113,412,270],{"class":248},[113,414,416,418,420],{"class":115,"line":415},18,[113,417,282],{"class":244},[113,419,249],{"class":248},[113,421,422],{"class":123}," phpmyadmin\n",[113,424,426,428],{"class":115,"line":425},19,[113,427,365],{"class":244},[113,429,270],{"class":248},[113,431,433,435,437,440],{"class":115,"line":432},20,[113,434,377],{"class":248},[113,436,380],{"class":248},[113,438,439],{"class":123},"8080:80",[113,441,386],{"class":248},[113,443,445,447],{"class":115,"line":444},21,[113,446,302],{"class":244},[113,448,270],{"class":248},[113,450,452,455],{"class":115,"line":451},22,[113,453,454],{"class":248},"     -",[113,456,457],{"class":123}," PMA_ARBITRARY=1\n",[113,459,461,463],{"class":115,"line":460},23,[113,462,454],{"class":248},[113,464,465],{"class":123}," PMA_HOST=db:3306\n",[113,467,469,471],{"class":115,"line":468},24,[113,470,454],{"class":248},[113,472,473],{"class":123}," PMA_USER=root\n",[113,475,477,479],{"class":115,"line":476},25,[113,478,454],{"class":248},[113,480,481],{"class":123}," PMA_PASSWORD=rootroot\n",[113,483,485,488],{"class":115,"line":484},26,[113,486,487],{"class":244},"  web",[113,489,270],{"class":248},[113,491,493,496,498],{"class":115,"line":492},27,[113,494,495],{"class":244},"    build",[113,497,249],{"class":248},[113,499,501],{"class":500},"sx098"," .\n",[113,503,505,507,509],{"class":115,"line":504},28,[113,506,292],{"class":244},[113,508,249],{"class":248},[113,510,511],{"class":123}," python3 manage.py runserver 0.0.0.0:8000\n",[113,513,515,517],{"class":115,"line":514},29,[113,516,392],{"class":244},[113,518,270],{"class":248},[113,520,522,524],{"class":115,"line":521},30,[113,523,377],{"class":248},[113,525,526],{"class":123}," .\u002Fsource:\u002Fcode\n",[113,528,530,532],{"class":115,"line":529},31,[113,531,365],{"class":244},[113,533,270],{"class":248},[113,535,537,539,541,544],{"class":115,"line":536},32,[113,538,377],{"class":248},[113,540,380],{"class":248},[113,542,543],{"class":123},"8000:8000",[113,545,386],{"class":248},[113,547,549,552],{"class":115,"line":548},33,[113,550,551],{"class":244},"    depends_on",[113,553,270],{"class":248},[113,555,557,559],{"class":115,"line":556},34,[113,558,377],{"class":248},[113,560,561],{"class":123}," db\n",[113,563,565,568,570],{"class":115,"line":564},35,[113,566,567],{"class":244},"volumes",[113,569,249],{"class":248},[113,571,371],{"class":370},[113,573,575,578,580],{"class":115,"line":574},36,[113,576,577],{"class":244},"  djangodemo",[113,579,249],{"class":248},[113,581,582],{"class":248}," {}\n",[13,584,585,588],{},[99,586,587],{},"db","ではデータベースを定義しています。DjangoはSQLiteを使用した簡易的なDBが用意されています。ただし実務ではmysqlなどのDBサーバーを使用することが多いので、今回はmysqlを使用できる様にします。",[590,591,595,596],"div",{"className":592},[593,594],"alert","alert-info","\nDjangoでmysqlを使用するためにはpythonモジュールのmysqlclientが必要です。この環境にはデフォルトでないので注意してください。他のDBサーバーを使用する場合は適宜ドライバをインストールしてください。\n",[75,597,600],{"target":598,"href":599},"_blank","https:\u002F\u002Fdocs.djangoproject.com\u002Fja\u002F3.2\u002Ftopics\u002Finstall\u002F#get-your-database-running","本家ドキュメントを参照",[13,602,603,604,607,608,610,611,614],{},"DB内部をすぐに確認できる様にphpmyadminを入れておきます。（好みなのでなくてもいいです。）\nそして",[99,605,606],{},"web","では同階層にある",[99,609,176],{},"をビルドして実行できる様になります。立ち上げ時に",[99,612,613],{},"python3 manage.py runserver 0.0.0.0:8000","をしてwebサーバを立ち上げる設定にしています。",[13,616,617,618,621],{},"このコンテナを起動する前に ",[99,619,620],{},"requirements.txt"," をDockerfileと同じ階層に生成しておき、以下の内容を記述します。",[104,623,627],{"className":624,"code":625,"filename":620,"language":626,"meta":109,"style":109},"language-txt shiki shiki-themes material-theme-ocean","Django==3.2\nmysqlclient==2.1.0\n","txt",[99,628,629,634],{"__ignoreMap":109},[113,630,631],{"class":115,"line":116},[113,632,633],{},"Django==3.2\n",[113,635,636],{"class":115,"line":4},[113,637,638],{},"mysqlclient==2.1.0\n",[13,640,641,643,644,647,648,651,652,654,655,657,658,661],{},[99,642,620],{}," はpythonライブラリ管理ツールpipの設定ファイルです。npmの",[99,645,646],{},"package.json","やcomposerの",[99,649,650],{},"composer.json","といったものと同じです。pythonのモジュール管理はpipを使用することが多く、",[99,653,620],{}," は環境ないの依存するモジュールとそのバージョンを記述して配置しておきます。そして",[99,656,620],{}," がある階層で ",[99,659,660],{},"pip install","をすることで自動的に依存関係をインストールしてくれます。Django3.2とmysqlclientを記述しておきます。",[13,663,664,666],{},[99,665,620],{},"を記述したら以下のコマンドを実行してDjangoのソースを作成します。",[104,668,673],{"className":669,"code":671,"language":672},[670],"language-text","docker-compose run web django-admin.py startproject djangodemo .\n","text",[99,674,671],{"__ignoreMap":109},[13,676,677,678,681,682,685,686,689],{},"すると",[99,679,680],{},"source\u002F","配下にDjangoのソースが生成されるはずです。\nそして準備が整ったら",[99,683,684],{},"docker-compose up -d --build"," を行って構築を行います。問題なくいった場合はブラウザにて ",[99,687,688],{},"localhost:8000"," を閲覧すると、Djangoのウェルカムページが表示されるはずです。",[691,692],"image-render",{":src":693,":width":694},"'laralve_to_django\u002Fwelcome.png'","'100%'",[92,696,697],{"id":697},"アプリ概要",[13,699,700],{},"今回作成するアプリはn○teみたいなブログサービスを作成しようと思います。",[702,703,704],"h4",{"id":704},"ユーザー系の特徴",[23,706,707,710,713,716,719,722],{},[26,708,709],{},"利用する際にはユーザーとしてアカウントを作る（今回は全てゲストとする）。",[26,711,712],{},"ログインはアドレスとパスワードを使用する。",[26,714,715],{},"アプリを利用する一般ユーザーと管理を行う管理ユーザーが存在する。",[26,717,718],{},"管理ユーザーは特定の管理用ルートから入る。",[26,720,721],{},"退会可能。退会時は関連するデータは削除される。",[26,723,724,725],{},"プロフィールでは以下の項目を持つ\n",[23,726,727,730,733],{},[26,728,729],{},"ユーザー名（仮名）",[26,731,732],{},"プロフィール文",[26,734,735],{},"アバター写真",[702,737,738],{"id":738},"ブログ機能",[23,740,741,744,761,764,767,770,773,776],{},[26,742,743],{},"ブログを作成することができ、公開することができる。",[26,745,746,747],{},"ブログは以下の項目を持つ\n",[23,748,749,752,755,758],{},[26,750,751],{},"タイトル",[26,753,754],{},"内容（リッチテキスト）",[26,756,757],{},"タグ（任意）",[26,759,760],{},"公開日時",[26,762,763],{},"下書きとして保存することができる。更新時も下書き可能。",[26,765,766],{},"任意数のタグを添付できる。タグはユーザーが新しく作成できる。",[26,768,769],{},"削除可能",[26,771,772],{},"画像の添付が可能。",[26,774,775],{},"アップロードした画像は管理できる。",[26,777,778],{},"公開側からコメント可能",[702,780,781],{"id":781},"一覧検索機能",[23,783,784,787,790],{},[26,785,786],{},"サイトトップは投稿された記事が新着順に並ぶ。",[26,788,789],{},"任意のタグを選んで一覧表示することが可能。",[26,791,792],{},"部分一致検索も一応可能とする。",[13,794,795],{},"一通りユーザーエンティティから、記事のCURD、リレーションの練習はできると思います。すべてのビューはpython側でレンダリングを行い、Vue.jsなどは今回使用しません。違う機会にrest apiを使用した構成を作ってみたいとおおいます。",[13,797,798],{},"デザインに関してはいつものbootstrapを使用します。",[92,800,802],{"id":801},"djangoの大まかな解説","Djangoの大まかな解説",[13,804,805],{},"詳細なロジックなどは次の記事で解説したいと思います。今回はDjangoのディレクトリ構成やLaravelと似ているとこやリンクしている中核的な機能を解説したいと思います。",[173,807,808],{"id":808},"コマンドによる制御",[13,810,811,812,815,816,819],{},"Laravelでは ",[99,813,814],{},"php artisan"," を使用することでコントローラーを作ったり、マイグレーションを実行したりできます。Djangoにも似た様なものがあります。使用する時はソーストップの ",[99,817,818],{},"manage.py"," がある箇所で実行します。例えば以下の様な機能があります。",[104,821,823],{"className":106,"code":822,"language":108,"meta":109,"style":109},"# 簡易webサーバーを起動\npython3 manage.py runserve\n\n# マイグレーションを実行\npython3 manage.py migrate\n\n# アプリのテンプレートを作成\npython3 manage.py startapp APP_NAME\n\n",[99,824,825,831,842,846,851,860,864,869],{"__ignoreMap":109},[113,826,827],{"class":115,"line":116},[113,828,830],{"class":829},"sC9rS","# 簡易webサーバーを起動\n",[113,832,833,836,839],{"class":115,"line":4},[113,834,835],{"class":119},"python3",[113,837,838],{"class":123}," manage.py",[113,840,841],{"class":123}," runserve\n",[113,843,844],{"class":115,"line":135},[113,845,139],{"emptyLinePlaceholder":138},[113,847,848],{"class":115,"line":142},[113,849,850],{"class":829},"# マイグレーションを実行\n",[113,852,853,855,857],{"class":115,"line":151},[113,854,835],{"class":119},[113,856,838],{"class":123},[113,858,859],{"class":123}," migrate\n",[113,861,862],{"class":115,"line":159},[113,863,139],{"emptyLinePlaceholder":138},[113,865,866],{"class":115,"line":218},[113,867,868],{"class":829},"# アプリのテンプレートを作成\n",[113,870,871,873,875,878],{"class":115,"line":307},[113,872,835],{"class":119},[113,874,838],{"class":123},[113,876,877],{"class":123}," startapp",[113,879,880],{"class":123}," APP_NAME\n",[13,882,883],{},"Laravelで例えると",[104,885,887],{"className":106,"code":886,"language":108,"meta":109,"style":109},"# 簡易webサーバーを起動\nphp artisan serve\n\n# マイグレーションを実行\nphp artisan migrate\n\n# コントローラーのテンプレートを作成\nphp artisan make:controller CONTROLLER_NAME\n\n",[99,888,889,893,904,908,912,920,924,929],{"__ignoreMap":109},[113,890,891],{"class":115,"line":116},[113,892,830],{"class":829},[113,894,895,898,901],{"class":115,"line":4},[113,896,897],{"class":119},"php",[113,899,900],{"class":123}," artisan",[113,902,903],{"class":123}," serve\n",[113,905,906],{"class":115,"line":135},[113,907,139],{"emptyLinePlaceholder":138},[113,909,910],{"class":115,"line":142},[113,911,850],{"class":829},[113,913,914,916,918],{"class":115,"line":151},[113,915,897],{"class":119},[113,917,900],{"class":123},[113,919,859],{"class":123},[113,921,922],{"class":115,"line":159},[113,923,139],{"emptyLinePlaceholder":138},[113,925,926],{"class":115,"line":218},[113,927,928],{"class":829},"# コントローラーのテンプレートを作成\n",[113,930,931,933,935,938],{"class":115,"line":307},[113,932,897],{"class":119},[113,934,900],{"class":123},[113,936,937],{"class":123}," make:controller",[113,939,940],{"class":123}," CONTROLLER_NAME\n",[13,942,943,944,947,948,953],{},"以上の様になります。この ",[99,945,946],{},"python3 manage.py","で実行できる内容は",[75,949,952],{"href":950,"rel":951},"https:\u002F\u002Fdocs.djangoproject.com\u002Fja\u002F3.2\u002Fref\u002Fdjango-admin\u002F",[79],"こちらのドキュメント","で知ることができます。",[173,955,956],{"id":956},"ディレクトリとファイルの構成",[13,958,959],{},"初期のファイル構成は以下の様になっています。",[104,961,963],{"className":106,"code":962,"language":108,"meta":109,"style":109},"├── db.sqlite3\n├── djangodemo\n│   ├── __init__.py\n│   ├── asgi.py\n│   ├── settings.py\n│   ├── urls.py\n│   └── wsgi.py\n├── manage.py\n",[99,964,965,973,980,991,1000,1009,1018,1028],{"__ignoreMap":109},[113,966,967,970],{"class":115,"line":116},[113,968,969],{"class":119},"├──",[113,971,972],{"class":123}," db.sqlite3\n",[113,974,975,977],{"class":115,"line":4},[113,976,969],{"class":119},[113,978,979],{"class":123}," djangodemo\n",[113,981,982,985,988],{"class":115,"line":135},[113,983,984],{"class":119},"│",[113,986,987],{"class":123},"   ├──",[113,989,990],{"class":123}," __init__.py\n",[113,992,993,995,997],{"class":115,"line":142},[113,994,984],{"class":119},[113,996,987],{"class":123},[113,998,999],{"class":123}," asgi.py\n",[113,1001,1002,1004,1006],{"class":115,"line":151},[113,1003,984],{"class":119},[113,1005,987],{"class":123},[113,1007,1008],{"class":123}," settings.py\n",[113,1010,1011,1013,1015],{"class":115,"line":159},[113,1012,984],{"class":119},[113,1014,987],{"class":123},[113,1016,1017],{"class":123}," urls.py\n",[113,1019,1020,1022,1025],{"class":115,"line":218},[113,1021,984],{"class":119},[113,1023,1024],{"class":123},"   └──",[113,1026,1027],{"class":123}," wsgi.py\n",[113,1029,1030,1032],{"class":115,"line":307},[113,1031,969],{"class":119},[113,1033,1034],{"class":123}," manage.py\n",[13,1036,1037,1040,1041,1043,1044,1047,1048,1051],{},[99,1038,1039],{},"djangodemo\u002F"," はDjangoのアプリを最初に作成した時に生成されるディレクトリです。",[99,1042,1039],{}," では特に ",[99,1045,1046],{},"settings.py","と",[99,1049,1050],{},"urls.py","が重要です。",[702,1053,1054],{"id":1054},"設定ファイル",[13,1056,1057,1059,1060,1063,1064,1067],{},[99,1058,1046],{}," はLaravelでいう",[99,1061,1062],{},"config\u002F","ディレクトリ配下のファイルたちを一つにまとめた様なものになっています。特に",[99,1065,1066],{},"config\u002Fapp.php","の記述が近いかもしれません。一部抜粋して解説します。",[104,1069,1073],{"className":1070,"code":1071,"filename":1046,"language":1072,"meta":109,"style":109},"language-python shiki shiki-themes material-theme-ocean","BASE_DIR = Path(__file__).resolve().parent.parent\n\nSECRET_KEY = 'hogehoge'\n\n# SECURITY WARNING: don't run with debug turned on in production!\n# Laravelのapp.debugと同じ\nDEBUG = True\n\n# Application definition\n# Djangoが利用可能なアプリ（モジュール）Laravelにはないかも。\nINSTALLED_APPS = [\n    'django.contrib.admin',\n    'django.contrib.auth',\n    'django.contrib.contenttypes',\n    'django.contrib.sessions',\n    'django.contrib.messages',\n    'django.contrib.staticfiles',\n]\n\n# laravel の app\u002FHttp\u002FKernel.php のmiddlewareみたいなもの\nMIDDLEWARE = [\n    'django.middleware.security.SecurityMiddleware',\n    'django.contrib.sessions.middleware.SessionMiddleware',\n    'django.middleware.common.CommonMiddleware',\n    'django.middleware.csrf.CsrfViewMiddleware',\n    'django.contrib.auth.middleware.AuthenticationMiddleware',\n    'django.contrib.messages.middleware.MessageMiddleware',\n    'django.middleware.clickjacking.XFrameOptionsMiddleware',\n]\n\n# Laravelのroutesみたいなもの。\nROOT_URLCONF = 'djangodemo.urls'\n\n# Laravelのビューテンプレートが resource\u002Fviewであることを決めている様なことと同じ。DjangoないのTemplateの読み込み先を定義している\nTEMPLATES = [\n    # ...\n]\n\nWSGI_APPLICATION = 'djangodemo.wsgi.application'\n\n# Laravelのconfig\u002Fdatabase.phpと同じ。使用するDBドライバやアクセス情報を記述。\nDATABASES = {\n    'default': {\n        'ENGINE': 'django.db.backends.mysql',\n        'NAME': 'preform',\n        'USER': 'root',\n        'PASSWORD': 'rootroot',\n        'HOST': 'db',\n        'PORT': '3306',\n    }\n}\n\n# 静的ファイルを配置する箇所。Laravelのstorageディレクトリ を定義している様なもの。\nSTATIC_URL = '\u002Fstatic\u002F'\n\n","python",[99,1074,1075,1080,1084,1089,1093,1098,1103,1108,1112,1117,1122,1127,1132,1137,1142,1147,1152,1157,1162,1166,1171,1176,1181,1186,1191,1196,1201,1206,1211,1215,1219,1224,1229,1233,1238,1243,1248,1253,1258,1264,1269,1275,1281,1287,1293,1299,1305,1311,1317,1323,1329,1335,1340,1346],{"__ignoreMap":109},[113,1076,1077],{"class":115,"line":116},[113,1078,1079],{},"BASE_DIR = Path(__file__).resolve().parent.parent\n",[113,1081,1082],{"class":115,"line":4},[113,1083,139],{"emptyLinePlaceholder":138},[113,1085,1086],{"class":115,"line":135},[113,1087,1088],{},"SECRET_KEY = 'hogehoge'\n",[113,1090,1091],{"class":115,"line":142},[113,1092,139],{"emptyLinePlaceholder":138},[113,1094,1095],{"class":115,"line":151},[113,1096,1097],{},"# SECURITY WARNING: don't run with debug turned on in production!\n",[113,1099,1100],{"class":115,"line":159},[113,1101,1102],{},"# Laravelのapp.debugと同じ\n",[113,1104,1105],{"class":115,"line":218},[113,1106,1107],{},"DEBUG = True\n",[113,1109,1110],{"class":115,"line":307},[113,1111,139],{"emptyLinePlaceholder":138},[113,1113,1114],{"class":115,"line":318},[113,1115,1116],{},"# Application definition\n",[113,1118,1119],{"class":115,"line":329},[113,1120,1121],{},"# Djangoが利用可能なアプリ（モジュール）Laravelにはないかも。\n",[113,1123,1124],{"class":115,"line":340},[113,1125,1126],{},"INSTALLED_APPS = [\n",[113,1128,1129],{"class":115,"line":351},[113,1130,1131],{},"    'django.contrib.admin',\n",[113,1133,1134],{"class":115,"line":362},[113,1135,1136],{},"    'django.contrib.auth',\n",[113,1138,1139],{"class":115,"line":374},[113,1140,1141],{},"    'django.contrib.contenttypes',\n",[113,1143,1144],{"class":115,"line":389},[113,1145,1146],{},"    'django.contrib.sessions',\n",[113,1148,1149],{"class":115,"line":399},[113,1150,1151],{},"    'django.contrib.messages',\n",[113,1153,1154],{"class":115,"line":407},[113,1155,1156],{},"    'django.contrib.staticfiles',\n",[113,1158,1159],{"class":115,"line":415},[113,1160,1161],{},"]\n",[113,1163,1164],{"class":115,"line":425},[113,1165,139],{"emptyLinePlaceholder":138},[113,1167,1168],{"class":115,"line":432},[113,1169,1170],{},"# laravel の app\u002FHttp\u002FKernel.php のmiddlewareみたいなもの\n",[113,1172,1173],{"class":115,"line":444},[113,1174,1175],{},"MIDDLEWARE = [\n",[113,1177,1178],{"class":115,"line":451},[113,1179,1180],{},"    'django.middleware.security.SecurityMiddleware',\n",[113,1182,1183],{"class":115,"line":460},[113,1184,1185],{},"    'django.contrib.sessions.middleware.SessionMiddleware',\n",[113,1187,1188],{"class":115,"line":468},[113,1189,1190],{},"    'django.middleware.common.CommonMiddleware',\n",[113,1192,1193],{"class":115,"line":476},[113,1194,1195],{},"    'django.middleware.csrf.CsrfViewMiddleware',\n",[113,1197,1198],{"class":115,"line":484},[113,1199,1200],{},"    'django.contrib.auth.middleware.AuthenticationMiddleware',\n",[113,1202,1203],{"class":115,"line":492},[113,1204,1205],{},"    'django.contrib.messages.middleware.MessageMiddleware',\n",[113,1207,1208],{"class":115,"line":504},[113,1209,1210],{},"    'django.middleware.clickjacking.XFrameOptionsMiddleware',\n",[113,1212,1213],{"class":115,"line":514},[113,1214,1161],{},[113,1216,1217],{"class":115,"line":521},[113,1218,139],{"emptyLinePlaceholder":138},[113,1220,1221],{"class":115,"line":529},[113,1222,1223],{},"# Laravelのroutesみたいなもの。\n",[113,1225,1226],{"class":115,"line":536},[113,1227,1228],{},"ROOT_URLCONF = 'djangodemo.urls'\n",[113,1230,1231],{"class":115,"line":548},[113,1232,139],{"emptyLinePlaceholder":138},[113,1234,1235],{"class":115,"line":556},[113,1236,1237],{},"# Laravelのビューテンプレートが resource\u002Fviewであることを決めている様なことと同じ。DjangoないのTemplateの読み込み先を定義している\n",[113,1239,1240],{"class":115,"line":564},[113,1241,1242],{},"TEMPLATES = [\n",[113,1244,1245],{"class":115,"line":574},[113,1246,1247],{},"    # ...\n",[113,1249,1251],{"class":115,"line":1250},37,[113,1252,1161],{},[113,1254,1256],{"class":115,"line":1255},38,[113,1257,139],{"emptyLinePlaceholder":138},[113,1259,1261],{"class":115,"line":1260},39,[113,1262,1263],{},"WSGI_APPLICATION = 'djangodemo.wsgi.application'\n",[113,1265,1267],{"class":115,"line":1266},40,[113,1268,139],{"emptyLinePlaceholder":138},[113,1270,1272],{"class":115,"line":1271},41,[113,1273,1274],{},"# Laravelのconfig\u002Fdatabase.phpと同じ。使用するDBドライバやアクセス情報を記述。\n",[113,1276,1278],{"class":115,"line":1277},42,[113,1279,1280],{},"DATABASES = {\n",[113,1282,1284],{"class":115,"line":1283},43,[113,1285,1286],{},"    'default': {\n",[113,1288,1290],{"class":115,"line":1289},44,[113,1291,1292],{},"        'ENGINE': 'django.db.backends.mysql',\n",[113,1294,1296],{"class":115,"line":1295},45,[113,1297,1298],{},"        'NAME': 'preform',\n",[113,1300,1302],{"class":115,"line":1301},46,[113,1303,1304],{},"        'USER': 'root',\n",[113,1306,1308],{"class":115,"line":1307},47,[113,1309,1310],{},"        'PASSWORD': 'rootroot',\n",[113,1312,1314],{"class":115,"line":1313},48,[113,1315,1316],{},"        'HOST': 'db',\n",[113,1318,1320],{"class":115,"line":1319},49,[113,1321,1322],{},"        'PORT': '3306',\n",[113,1324,1326],{"class":115,"line":1325},50,[113,1327,1328],{},"    }\n",[113,1330,1332],{"class":115,"line":1331},51,[113,1333,1334],{},"}\n",[113,1336,1338],{"class":115,"line":1337},52,[113,1339,139],{"emptyLinePlaceholder":138},[113,1341,1343],{"class":115,"line":1342},53,[113,1344,1345],{},"# 静的ファイルを配置する箇所。Laravelのstorageディレクトリ を定義している様なもの。\n",[113,1347,1349],{"class":115,"line":1348},54,[113,1350,1351],{},"STATIC_URL = '\u002Fstatic\u002F'\n",[702,1353,1354],{"id":1354},"ルーティング",[13,1356,1357,1358,1360,1361,1364,1365,1368,1369,1372],{},"次は",[99,1359,1050],{},"です。これはLaravelでいうところの ",[99,1362,1363],{},"routes\u002F","と内容的には一緒です。ここでHTTPリクエストに対する処理を結びつけています。Urlディスパッチャと言われています。Laravelでは",[99,1366,1367],{},"web.php","や",[99,1370,1371],{},"api.php","などいくらか分かれていますが、Djangoではデフォルトで一つです。詳細な記述は次回説明します。",[702,1374,1375],{"id":1375},"アプリ側のディレクトリ",[13,1377,1378,1379,1382],{},"次にアプリを作成します。Djangoは機能ごとにディレクトリを分割しアプリ(app)と呼んでいます。例としてユーザーのアカウント設定や認証を行う機能を作成するために、",[99,1380,1381],{},"account","というアプリを作成します。",[104,1384,1387],{"className":1385,"code":1386,"language":672},[670],"python3 manage.py startapp account\n",[99,1388,1386],{"__ignoreMap":109},[13,1390,1391,1392,1395],{},"ディレクトリ が一つ増えて、",[99,1393,1394],{},"account\u002F","というのが作成されたはずです。アプリ内には初期では以下の通りテンプレートが作成されます。",[104,1397,1400],{"className":1398,"code":1399,"language":672},[670],"├── account\n│   ├── __init__.py\n│   ├── admin.py\n│   ├── apps.py\n│   ├── migrations\n│   │   └── __init__.py\n│   ├── models.py\n│   ├── tests.py\n│   └── views.py\n├── db.sqlite3\n├── djangodemo\n├── manage.py\n",[99,1401,1399],{"__ignoreMap":109},[13,1403,1404,1405,1408,1409,1411],{},"Laravelは",[99,1406,1407],{},"app\u002F","配下にコントローラーやモデル、ジョブなどのクラスファイルを定義します。独立した機能であっても",[99,1410,1407],{},"配下に配置してクラス名などで判別する感じです。",[13,1413,1414,1415,1419],{},"しかしDjangoは",[1416,1417,1418],"strong",{},"機能ごとにディレクトリ を作成し、その機能に関連するモデル、ビュー、テストの設定を記述","します。ここがLaravelとすこし違うところです。",[13,1421,1422,1423,1426,1427,1430],{},"アプリを",[99,1424,1425],{},"setting.py","の",[99,1428,1429],{},"INSTALLED_APPS","に記述することで、",[104,1432,1434],{"className":1070,"code":1433,"language":1072,"meta":109,"style":109},"from account.model import Account\n\n# account\u002Fmodel.py のAccountクラスを使用する\n",[99,1435,1436,1441,1445],{"__ignoreMap":109},[113,1437,1438],{"class":115,"line":116},[113,1439,1440],{},"from account.model import Account\n",[113,1442,1443],{"class":115,"line":4},[113,1444,139],{"emptyLinePlaceholder":138},[113,1446,1447],{"class":115,"line":135},[113,1448,1449],{},"# account\u002Fmodel.py のAccountクラスを使用する\n",[13,1451,1452,1453,1456],{},"などそのアプリ内機能をモジュールとして使用できます。Laravel（PHP）風に解説すると、適切な名前空間を定義して任意のファイルで",[99,1454,1455],{},"use","する感じです。",[104,1458,1461],{"className":1459,"code":1460,"language":897,"meta":109,"style":109},"language-php shiki shiki-themes material-theme-ocean","use App\\Models\\Account\n",[99,1462,1463],{"__ignoreMap":109},[113,1464,1465],{"class":115,"line":116},[113,1466,1460],{},[13,1468,1469],{},"それぞれのファイルを説明します。",[23,1471,1472,1478,1487,1496,1505,1511],{},[26,1473,1474,1477],{},[99,1475,1476],{},"admin.py",":Djangoが提供する管理者画面でモデルの内容をどう表記するかを定義します。",[26,1479,1480,1483,1484,1486],{},[99,1481,1482],{},"apps.py",":アプリの設定ファイル。アプリの名前やデフォルトのプライマリーキーなどを設定でき、",[99,1485,1429],{},"に必要",[26,1488,1489,1492,1493],{},[99,1490,1491],{},"models.py",": アプリのモデルファイル。テーブルや使用するフィールドの定義などを行う。Laravelでいう",[99,1494,1495],{},"app\u002Fmodels",[26,1497,1498,1501,1502],{},[99,1499,1500],{},"tets.py",": アプリのテストファイル。テストコードを記述する。Laravelでいう",[99,1503,1504],{},"tests\u002F",[26,1506,1507,1510],{},[99,1508,1509],{},"views.py",": アプリのビューファイル。DjangoではビューはLaravelでいうControllerみたいな働きをする。",[26,1512,1513,1516,1517,1520],{},[99,1514,1515],{},"migrations\u002F",": DBに対する変更、マイグレーションファイルが格納されます。Laravelでいう、",[99,1518,1519],{},"database\u002Fmigrations","です。",[13,1522,1523,1524,1527],{},"のこっている ",[99,1525,1526],{},"__init__.py","ですがこれはpythonがディレクトリ をパッケージとして認識して、importできる様にするために必要なファイルです。python2ではこのファイルがないとimportが動作しません。python3からは不要ですが、後方互換性のために作っておいて損はありません。",[104,1529,1531],{"className":1070,"code":1530,"language":1072,"meta":109,"style":109},"from account.models\n\"\"\"\naccountディレクトリ（パッケージ）のmodels.py（モジュール）を読み込むということが,\n__init__.pyがあるとできる。\n\"\"\"\n",[99,1532,1533,1538,1543,1548,1553],{"__ignoreMap":109},[113,1534,1535],{"class":115,"line":116},[113,1536,1537],{},"from account.models\n",[113,1539,1540],{"class":115,"line":4},[113,1541,1542],{},"\"\"\"\n",[113,1544,1545],{"class":115,"line":135},[113,1546,1547],{},"accountディレクトリ（パッケージ）のmodels.py（モジュール）を読み込むということが,\n",[113,1549,1550],{"class":115,"line":142},[113,1551,1552],{},"__init__.pyがあるとできる。\n",[113,1554,1555],{"class":115,"line":151},[113,1556,1542],{},[92,1558,1559],{"id":1559},"今回はとりあえずここまで",[13,1561,1562],{},"ひとまずこの回ではディレクトリやファイルの説明までとしておきます。次回はユーザーモデルを使用した認証の実装とLaravelと比較したCRUDの一部（記事の作成）を実装します。",[1564,1565,1566],"style",{},"html pre.shiki code .s5Dmg, html code.shiki .s5Dmg{--shiki-default:#FFCB6B}html pre.shiki code .sfyAc, html code.shiki .sfyAc{--shiki-default:#C3E88D}html pre.shiki code .sdLwU, html code.shiki .sdLwU{--shiki-default:#82AAFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s-wAU, html code.shiki .s-wAU{--shiki-default:#F07178}html pre.shiki code .sAklC, html code.shiki .sAklC{--shiki-default:#89DDFF}html pre.shiki code .s0W1g, html code.shiki .s0W1g{--shiki-default:#BABED8}html pre.shiki code .sx098, html code.shiki .sx098{--shiki-default:#F78C6C}html pre.shiki code .sC9rS, html code.shiki .sC9rS{--shiki-default:#464B5D;--shiki-default-font-style:italic}",{"title":109,"searchDepth":135,"depth":135,"links":1568},[1569,1573,1578,1586],{"id":94,"depth":4,"text":94,"children":1570},[1571,1572],{"id":175,"depth":135,"text":176},{"id":227,"depth":135,"text":227},{"id":697,"depth":4,"text":697,"children":1574},[1575,1576,1577],{"id":704,"depth":142,"text":704},{"id":738,"depth":142,"text":738},{"id":781,"depth":142,"text":781},{"id":801,"depth":4,"text":802,"children":1579},[1580,1581],{"id":808,"depth":135,"text":808},{"id":956,"depth":135,"text":956,"children":1582},[1583,1584,1585],{"id":1054,"depth":142,"text":1054},{"id":1354,"depth":142,"text":1354},{"id":1375,"depth":142,"text":1375},{"id":1559,"depth":4,"text":1559},[1588],"devstack","2022-02-12","アプリの解説とシリーズの概要","md",{},"\u002Fseries\u002Flaravel-to-django-1",{"title":8,"description":1590},"laravel_to_django","Laravel使いがDjangoでwebアプリを作るよ","series\u002Flaravel-to-django-1",[1599,1072,1600,897],"django","laravel","laralve_to_django\u002Fthumbnail.png",null,"k4TYlI4xXfHM5YMh4HtklCzEfD1cyqgLf2FCDeypoBY",{"id":1605,"title":1606,"body":1607,"category":1689,"createdAt":1691,"description":1606,"extension":1591,"index":1602,"meta":1692,"navigation":138,"path":1693,"publish":138,"seo":1694,"series":1602,"seriesTitle":1602,"stem":1695,"tag":1696,"thumbnail":1602,"updatedAt":1602,"__hash__":1698},"articles\u002Farticles\u002Fdjango-nuxt-routing.md","djangoでNuxt SPAを使うときのルーティング 設定",{"type":10,"value":1608,"toc":1687},[1609,1612,1615,1620,1628,1662,1669,1684],[13,1610,1611],{},"大体のwebフレームワークではルーティングの設定ができます。最近のフロントエンド はNuxt、Nextとかjsを用いて構築して、バックエンドへの通信はAPIを用いていると思います。Djangoにもurls.pyというルーティング を定義するファイルがあります。",[13,1613,1614],{},"しかし一部のurlではNuxt.jsのjsとhtmlを返すことができず、404になってしまいます。api、adminのルートを生かしながらそのほかのURLに対してはNuxtのファイルを返すにはどうすればいいのか？それを調べていたら、以下のstack overflow の記事が答えてくれました",[13,1616,1617],{},[1416,1618,1619],{},"検索ワード「Django SPA url」",[590,1621,1624],{"className":1622},[593,1623],"alert-success",[75,1625,1627],{"href":1626,"target":598},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F42864641\u002Fhandling-single-page-application-url-and-django-url","Handling single page application url and django url",[104,1629,1631],{"className":1070,"code":1630,"language":1072,"meta":109,"style":109},"urlpatterns = [\n    url(r'^admin\u002F', admin.site.urls),\n    url(r'^api-auth\u002F', include('rest_framework.urls', namespace='rest_framework')),\n    url(r'^api\u002F', include(router.urls)),\n    url(r'^.*$', TemplateView.as_view(template_name=\"index.html\")),\n]\n",[99,1632,1633,1638,1643,1648,1653,1658],{"__ignoreMap":109},[113,1634,1635],{"class":115,"line":116},[113,1636,1637],{},"urlpatterns = [\n",[113,1639,1640],{"class":115,"line":4},[113,1641,1642],{},"    url(r'^admin\u002F', admin.site.urls),\n",[113,1644,1645],{"class":115,"line":135},[113,1646,1647],{},"    url(r'^api-auth\u002F', include('rest_framework.urls', namespace='rest_framework')),\n",[113,1649,1650],{"class":115,"line":142},[113,1651,1652],{},"    url(r'^api\u002F', include(router.urls)),\n",[113,1654,1655],{"class":115,"line":151},[113,1656,1657],{},"    url(r'^.*$', TemplateView.as_view(template_name=\"index.html\")),\n",[113,1659,1660],{"class":115,"line":159},[113,1661,1161],{},[13,1663,1664,1665,1668],{},"admin、api-auth、apiなど必要なルーティングはurlpatternsの最初の方に定義して、残りの全てのurlパターンを",[99,1666,1667],{},"r'^.*$"," という正規表現でカバーしています。ちなみにこの正規表現は「いかなる文字の全て」という意味です。そしてSPAのファイルをtemplateから引っ張ってきています。",[13,1670,1671,1672,1675,1676,1679,1680,1683],{},"こうすることで、例えば ",[99,1673,1674],{},"https:\u002F\u002F~~~\u002Faaa","、",[99,1677,1678],{},"https:\u002F\u002F~~~\u002Fbbb\u002Faa","、などはSPAのファイルが返され、あとはSPAがそのURLに対しての処理を行ってくれます。一方で",[99,1681,1682],{},"https:\u002F\u002F~~~\u002Fadmin"," とすればDjangoの場合は管理画面にアクセスできます。",[1564,1685,1686],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":109,"searchDepth":135,"depth":135,"links":1688},[],[1690],"ministack","2020-12-04",{},"\u002Farticles\u002Fdjango-nuxt-routing",{"title":1606,"description":1606},"articles\u002Fdjango-nuxt-routing",[1599,1697],"nuxt","u-7H0bMOrS2JKrDbSIBUgp_ZgGLGpmCAjFGtTaDoVqc",1780987147286]