chevron_left

メインカテゴリーを選択しなおす

cancel
JPP
フォロー
住所
未設定
出身
未設定
ブログ村参加

2021/10/06

  • サクッと10分でChatGPT APIを試してみた

    ChatGPTのAPIが提供開始されたので試してみました。普段はちょとした調べものとか文章校正に使ってたのでAPIが提供されたことにより便利なツールが出てくるのではないかと期待してます。 注意点 APIを利用すると使用料金が発生します。 下記のページで確認しましたが、1000トークンで$0.002でした。openai.com使用量は入力トークンと出力トークンの合計で決まるようです。 ちなみに、「ChatGPTでできること」という語句で試してみると トークン数は9個のトークン("Chat","G","PT","で","で","き","る","こ","と")に分割されました。下記のページで現在の使…

  • 東証が公開している東証上場銘柄一覧を元に板情報を取得する

    東証が公開している東証上場銘柄一覧 www.jpx.co.jpこちらから東証上場銘柄一覧(Excel)をダウンロードすることができます。freelancer.hatenablog.jpこのデータがあればau株コム証券のkabuステーション®APIを利用して東証の全銘柄のその日の板情報が取得できると思って試してみました。 kabuステーション®APIを利用する時の注意点 kabucom.github.io情報系のリクエストは秒間10件ていどの流量制限が設けられている。 リクエストされた銘柄は自動でAPI登録銘柄リストに登録され、 50銘柄を超えると以降のリクエストが400 BadRequestに…

  • au 株コム証券のkabuステーション®APIで株価情報を取得してみる

    取引した銘柄の最新の株価を取得したい 数年前からExcelで投資した取引情報等を記録してるのですが、 たまに過去に売却した株をずっと保有していればどうなっていたか? と思うことがあり、その都度証券会社にログインしてその日の株価を確認してExcelに転記して確認してました。取引履歴が多くなってきたので手動でやると時間がかかってしまうので自動化することに。 当初は株探等をスクレイピングして最新の株価を取得するようにしました。freelancer.hatenablog.jpスクレイピング自体がグレーな感じなのとHPのレイアウトが変更されたりすると プログラムの修正が発生する。 ということでauカブコ…

  • DSM上のApacheでPHPを動かす

    DSM上のApacheでPythonを動かすためにこれまでいろいろ試してきました。 freelancer.hatenablog.jp 仕事関連でPHPで作成されたCMS等の検証を行うことになったのでPHPも動かせるように設定してみました。 Web Stationの設定を確認 Web Stationの設定PHPは7.0と7.4がインストールされていました。 ※インストールされていなければパッケージセンターの画面で簡単にインストールできます。 ユーザー定義のポータルの作成 Webサービス ポータル作成ボタンをクリック。 ポータル作成ウィザード1仮想ホストを選択。 ポータル作成ウィザード2ホスト名を…

  • DSM上でPython + MariaDBを使ってWebアプリを稼働させるためにやったこと

    5年ほど使用しているDS216jのDSMを7.1に更新したことをきっかけにDSM上でWebアプリを稼働させようと思って試したことの記録です。 必要なパッケージをパッケージセンターで検索してインストールしました。 pythonのライブラリについてはSSHサービスを有効にしてTera Termで接続してインストールしました。 DS216jのDSMを7.1に更新 DSM バージョンまずDSMを7.1に更新しました。 Web Stationをインストール Web Station インストールWeb Station インストール完了Webサーバーの機能を追加したいのでWeb Stationをインストール…

  • Nuxt.js components配下のコンポーネントでデーターを取得

    共通コンポーネントでデータを取得して表示したい 共通コンポーネントでデータを取得したいので下記のように実装 /pages/sample_page.vue <template> <Sample/> </template> /components/sample.vue <template> <div> <b>{{data.data1}}</b><br> <b>{{data.data2}}</b> </div> </template> <script> export default { async asyncData(context) { const data = await context.$ax…

  • Nuxt.js ヘッダ部やフッタ部をコンポーネント化

    ヘッダ部やフッタ部をコンポーネント化 前回レイアウトディレクトリにレイアウト用のファイルを追加しレイアウトを切り替えられるようにしました。freelancer.hatenablog.jpヘッダ部やフッタ部はcomponents直下に配置してコンポーネント化したほうがよさそうなのでためしてみました。 header.vueとfooter.vueを追加 componentsディレクトリにheader.vueとfooter.vueを追加する。 /components/header.vue <template> <header style="border-bottom:solid 1px #CCC;pa…

  • Nuxt.js レイアウトディレクトリを試してみる。

    レイアウトディレクトリ ページコンポーネントに各ページで共通になる部分(ヘッダ部、フッタ部)を記述するのが面倒。 Nuxtにはレイアウト作成の機能があり各ページに共通のレイアウト適用することが可能。 layoutsディレクトリにdefault.vueを作成 layoutsディレクトリ /layouts/default.vue <template> <div> <header style="border-bottom:solid 1px #CCC;padding:10px">ヘッダ部(デフォルト)</header> <div style="border-bottom:solid 1px #CCC…

  • Nuxt.js 動的ルーティングを試してみる。

    動的ルーティング ある商品の詳細ページのようなページの構成は同じで商品毎に表示内容が変わるようなページを作りたい場合、Nuxt.jsではどうすればいいのか調べてみました。 url構成 /商品カテゴリー/商品コード カテゴリー1に属する商品コードAのURL /category1/shiohinA カテゴリー1に属する商品コードBのURL /category1/shiohinB カテゴリー2に属する商品コードCのURL /category2/shiohinC カテゴリー2に属する商品コードDのURL /category2/shiohinD 上記のURLに対応したファイル構成(静的) /pages/…

  • Nuxt.js 静的ファイルを出力してみる

    出力対象 出力対象 /pages/index.vue <template> <div> <ul> <li>{{ text }}</li> <li>{{ data.data1 }}</li> <li>{{ data.data2 }}</li> </ul> </div> </template> <script> export default { name: 'IndexPage', async asyncData(context) { const data = await context.$axios.$get('http://localhost:3000/nuxt_test.json') ret…

  • Nuxt.js axios(非同期通信)で初期データを取得して表示してみる。

    dataメソッドを追加する dataメソッドを追加してjson型のデータを返すようにする。 <template>内のデータを表示したい個所に{{key}}を追加する。 /pages/index.vue <template> <div>{{ text }}</div> </template> <script> export default { name: 'IndexPage', data() { return{ text: "テスト" } } } </script> http://localhost:3000/ dataメソッドで返されたデータを<template>内で参照できてます。 同じ要…

  • Nuxt.js 画面を追加してみる

    pagesディレクトリにファイルを追加 pagesディレクトリにファイルを追加画面のビューはpagesディレクトリに保存すればいいのでsample.vueをpages直下に追加。 /pages/sample.vue <b>サンプル</b> サーバーを起動サーバーを起動してhttp://localhost:3000/sampleにアクセスします。 http://localhost:3000/sample エラー画面エラー画面が表示されました。 単純にファイル追加するだけでは駄目みたい。 メッセージを見ると、pages/sample.vue自体を表示しようとはしてますね。 「templateが定義…

  • Nuxt.js 初期画面の構成を確認してみる

    初期画面のソース 初期画面のソースインストール後の初期画面の構成を確認してみました。 ヘッダ部 <!doctype html> <html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22jp%22%7D%7D"> <head > <title>sample</title> <meta data-n-head="ssr" charset="utf-8"> <meta data-n-head="ssr" name="viewport" content="width=device-width, initial…

  • Nuxt.jsでSSRを体験してみる

    Nuxt.jsを試す目的 SSRの動きがいまいち理解できないので動きをを確認したい。 個人的に開発中のシステムがあるので良さそうなら導入したい。 エディタ Visual Studio Code インストール npxコマンドを使うのでNode.jsのインストールが必要。 既にNode.jsはインストール済みだったのでNuxt.jsのインストールから始める。 ターミナル上でnpx create-nuxt-appを実行 npx create-nuxt-appプロジェクト名の入力に進みます。 プロジェクト名を入力 プロジェクト名を入力"sample"と入力してEnter プログラミング言語の選択に進み…

ブログリーダー」を活用して、JPPさんをフォローしませんか?

ハンドル名
JPPさん
ブログタイトル
AB型技術系 主に備忘録
フォロー
AB型技術系 主に備忘録

にほんブログ村 カテゴリー一覧

商用