バックエンドDjango&フロントエンドNuxtで作ったものをWKWebViewを使いiPhoneで表示する − ローカルホストを使って - ゆーじぇいブログ
めちゃくちゃ苦労したので共有しようと思います。 使用したもの ー Django, Nuxt, Swift Macのlocalhostで動かしています。実機とMacは同じWi-Fiの元にあることが条件です。 IPアドレスの確認 「システム環境設定」＞「ネットワーク」＞「Wi-Fi」 するとIPアドレス(192.168.------)が書かれてます。 Django側の設定 settings.pyを開いて、 ALLOWED_HOSTS = ['調べたIPアドレス'] Nuxt側の設定 nuxt.config.jsでlocalhostや127.0.0.1と書いているところを調べたIPアドレスに直す。 例えば、axiosの設定とかだと axios: { host: '調べたIPアドレス', port: 8000 }, 次にpackage.jsonを編集していきます。 "config": { "nux
WebフレームワークでWebpackを使ってみよう〜Django＋Webpack+Vue.js編〜 - Believe you can
Webpackの第2弾です 前回はLaravelでしたが今度はDjangoでWebpackを使ってみようと思います 作るものは前回同じVue.jsのツリーです jp.vuejs.org 環境 以下の環境で動かしました Python@3.6.2 Django@2.0.2 Webpack@3.11.0 Vue@2.5.13 webpack-bundle-tracker@0.2.1 css-loader@0.28.10 style-loader@0.20.2 仮想環境とDjangoのインストール 以下のコマンドで環境とDjangoのインストールを行います python3 -m venv env source env/bin/activate pip install django pip install django-webpack-loader プロジェクトを作ります 起動時にワーニングが出てし
vue.jsでCRUD #1【Djangoアウトプット】
この記事は 約 2分41秒 で読めます。 今どきはNuxt.jsなどでフロントエンドを作って、DjangoでAPIを実装するという方法が主流かと思いますが、Djangoのテンプレートにvue.jsを組み込んでみたいと思います。 このログは、こちらのレポジトリでDjango+Dockerセットアップ後の環境を想定しています。 モジュールインストール DjangoでAPIを実現するためのモジュールをインストールします。 make cmd_django pip install djangorestframework pip install django-filter 一旦、djangoコンテナから抜けて（cmd+d）、djangorestframeworkの静的ファイルをstaticフォルダににコピーします。 ※途中、コピー上書きするか聞かれるので「yes」とタイピング。 make collec
vue.jsのDjangoでの使い所 - Qiita
vue.jsのDjangoでの使い所 私がつくっているあるアプリではDjangoにバックエンドで使っていますが、フロントエンドはページによってreactとvueを使い分けています。それぞれに長所があると思って両方使っているのですが、今回はvueの話をします。 vueはreactに比べて柔軟な使い方ができる印象です。Django(APIではなくテンプレート)が吐き出したデータを受け取って要素をつくるような書き方ができます。そしてその結果感動するほどHTMLがすっきりするのです!! DjangoとVueを一緒に使う DjangoにVueを組み合わせる方法については私のを含め下記の記事が参考になるでしょう。 Django + Webpack を使ってVueを動かす Django REST framework with Vue.js Django + Vue.js な開発環境を作ろう コード 例え
89b18c608dc7dd2b946b
なにをしたいか フロントエンドにはVue.jsを用いたシングルページアプリケーションを、バックエンドにはDjangoとDjango REST frameworkを使ったWeb APIを用意して、組み合わせてみます。 先駆者様が既にいらっしゃいますが、ちょっと異なるアプローチを試したので記事にしました。 Django + Webpack を使ってVueを動かす Django REST framework with Vue.js どうやって？ Djangoプロジェクトでは通常htmlファイルはテンプレートとして解釈されてレンダリングされますが、そのテンプレート構文がVueと丸かぶり。そのためにVue的なテンプレート構文を持ったhtmlはDjangoテンプレートと共存できません。 そこで、webpackを利用してフロントエンドをVueの単一ファイルコンポーネントに分割しながら書いていくことでこの
GitHub - tokibito/note-app-django-vue-javascript: An example of a note application using django and vue.js
テキストを編集、保存できるシンプルなウェブアプリケーションです。 バックエンドとなるAPIサーバーにはDjangoフレームワーク(Python)、フロントエンドにはVue.js(JavaScript)を使っています。 DjangoフレームワークとJavaScriptでアプリケーションを作るサンプルコードとして作成しました。 このリポジトリのコードではVuexを使っていません。Vuex対応版はnote-app-django-vuexになります。 以下の要素を含んでいます: バックエンド Python3 venv プロジェクトで使うPython環境を作成します Djangoフレームワーク Django REST Framework REST APIを作るのに便利な機能がたくさん含まれるモジュール django-debug-toolbar 各種デバッグ情報をサイドバーで表示します フロントエンド
ishideoのブックマーク / 2008年10月17日 - はてなブックマーク
pythonでimport文で指定したクラスを動的生成したい posted by jun-g at Tue, 03 Apr 2007 02:16 JST ここんとこずーっと悩んでて解決方法がわからんのでブログで晒してみる。 pythonでMochiKit.DOMのcreateDOMみたいのがあったら便利かなと思って下記のようなクラスを書いた。 class Tag: """A base class of HTML tag.""" name = None inline = True container = False def __init__(self, *nodes, **attributes): self.nodes = nodes self.attributes = attributes def __str__(self): return self.serialize() def ser
ishideoのブックマーク / 2009年3月18日 - はてなブックマーク
MochiKit.Animator 0.9.2 Demos/Testbed MochiKit.Animator is an enhanced*, fully vectorized implementation of Bernard Sumption's animator.js. It eschews the use of classes and instead uses composition to build complex effects in one or two lines of code. The idea is to have everything work "right". This means not having to specify start values, maximum efficiency during playback, and clean, automati
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 25 Jul 2025 / Threats & Vulnerabilities News brief: SharePoint attacks hammer globe Check out the latest security news from the Informa TechTarget team. 25 Jul 2025 / Cloud Backup Commvault to acquire Satori Cyber for GenAI data security Satori Cyber, the third a
App Engine documentation | Google Cloud Documentation
App Engine is a fully managed, serverless platform for developing and hosting web applications at scale. You can choose from several popular languages, libraries, and frameworks to develop your apps, and then let App Engine take care of provisioning servers and scaling your app instances based on demand. Go to the App Engine product page for more. Start your proof of concept with $300 in free cred
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://domnikki.com/%E3%80%90%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E5%AE%9F%E8%A3%85%E3%80%91django-rest-framework-vue-js%E3%81%A7%E4%BD%9C%E3%82%8Btodo%E3%82%A2%E3%83%97%E3%83%AA/
Django REST framework with Vue.js - Qiita
Django + Webpack を使ってVueを動かす - Qiita