2019-02-11

FireBaseにプログラミングのトレンドを表示するWebサービスをデプロイしてみた！！

こんにちは。あつかんです。

最近勉強がてらWebサービスをつくったみたので、このブログで公開しようと思います！

Webサービス概要
何でつくってあるの？

Webサービス概要

f:id:nok-0930-ss:20190213223721g:plain

以下に記すようなプログラミング系のトレンドをグラフで表示させます！

・人気プログラミング言語

・プログラミング学習スクール

・プログラミング学習サイト

・JavaScriptのフレームワーク

・Javaのフレームワーク

・バックエンドのフレームワーク

サイトに行けばわかるんですが、BarChartに表示されているグラフは現在のトレンドを表しており、LineChartに表示されているグラフが時系列トレンドの推移を表しています。

細かい説明はあれなんで、以下のリンクで作成したサイトに飛ぶので、遊んでみてください〜

sample-64b63.firebaseapp.com

何でつくってあるの？

react, redux, rechart, material-ui, firebaseを使って、トレンドを可視化するサイトを作りました。

データはGoogleトレンドから取得しています。

いや〜firebaseは便利ですね。

自宅でWebサーバーを立てなくても、簡単に作成したサービスを全世界に公開できるのですから。

クラウド万歳( ´ ▽ ` )

こんど、FireBaseにhtmlをデプロイする方法を紹介してみようと思います〜

ではでは！

2019-02-02

DjangoでAPサーバを立ち上げてみた！

どうも〜、あつかんです。

今回は、最近話題のPython フレームワークのDjangoでHelloWoldを返すアプリケーションサーバを作ってみました！まずは下記記事を参照してDjangoをインストールしましょう！ qiita.com

以下の手順でHelloWoldを返すアプリケーションサーバが作成されます！

環境設定

OS X
python3
Django

Hello World

プロジェクトの作成
プロジェクト名をtutorialとする

django-admin startproject [プロジェクト名]

django-admin startproject tutorial

tutorial
|
├── manage.py
|
└── tutorial
    ├── __init__.py
    ├── settings.py
    ├── urls.py
    └── wsgi.py

アプリの作成
アプリ名をhelloとする

python manage.py startapp [アプリ名]

python manage.py startapp hello

tutorial
|
├── manage.py
|
├── tutorial
|   ├── __init__.py
|   ├── settings.py
|   ├── urls.py
|   └── wsgi.py
|
└── hello
    ├── __init__.py
    ├── admin.py
    ├── apps.py
    ├── migrations
    │   └── __init__.py
    ├── models.py
    ├── tests.py
    └── views.py

tutorial/settings.pyにアプリを追加

     INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
+       'hello.apps.HelloConfig',
    ]

tutorial/urls.pyからhello/urls.pyにルーティング

-   from django.conf.urls import url
+   from django.conf.urls import url, include
    from django.contrib import admin

    urlpatterns = [
        url(r'^admin/', admin.site.urls),
+       url(r'^hello/', include('hello.urls')),
    ]

hello/urls.pyを作成し、hello/views.pyのindexメソッドを呼び出す

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^world$', views.index),
]

hello/views.pyのindexメソッドで、Hello Worldを返す

    from __future__ import unicode_literals
    from django.db import models
+   from django.http import HttpResponse

+   def index(request):
+       return HttpResponse("Hello World")