Latest Episodes2021-10-07T07:53:53+09:00

Latest Episodes

Featured Contributors

記事の作成者です.

Amelia Grange

LIFESTYLE CONTRIBUTOR

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec pellentesque purus. Nunc finibus urna eget est molestie, non dignissim nulla cursus. Proin hendrerit, lacus vitae imperdiet rhoncus.

LIFESTYLE

Markus Millions

BUSINESS CONTRIBUTOR

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec pellentesque purus. Nunc finibus urna eget est molestie, non dignissim nulla cursus. Proin hendrerit, lacus vitae imperdiet rhoncus.

BUSINESS

データエンジニアの絹田です.

アプリ開発をしています.

View Full Series
Subscribe
  • アプリ開発をイメージさせる写真

Angularでfirestoreのコレクションからデータ一覧を取得する

10月 5th, 2021|個人でアプリ開発頑張った|

概要 Angular2以降でfirestoreのコレクションからデータ一覧を取得する方法。 読み込む コレクションに対して、valueChanges()をsubscribeする。valueChanges()ってなんだ。。 import { Component, ViewChild } from '@angular/core'; import { AuthService } from '../auth/auth.service'; import { AngularFirestore

  • おいしい生活

エキサイトモバイル WiFiとWiMAXの比較。エキサイトの契約から初期契約解除に至るまでの経緯

10月 5th, 2021|LIFE|

三重県でNP-Systemsという個人事務所をやっています。 WiMAXを3年使っていたのですが、住んでいる場所では回線が不安定なのでエキサイトモバイルWifiを契約してみました。Docomo回線を使用しているということで安定していそうだったので。ただ、結果的にWiMAX継続でエキサイトモバイルWifiは初期契約解除に至りました。契約の流れ、回線速度、初期契約解除の流れなどをレポートしたいと思います。 概要 エキサイトモバイルWifiは、2020年10月からサービスが開始された新しいWiFiサービスで、Docomo回線を利用しているというのが一番の特徴だと思います。 ドコモ4G/LTE回線のデータ通信専用SIM(物理SIM)を採用 速度制限時でも最大700kbpsでデータ通信が使い放題 毎月のデータ通信容量は使い放題で3980円 ということがHPには記載されています。WiMAXが住んでいる三重県だだと結構不安定だったので、Docomo回線なら安定しているだろうということで契約してみました。値段も安くなりますしね。 ただ、結論を言うと初期契約解除に至りました。 Docomo回線だけあって、確かに回線は常に安定 しかし、速度は0.8Mbpsしかでない(え?いつも速度制限なみでは、、でもブースト機能あります) 上りは30Mbpsで高速 と言うことで解約に至りました。 回線速度は遅い代わりに、ブースト機能(https://www.kashi-mo.com/media/50035/)があるようで接続の最初に30Mbps程度が出ます、なのでWebページの閲覧は非常に早く感じます。値段が安いなりの工夫ですね。しかし読み込みたいものがブーストで読み込めない場合は多少待つことになります。また、動画についてはある程度バッファする必要があるのですが、これもブーストで対応できないのでものすごくスムーズと言うわけではないです。 ただ、上りは非常に安定していて、30Mbps程度は出ます。上りが速いのはいいですね。WiMaxだとよくて1,2Mbps程度なので。Docomoなので屋内や地下などでも使えるのでは? 契約してから商品が届くまで 契約から商品が届くまでの流れです。 火曜日の22時ごろに契約申し込み。申し込み確認のメールを即受信。 4日後にSIMとモバイル端末を別々に発送すると連絡。実際は到着予定日に合わせてメールがくる。 木曜日の朝9時に両方到着

現場からの報告。製造業でAI/IoTを活用するために必要だと思うこと

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

製造業に勤めるエンジニアから見た製造業でAI/IoTを活用するために必要だと思うことです。 はじめに 「2025年の崖」と言われているように、製造業にとってデジタルトランスフォーメーションが喫緊の課題となっております。新興国が品質とコストで猛追するなか、工場にいて日本の厳しさを感じるんですよね。 もはや「日本の品質って本当にいいの?」って思ってしまいます(まぁうちの工場だけかもしれないけど!)。 とはいえ人口減少する日本にとって、高付加価値品の製造が必要なのは明白であり、特にAI/IoTというのはその大きな試金石となっていると思います。いちメーカでAI/IoT担当(かっこ笑いw)をしている身から現場の感覚をお伝えできればと思います。 言いたいことは下記の3点です。 ・本部機構にだけAI・IoT推進課を作っても無駄 ・買い物だけでは不十分、プログラミングレベルの全体の底上げが必要 ・既存のIT担当者は障害になる場合も 本部機構にだけAI・IoT推進課を作っても無駄 大企業で多いのは、工場とは離れた本部機構にAI/IoTの専門部署を作ることですよね。これ、本部だけに作るとうまくいかないパターンだと思います。というのは、AIを活用していくにあたって重要なのは、質のいいデータと現場にカスタマイズされたソフトだと思います。その点、本部にいる人が工場の既存のデータもよくわからないまま新しいデータを取るのって至難の技だと思います。加えて、新しくデータを取り始めたとしても日々起こるトラブルにすぐ対処できず工場任せにするようだと 本部「いいデータが上がってこないから解析できない」 工場「データとるのどんだけ大変だとおもってんねん!」 となる可能性が高いです。結局、本部だけに推進グループを設置するのは不十分で、工場にメインの担当チームを置かないとダメなんですよね。本部にグループ設置すること自身はいいことだと思いますが、本部だけでうまくいくなんてありえないのではないかと。 買い物だけでは不十分、プログラミングレベルの全体の底上げが必要 あとありがちなのが、買い物で済ませようってのも多くあると思います。やれTableauだ、やれDataRobotだ、そのほかにもDataSpiderやSensorCorpusなど高い買い物して「うちはAI/IoTやってる」と満足しているパターン。これって使いこなせないという意味で本当にもったいないと思います。日々の製造で活用するにはカスタマイズが必要で、どこかで自分でコード書く必要があります。この必要性を理解せずにツールを買っても片手落ちってものだと思います。 既存のIT担当者はむしろ障壁になることも 3つのなかでこれを一番いいたい。バブルの時代に建てられた工場なんかだともう30年近く経っています。うちの工場もそれくらいなのですが、こういった工場にありがちなのがシステムのレガシー化です。どんな感じかというと、例えばうちの工場ではOracleを使っているのですが、SQLでデータベースに接続すると怒られます。 既存のIT担当「接続して不安定になったらどうするんだ」 「・・・・」

【まったく新しい最高のブラウザ】Braveブラウザでインターネットの仕組みとありかたを変えよう。

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

これはただのプラグインではありません。Louis Armstrong によって歌われた最も有名な二つの単語、Hello, Dolly に要約された同一世代のすべての人々の希望と情熱を象徴するものです。 これはただの記事ではありません。Robert E. Kahnによって歌われた開かれたインターネットへのすべての人々の希望と情熱を象徴するものです。 概要 この記事ではBraveブラウザについて説明します。Braveブラウザを使えば広告なしでYoutubeを閲覧できたり、サイトを見るとお金がもらえたりします。また、Adsenseに代わりWebサイトやTwitterを収益化できるブラウザでもあります。しかしそれだけではなく 1. (Googleの無料サービスに定義された)インターネットの仕組みを変える 2. コンテンツ製作者に適切に報いる ことを目的とする従来とは全く異なるパラダイムから生まれたブラウザです(製作者はJavaScriptの生みの親で元MozillaCEOのアイク氏です)。 そこで、クリエータとして収益化する方法とWebサイトを閲覧してお金をもらう方法をメインで説明しつつ、Braveブラウザの背景や理念などについても紹介します。インターネットの仕組みを変えようとする非常に面白い取組みで、インターネットを使う人なら誰でも関わりのある話だと思いますのでぜひご覧ください。 構成 ・Braveブラウザとはなんぞや ・クリエータの収益化の設定方法 ・ユーザとして収益化の設定方法

  • アプリ開発をイメージさせる写真

Ionic(Angular)のフォルダ構成を完全解説

10月 5th, 2021|個人でアプリ開発頑張った|

Ionicのフォルダ構成について Ionicで作成したプロジェクトは下記のような構造になっています。 directory かなり複雑で、最初に見たときは戸惑うかもしれません。実際に触るのはsrc/appフォルダがほとんどになりますが、他のフォルダを含めて解説したいと思います。 ルートフォルダについて 名前 説明 e2e/ システム全体の動作検証を行うE2Eテストの際に利用します。最初はほとんど触りません node_modules/ node.js上で動くため、package管理ソフトにnpmを使うことになりますが、npm経由でインストールしたライブラリが保存されます src/ 実際に開発を行う場所です。9割このフォルダを触ります。 angular.json Angularの設定ファイルです。フォルダの出力先などビルドを中心にした設定はここで行います。 package.json 実際にプロジェクトで使用するライブラリを指定します package-lock.json package.jsonで指定したものが入っているか確認します。エラーの時にたまにいじります したがって、基本的にはsrcだけをいじると考えておいて差し支えないと思います。

  • アプリ開発をイメージさせる写真

個人・少人数のシステム開発にはAngularがオススメ

10月 5th, 2021|個人でアプリ開発頑張った|

Angularとは GoogleのドキュメントやGCPで使われているAngularは、Googleが中心開発している JavaScript フレームワークです。AngularJSと混同されていている方もいらっしゃいますが、AngularJSのメリットを生かしたまま互換性のない形で生まれ変わったのがAngularです。Angularは、SPA (Single Page Application)と呼ばれる技術を用いて、従来のWebでは実現できなかった機能を提供する技術です。イメージ的には、従来のWebページよりアプリケーションよりのものを作りやすくなると感じています SPAの特徴 最近、従来のWeb技術では考えられなかったようなサイトが増えてきています。たとえば、オフラインでも動作するWebページやGoogleのドキュメントのように同じURLなのに検索ワードによって違う内容が表示されるページなどです。SPA (Single Page Application)ではindex.htmlだけを読み込み、そのあとはDOMの操作をフロントエンドで行って擬似的な遷移を行っています。これによりオフラインでも画面遷移ができたり、検索クエリによって動的にページを書き換えたりといったことができます。 SPAフレームワークにおけるAngularの特徴 SPAのフレームワークはいくつかあります。Facebookの開発しているReact.jsなどが有名ですが、個人的にはReact.jsよりも断然Angularがおすすめです。Reactが最小限の本体とサードパーティのライブラリで構成されているのに対して、Angularは開発に必要な機能をすべて盛り込んだフルスタックです。開発に必要なデータバインディング、フォームバリデーション、非同期通信、ルーティング、テスタビリティ、セキュリティへの配慮など、一通りの機能がすべてあらかじめ用意されているので、Angular を選択することでコーディングに集中できます。ライブラリが複数あるとどれを使えばいいのか迷いますしライブラリ間の依存関係などを気にする必要が出てくると思いますが、そういった懸念から解放されコーディングに集中できることがAngularのメリットだと考えています。個人的にはAngularは「控えめにいって最高」のフレームワークです。 クロスプラットフォームなのもよい わたしは個人でシステム開発をしているのですが、iOS用にSwiftで、Android用にKotlinで、そしてWeb用にJavaScriptで開発をしていたらいくら時間があってもたりません。そこで一つのソースコードでさまざまなプラットフォームで動作すればありがたいわけです。そこでクロスプラットフォームの仕組みとして「Ionic 」「Cordova」「NativeScript」「React Native」Electron」「Capacitor」「Xamarin」「Unity」などが候補にあがるわけですが、Angularは「Capacitor」というMacデスクトップアプリ、Windowsデスクトップアプリ、Web、iOS, Androidに出力できるこれまた最高のフレームワークと組み合わせることができます。したがって、Angularは効率的にプロジェクを作成し、それを複数のプラットフォームに同時に出力できるという夢のような生産性を実現するフレームワークです。 AngularJSとの非互換性について

  • Episode 7: Qualify Your Clients

SBI FXトレードで出金指示をした際、受付完了連絡が来ない

10月 5th, 2021|未分類|

スマホからSBI FXトレードで出金指示をした際、画面から預託金残高はすぐに減りますが、メールも来ないし履歴も残りません。極めてひどいUIだと思います。ここではSBI FXトレードの出金の流れを記載します。 普通、出金指示を行った時点で出金依頼を受けつけたメールが来て、その後出金が完了した旨が通知される流れを想定すると思います。OANDAではこのようにされますし、当然こう言った流れが適切だと思います。しかし、SBI FXトレードで出金をすると、画面から預託金残高はすぐに減りますが、メールも来ないし履歴も残りません。ちゃんとシステムが受け付けてるのか心配になります。 自分の一例 私は出金依頼を11月11日の夜にしました。その際、実際に出金確定メールが来たのは11月13日9時でした。出金した額が自分的には大きな額だったので連絡が来るまで冷や冷やものでした。本当にひどいものです。 公式サイトのFAQ 公式サイトの「出金依頼をしてからどのくらいで振り込まれますか?」という質問にはこのような回答となっています。 「取引終了時間までにご依頼された場合、通常時は翌営業日にお振込みします。 ただし、何等かの事象が発生した場合に備え、出金依頼された日から4営業日以内(※土日祝は営業日ではございません)のお振込みを原則とさせていただきます。」 時間差はいいとして、出金指示の受付メールが来ないことは改善されることを望みます。みなさん不安になると思うので記事にさせていただきました。

  • Episode 7: Office Essentials

Xserverのメールを他のメールソフトで見られるようにする

10月 5th, 2021|IT|

ここでは、Xserverのメールを他のメールソフトで見られるようにする方法として、iPhoneのGmailで設定する方法を紹介します。 手順 Gmailを起動して、右上の自分のアイコンをクリックします。このような画面になります。 そしたら、「別のアカウントを追加」を押下します。 その他(IMAP)をタップし、そこで登録したいメールアドレスを入力します。 さらにボタンを押すと、下記の画面になり、ここでサーバとパスワードを入力します。これは受信サーバと送信サーバの両方が必要になり、最初に表示されるのは受信サーバです。 パスワードとサーバ名を入力します。 パスワードはXserverの管理画面からメールアドレスを発行する際に、メールアドレス に対して発行するものなのでもしこれがわからない場合は作り直すか作った人に聞くしかありません。 後サーバー名を入れて終わりです。ポート番号は基本的には既に入力されているはずですが、変える場合は下記を参照してください。 POP/IMAPサーバー名 (ホスト名) 設定完了メールに記載されている「メールサーバー」を入力してください。※サーバーパネル内「サーバー情報」に記載の“ホスト名”と同一です。例)sv***.xserver.jp SMTPサーバー名 (ホスト名) 設定完了メールに記載されている「メールサーバー」を入力してください。※サーバーパネル内「サーバー情報」に記載の“ホスト名”と同一です。例)sv***.xserver.jp ユーザー名 (アカウント名) メールアカウントの追加にて設定したメールアドレス(ドメイン名を含む)を入力してください。 例)user@example.com

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Oandaを解約して口座を作り直す方法

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

OandaのAPIを使いたいのですが、私が作った3年前と現在ではAPIのバージョンが異なります。昔のバージョンのときに作成し、現在は動作しなくなってしまいました。いろいろ頑張ったのですがラチがあかないので、古い口座を解約し、新しいものを作り直すという強硬手段に出ることにしました。 ここでは、その時の注意事項などについてまとめたいと思います。 Oanda APIでエラーが出る まず、問題なのはこのエラーです。適当に最近のレートを取得しようとするとこのようなエラーがでます。 Error: {"errorMessage":"Insufficient authorization to perform request."} デモ口座だとうまくいくのに本番環境ではうまくいきません。日本法人に問い合わせると、APIは管轄外なので米国の本社に聞いて欲しいと言われます。しかし、そこに聞いても結局解決しませんでした。 解決策 いろいろ情報を探して https://developer.oanda.com/rest-live-v20/troubleshooting-errors/ https://stackoverflow.com/questions/63822473/v20error-errormessageinsufficient-authorization-to-perform-request などを見ましたが解決せず。また、ログイン後の画面がこのようになっており、accout IDの後にV20と表示されていないのでV20に対応していないのかと思ったのですがそういうわけでもないようです。 Screenshot デモ口座だとこのようにV20と表示されてるんですけどね。

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

USキーボードのMacに外付けのJISキーボードを取り付けたらどうなる?

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

MacBookを使っているのですが、タイピングしにくいので外付けのキーボードを取り付けることにしました。Windowsなら何も考えずに購入できたのですが、実際お店に行ってみると Macに外付けキーボードをつけて安定して動くのか USキーボードのMacを使っているのだが、外付けキーボードはUSキーボードである必要があるのか 心配になりました。上記について、購入して試した結果をまとめたいと思います。 Macに外付けキーボードをつけて安定して動くのか Mac対応と書いてあるものなら普通に動きそうです(Elecomとか)。栄のビックカメラで買ったのですが、5種類ほど選べました。形状が凝ったものだとWindowsのみの対応だったりしましたが、まぁ基本的なものであれば普通に売っている感じです。純正のキーボード高いですから、サードパーティ製で対応したいものです。 USキーボードのMacを使っているのだが、外付けキーボードはUSキーボードである必要があるのか JISキーボードで問題ありません。普通にキーボードの配列通りに打てます。安めのMac対応の外付けのUSキーボードが売っているはずもなく、US配列であることは諦めていたので、一番うちやすかったのでElecomのTK-FBP101BKというものを買いました。 打ちやすかったのはパンタグラフ式という構造のせいらしいです。Macとは正反対の印象です。快適に使えますし、気分転換にもなるので気に入りました。 https://www.elecom.co.jp/products/TK-FBP101BK.html

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

curlコマンドでHTMLのformでの画像送信を代替する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

curlコマンドでHTMLのformでの画像送信を代替する方法です。 curlコマンドを打つときの場所にna18_1920x1080_221804.jpgと言う画像を置いた場合です。 結論 url -X POST -F 'image=@./na18_1920x1080_221804.jpg' http://127.0.0.1:5000/ --insecure 追加 ヘッダー情報とかクエリパラメータを引き渡したい場合はこちら。 curl -X POST -H 'Host:some_destination.com.' -H 'Authorization:something' -F

製造業において、Pythonに加えてWebも活用して飛躍しよう

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

最近、製造業におけるPythonの導入が進んでます。自動化やアプリケーション制作に便利ですし、今後もこの勢いは止まらなそうです。 ところが、私は実務担当として工場でPythonを導入して5年になるのですが、近年はWeb技術を使用することが多くなりました。Pythonを使い始めた当初、Web技術と言えばHTMLとCSS?データ分析メインの俺にはあんまり関係ないよね?と思っていました。でも、実務を行う中でPythonとWeb技術の相性が非常に良いことに気付き、最近はWebとPythonを半分ずつ使っています。 記事の内容 この記事では、とある工場で働くエンジニアがWeb技術の重要性について発見したことを書きたいと思います。おそらく、最近の空気は、製造業でもPythonは役に立つが、Webは分野が違うので関係ないという感じだと思います。でも、私はWeb技術があってこそPythonが100%生かせるのではないかと思っています。ある工場でPythonを導入した結果、Web技術の(意外な?)重要性について発見したことを共有したいと思います。 構成 構成としては ・製造業におけるPythonの使い所を整理し、 ・Web技術の重要性について 述べたいと思います。 製造業におけるPythonの使い所 少し冗長ですが、そもそも製造業のおけるPythonの使い所として主に下記の3つがあると感じています。 ・データ整形や業務の自動化 ・高度なデータ分析 ・業務アプリの制作(AIアプリ制作含む) 1.データ整形や業務の自動化 まず一つ目です。工場だと、製造に必要なファイルはエクセルで管理されていることが多いと思います。そして、どこかのフォルダに入っているデータをそのエクセルにコピペして行う集計作業も多いと思います。Pythonの使い所として最初に出てくるのがこの作業の自動化です。csvで管理されているデータならPandasで読み込めますし、Excelも操作できるので集計作業を一瞬で終わらせることができます。Pythonは汎用プログラミング言語ですので、PC上で行う「手順の決まった繰り返し作業」であれば、原理的にはすべて自動化できるというのは心強いです。 2.高度なデータ分析 二つ目が高度なデータ分析です。研究系で使用される方はこの用途が多いのではないかと思います。当然オフラインで行うこともできるのですが、うまくやれば高度な分析も自動化できます。 つまり、一般的には 最初はオフラインで工場からデータをもらう

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【保存版】Flaskで画像を操作する際の6パターンを書き分ける

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

Flask上で画像を操作する際のソースコードのパターンについてですが、 画像の生成元をどうするかというもので3パターン、画像の最終的な処理方法をどうするかというもので2パターンで(組み合わせで)合計6パターンがあると思います。Flaskで画像処理を実装しようとするとこれらを書き分ける必要がありますのでそれについて記載します。 画像の生成元の3つとは HTMLからFlaskで立てたURLへ直接画像がアップロードされる場合、 Flaskの関数の中でmatplotlibなどで生成する場合、 クラウドないしはローカルフォルダなどに保存されている画像を読み込んでくる場合 の3つです。 最終的な処理方法として2つあるというのは、 画像をクラウドないしはローカルフォルダなどに保存する場合と クライアント側へ画像をreturnする場合 の2つです。メタ情報だけ抽出して文字列で返す場合などもあると思いますが、これはJSONなどでリターンすればOKなので上記6パターンで対応できると思います。 Flaskで画像を操作したいと思うと、この6パターンについてソースコードを書き分ける必要があり、かなり大変です。 しかし、幸いなことに、画像をどこかに保存する場合とクライアント側へ返す場合については画像をメモリ上でBlob形式であらかじめ保存することができれば同時に対応できますので、事実上かき分けなければならないのは3パターンとなります。 この記事では、画像をメモリ上でBlob形式で書き出すコードを使いながらこの3パターンについて整理したいと思います。 なお、ここでは処理後の画像の保存先としてGoogle Cloud Storageを利用した例で説明しますが、適宜AWSのS3、ローカルのフォルダの場所などと読み替えて下さい。今回記載するサンプルコードは下記の3つです。 1. 画像をFlaskの関数内で生成し、メモリ上でBlob形式で保存したのちにGCSへ保存しクライアント側へ返す 2.

  • アプリ開発をイメージさせる写真

AngularでWebAPIからblob形式で返された画像データを取得する方法

10月 5th, 2021|個人でアプリ開発頑張った|

フロントエンドアプリケーションフレームワークであるAngular(Ionic)を使って、非同期通信で画像を読み込む方法をサンプルアプリとして紹介します。動作確認用にPythonで作成したバックエンドコード付きです。 Angularの場合、非同期通信を実装するにはHttpClientModuleをapp.module.tsに追加して、tsファイルで呼び出して使うだけです。画像の場合は、さらにresponseTypeに'blob'形式を指定し、DomSanitizerでサニタイズして読み込みます。HTML側は<img [src]=imageUrl>で行けます。 AngularはReactと異なりフルスタックなので、この辺の安心感があります。 参考にしたサイト stackOverflow ソースコード githubはこちら 解説 app.module.ts app.module.tsに import { HttpClientModule } from '@angular/common/http'; を追加します。importするのも忘れずに import {

  • アプリ開発をイメージさせる写真

Angular(Ionic)で非同期通信を実装する

10月 5th, 2021|個人でアプリ開発頑張った|

フロントエンドアプリケーションフレームワークであるAngular(Ionic)で非同期通信を実装する方法をサンプルアプリとして紹介します。動作確認用にPythonで作成したバックエンドコード付きです。 Angularの場合、非同期通信を実装するにはHttpClientModuleをapp.module.tsに追加して、tsファイルで呼び出して使うだけです。AngularはReactと異なりフルスタックなので、この辺の安心感はReactにはるかに勝ると思います。 Angular公式サイトの説明 ソースコードの素性 ソースコードの素性ですが、Ionic(Aunglar)のblankアプリから実装しました。なお、バックエンドのサンプルコードも作成しましたが、こちらはPythonのFlaskを使っています。Flaskでホスティングした http;//127.0.0.1:5000 のURLを叩いてデータを取ってくるアプリです。 GitHubにコードあげたのでそのまま動作確認できると思います。 環境 フロントエンド Angular CLI: 10.0.5 Ionic CLI : 6.10.0 Node: 12.18.0 バックエンド

  • アプリ開発をイメージさせる写真

Adsenseの住所確認の日数と手順について

10月 5th, 2021|個人でアプリ開発頑張った|

Google Adsenseでは、収益が1000円程度を超えると住所確認のために郵送でPINコードが発送されます。振り込み準備に向けて、これに印字された6桁の番号をAdsenseのHPで入力し、住所が正しいことを認証伝えておく必要があります。記載された通りに実施するとうまくいきませんので、この方法について解説します。 Adsenseからメールが届きます 収益が一定を超えると、Adsenseからメールが届きます。 Screenshot AdSense でお知らせいただいたお支払い先住所宛に、個人識別番号(PIN)を記載したハガキを 11月 18, 2020 付で発送いたしました。 ハガキが届きましたら、このメールにある [住所を確認する] をクリックし、AdSense のホーム画面で PIN をご入力ください。あるいは AdSense アカウントにログインして、ホーム画面で直接、同じ手順を行っていただくこともできます。 重要: この

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIでローソクを取得

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってローソクチャートを取得する方法について記載します。ローソクの長さ、取得データの種類、取得期間の指定方法なども含めて記載します。 oandapyV20では、PricingInfoというクラスで/v3/instruments/{instrument}/candlesをGet通信で叩いています。 ドル円のローソクチャートを取得基本のコードはこちらです。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import PricingInfo from oandapyV20.exceptions

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIで価格をStreaming配信で取得する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってStreaming配信でリアルタイムに価格を取得する方法について記載します。 Streaming配信は非常に便利であるものの、最大で250msごとのデータしか提供されませんので急激な値動きまで把握できるわけではない事に注意が必要です。公式では「1秒間に4回のウィンドウを作成し、それぞれのウィンドウの最後で有効な値を返す」という記載があります。詳細は記載されていないものの、250ms程度のデータであること、アカウントごとにデータを生成するので、すべての人に同じデータが配信されるわけではない事に留意が必要です。 ストリーミング配信は/v3/accounts/{accountID}/pricing/streamにGet通信でアクセスする事で提供されます。 oandapyV20を使った基本のコードはこちらです(ドル円の価格を取得)。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import PricingInfo from

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIでオーダブック、ポジションブックを取得する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってオーダブック、ポジションブックを取得する方法について記載します。 oandapyV20では、オーダーブックをとるためにはoandapyV20.endpoints.instrumentsのInstrumentsOrderBookというクラスで/v3/instruments/{instrument}/orderBookをGet通信で叩きます。 ポジションブックの場合は、oandapyV20.endpoints.instrumentsのInstrumentsPositionBookというクラスで/v3/instruments/{instrument}/positionBookをGet通信で叩きます。 いずれの場合もparamsで指定できるパラメータはinstrumentとtimeだけです。instrumentは必須引数ですが、timeは指定しない場合は最新が返されます。timeだUNIXTIMEを文字列型で渡します。最新を取りたい場合は、paramsは{}でいいと思います。 オーダーブックもポジションブックもほとんど同じなので、今回はオーダブックで説明したいと思います。 ドル円の最新のオーダーブックを取得するコードはこちらです。ポジションブックを見たい場合はInstrumentsPositionBookを使ってください。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Macで最も簡単なnode.jsのインストール方法

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

日本ではhomebrewでインストールする方法ばかりが紹介されていますが、海外ではほとんど情報がなくマイナーな方法です。node.jsの公式からダウンロードしてインストールする方法が多く紹介されていますが、こちらの方が簡単なので今回はその方法を紹介します。 installerを公式から落とす https://nodejs.org/en/にアクセスしてinstallerをダウンロードします。 LTSと書いてあるものがサポートの長い安定版です。 ダウンロードしたら、ファイルをクリックして起動させます。 途中、インストール先が表示されるのでメモっておきます。あとは画面の指示に従って進みます。完了したらインストーラはゴミ箱に移動していいですかと聞かれます。これが表示されたらもうこれだけでインストール完了です。 動作確認 ターミナルで下記のように打ち込んでバージョンが表示されたらOKです。 % node -v v14.15.1 もしバージョンが表示されない場合、下記のコマンドを打って現在のパスを通している場所を表示させ、インストーラで保存先に指定していた場所が入っているかどうかを確かめます。 % echo $PATH /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 簡単なプログラムを書いてみる node.jsがちゃんと動作しているか簡単なコマンドで調べてみます。 %

  • アプリ開発をイメージさせる写真

Macにionicをインストールしてサンプルプロジェクトを作成する

10月 5th, 2021|個人でアプリ開発頑張った|

クロスプラットフォームアプリケーションのフレームワークであるIonicをMacにインストールする方法について紹介します。 まず、node.jsをインストールする必要があります。インストールしていない方はこちらに最も簡単なインストール方法を記載していますのでご覧ください。 https://np-sys.com/macでnode-jsをインストールする/ インストール方法 npm経由でのインストールとなりますので、sudo npm install -g @ionic/cliコマンドを打ちます。 % sudo npm install -g @ionic/cli Password: ⸨ ░░░░░░░░░░░░░░░⸩ ⠇ loadDep:yallist:

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Macの環境設定の備忘録

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

データ分析とWebアプリ開発をしているエンジニアのMacの設定方法です。Mac book Pro 2019,2020でそれぞれBig SurとCataliaにて設定したものを備忘録として書いたものです。 CapsLockでの英語/日本語の切り替え スクロール方向の切り替え スクリーンショットの拡張子変更 aliasの設定 一般ソフト(Chrome,Gimp,FileZilla,Atom,VScode)のインストール Tableau Publicのインストール node.jsのインストール Ionicのインストール Xcodeのインストール CocoaPodのインストール Pythonのインストール GitHubのssh設定 CapsLockでの英語/日本語の切り替え CapsLockで英語/日本語の切り替えができるようにします。

  • アプリ開発をイメージさせる写真

MacのXcodeのデベロッパーライセンスを更新するときにやること

10月 5th, 2021|個人でアプリ開発頑張った|

Xcodeのデベロッパーライセンスを更新するときにやることをまとめておく。 まず、Appleからライセンス切れる旨を伝えるメールが来るので購入する。 次に、Apple Developerにログインして、Certificates&Identifiers & ProfilesのDevicesを選ぶ。 Continueを選ぶ。下記のようにデバイスリストを最新にしてくださいというメッセージが表示される。 Now that you've started a new membership year, make sure your device list

  • アプリ開発をイメージさせる写真

新しいMacでXcodeの証明書を引き継ぐ

10月 5th, 2021|個人でアプリ開発頑張った|

新しいMacでXcodeでアプリ開発をするための設定についてまとめます。 以前のMacは必要なく、新しいMacだけで完結します まず、ブランクのアプリを作ってみることから始めます。そうすると、Signing&Capabilityの部分でTeamを選べない問題に直面します。 そこで、これをまず解決する必要がりますので、Add an Accountというボタンを押して、Apple IDでサインインします。 そうすると、一応ビルドはできるようになります。しかし、そのままだとCodeSignの「キーチェーンログインのパスワードを入力してください」でパスワードを繰り返し求められて先に進みませんでした。 そこで、https://developer.apple.comからApple Developerにサインインして証明書をダウンロードしました。 ここで、該当するProfileをダウンロードしてダブルクリックしたら、動作するようになりました。 こんなに簡単だったっけって感じです。。あとで落とし穴がないか怖いです。

Business Broadcast

Business Broadcast

View Full Series
Subscribe
  • アプリ開発をイメージさせる写真

Angularでfirestoreのコレクションからデータ一覧を取得する

10月 5th, 2021|個人でアプリ開発頑張った|

概要 Angular2以降でfirestoreのコレクションからデータ一覧を取得する方法。 読み込む コレクションに対して、valueChanges()をsubscribeする。valueChanges()ってなんだ。。 import { Component, ViewChild } from '@angular/core'; import { AuthService } from '../auth/auth.service'; import { AngularFirestore

  • おいしい生活

エキサイトモバイル WiFiとWiMAXの比較。エキサイトの契約から初期契約解除に至るまでの経緯

10月 5th, 2021|LIFE|

三重県でNP-Systemsという個人事務所をやっています。 WiMAXを3年使っていたのですが、住んでいる場所では回線が不安定なのでエキサイトモバイルWifiを契約してみました。Docomo回線を使用しているということで安定していそうだったので。ただ、結果的にWiMAX継続でエキサイトモバイルWifiは初期契約解除に至りました。契約の流れ、回線速度、初期契約解除の流れなどをレポートしたいと思います。 概要 エキサイトモバイルWifiは、2020年10月からサービスが開始された新しいWiFiサービスで、Docomo回線を利用しているというのが一番の特徴だと思います。 ドコモ4G/LTE回線のデータ通信専用SIM(物理SIM)を採用 速度制限時でも最大700kbpsでデータ通信が使い放題 毎月のデータ通信容量は使い放題で3980円 ということがHPには記載されています。WiMAXが住んでいる三重県だだと結構不安定だったので、Docomo回線なら安定しているだろうということで契約してみました。値段も安くなりますしね。 ただ、結論を言うと初期契約解除に至りました。 Docomo回線だけあって、確かに回線は常に安定 しかし、速度は0.8Mbpsしかでない(え?いつも速度制限なみでは、、でもブースト機能あります) 上りは30Mbpsで高速 と言うことで解約に至りました。 回線速度は遅い代わりに、ブースト機能(https://www.kashi-mo.com/media/50035/)があるようで接続の最初に30Mbps程度が出ます、なのでWebページの閲覧は非常に早く感じます。値段が安いなりの工夫ですね。しかし読み込みたいものがブーストで読み込めない場合は多少待つことになります。また、動画についてはある程度バッファする必要があるのですが、これもブーストで対応できないのでものすごくスムーズと言うわけではないです。 ただ、上りは非常に安定していて、30Mbps程度は出ます。上りが速いのはいいですね。WiMaxだとよくて1,2Mbps程度なので。Docomoなので屋内や地下などでも使えるのでは? 契約してから商品が届くまで 契約から商品が届くまでの流れです。 火曜日の22時ごろに契約申し込み。申し込み確認のメールを即受信。 4日後にSIMとモバイル端末を別々に発送すると連絡。実際は到着予定日に合わせてメールがくる。 木曜日の朝9時に両方到着

現場からの報告。製造業でAI/IoTを活用するために必要だと思うこと

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

製造業に勤めるエンジニアから見た製造業でAI/IoTを活用するために必要だと思うことです。 はじめに 「2025年の崖」と言われているように、製造業にとってデジタルトランスフォーメーションが喫緊の課題となっております。新興国が品質とコストで猛追するなか、工場にいて日本の厳しさを感じるんですよね。 もはや「日本の品質って本当にいいの?」って思ってしまいます(まぁうちの工場だけかもしれないけど!)。 とはいえ人口減少する日本にとって、高付加価値品の製造が必要なのは明白であり、特にAI/IoTというのはその大きな試金石となっていると思います。いちメーカでAI/IoT担当(かっこ笑いw)をしている身から現場の感覚をお伝えできればと思います。 言いたいことは下記の3点です。 ・本部機構にだけAI・IoT推進課を作っても無駄 ・買い物だけでは不十分、プログラミングレベルの全体の底上げが必要 ・既存のIT担当者は障害になる場合も 本部機構にだけAI・IoT推進課を作っても無駄 大企業で多いのは、工場とは離れた本部機構にAI/IoTの専門部署を作ることですよね。これ、本部だけに作るとうまくいかないパターンだと思います。というのは、AIを活用していくにあたって重要なのは、質のいいデータと現場にカスタマイズされたソフトだと思います。その点、本部にいる人が工場の既存のデータもよくわからないまま新しいデータを取るのって至難の技だと思います。加えて、新しくデータを取り始めたとしても日々起こるトラブルにすぐ対処できず工場任せにするようだと 本部「いいデータが上がってこないから解析できない」 工場「データとるのどんだけ大変だとおもってんねん!」 となる可能性が高いです。結局、本部だけに推進グループを設置するのは不十分で、工場にメインの担当チームを置かないとダメなんですよね。本部にグループ設置すること自身はいいことだと思いますが、本部だけでうまくいくなんてありえないのではないかと。 買い物だけでは不十分、プログラミングレベルの全体の底上げが必要 あとありがちなのが、買い物で済ませようってのも多くあると思います。やれTableauだ、やれDataRobotだ、そのほかにもDataSpiderやSensorCorpusなど高い買い物して「うちはAI/IoTやってる」と満足しているパターン。これって使いこなせないという意味で本当にもったいないと思います。日々の製造で活用するにはカスタマイズが必要で、どこかで自分でコード書く必要があります。この必要性を理解せずにツールを買っても片手落ちってものだと思います。 既存のIT担当者はむしろ障壁になることも 3つのなかでこれを一番いいたい。バブルの時代に建てられた工場なんかだともう30年近く経っています。うちの工場もそれくらいなのですが、こういった工場にありがちなのがシステムのレガシー化です。どんな感じかというと、例えばうちの工場ではOracleを使っているのですが、SQLでデータベースに接続すると怒られます。 既存のIT担当「接続して不安定になったらどうするんだ」 「・・・・」

【まったく新しい最高のブラウザ】Braveブラウザでインターネットの仕組みとありかたを変えよう。

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

これはただのプラグインではありません。Louis Armstrong によって歌われた最も有名な二つの単語、Hello, Dolly に要約された同一世代のすべての人々の希望と情熱を象徴するものです。 これはただの記事ではありません。Robert E. Kahnによって歌われた開かれたインターネットへのすべての人々の希望と情熱を象徴するものです。 概要 この記事ではBraveブラウザについて説明します。Braveブラウザを使えば広告なしでYoutubeを閲覧できたり、サイトを見るとお金がもらえたりします。また、Adsenseに代わりWebサイトやTwitterを収益化できるブラウザでもあります。しかしそれだけではなく 1. (Googleの無料サービスに定義された)インターネットの仕組みを変える 2. コンテンツ製作者に適切に報いる ことを目的とする従来とは全く異なるパラダイムから生まれたブラウザです(製作者はJavaScriptの生みの親で元MozillaCEOのアイク氏です)。 そこで、クリエータとして収益化する方法とWebサイトを閲覧してお金をもらう方法をメインで説明しつつ、Braveブラウザの背景や理念などについても紹介します。インターネットの仕組みを変えようとする非常に面白い取組みで、インターネットを使う人なら誰でも関わりのある話だと思いますのでぜひご覧ください。 構成 ・Braveブラウザとはなんぞや ・クリエータの収益化の設定方法 ・ユーザとして収益化の設定方法

  • アプリ開発をイメージさせる写真

Ionic(Angular)のフォルダ構成を完全解説

10月 5th, 2021|個人でアプリ開発頑張った|

Ionicのフォルダ構成について Ionicで作成したプロジェクトは下記のような構造になっています。 directory かなり複雑で、最初に見たときは戸惑うかもしれません。実際に触るのはsrc/appフォルダがほとんどになりますが、他のフォルダを含めて解説したいと思います。 ルートフォルダについて 名前 説明 e2e/ システム全体の動作検証を行うE2Eテストの際に利用します。最初はほとんど触りません node_modules/ node.js上で動くため、package管理ソフトにnpmを使うことになりますが、npm経由でインストールしたライブラリが保存されます src/ 実際に開発を行う場所です。9割このフォルダを触ります。 angular.json Angularの設定ファイルです。フォルダの出力先などビルドを中心にした設定はここで行います。 package.json 実際にプロジェクトで使用するライブラリを指定します package-lock.json package.jsonで指定したものが入っているか確認します。エラーの時にたまにいじります したがって、基本的にはsrcだけをいじると考えておいて差し支えないと思います。

  • アプリ開発をイメージさせる写真

個人・少人数のシステム開発にはAngularがオススメ

10月 5th, 2021|個人でアプリ開発頑張った|

Angularとは GoogleのドキュメントやGCPで使われているAngularは、Googleが中心開発している JavaScript フレームワークです。AngularJSと混同されていている方もいらっしゃいますが、AngularJSのメリットを生かしたまま互換性のない形で生まれ変わったのがAngularです。Angularは、SPA (Single Page Application)と呼ばれる技術を用いて、従来のWebでは実現できなかった機能を提供する技術です。イメージ的には、従来のWebページよりアプリケーションよりのものを作りやすくなると感じています SPAの特徴 最近、従来のWeb技術では考えられなかったようなサイトが増えてきています。たとえば、オフラインでも動作するWebページやGoogleのドキュメントのように同じURLなのに検索ワードによって違う内容が表示されるページなどです。SPA (Single Page Application)ではindex.htmlだけを読み込み、そのあとはDOMの操作をフロントエンドで行って擬似的な遷移を行っています。これによりオフラインでも画面遷移ができたり、検索クエリによって動的にページを書き換えたりといったことができます。 SPAフレームワークにおけるAngularの特徴 SPAのフレームワークはいくつかあります。Facebookの開発しているReact.jsなどが有名ですが、個人的にはReact.jsよりも断然Angularがおすすめです。Reactが最小限の本体とサードパーティのライブラリで構成されているのに対して、Angularは開発に必要な機能をすべて盛り込んだフルスタックです。開発に必要なデータバインディング、フォームバリデーション、非同期通信、ルーティング、テスタビリティ、セキュリティへの配慮など、一通りの機能がすべてあらかじめ用意されているので、Angular を選択することでコーディングに集中できます。ライブラリが複数あるとどれを使えばいいのか迷いますしライブラリ間の依存関係などを気にする必要が出てくると思いますが、そういった懸念から解放されコーディングに集中できることがAngularのメリットだと考えています。個人的にはAngularは「控えめにいって最高」のフレームワークです。 クロスプラットフォームなのもよい わたしは個人でシステム開発をしているのですが、iOS用にSwiftで、Android用にKotlinで、そしてWeb用にJavaScriptで開発をしていたらいくら時間があってもたりません。そこで一つのソースコードでさまざまなプラットフォームで動作すればありがたいわけです。そこでクロスプラットフォームの仕組みとして「Ionic 」「Cordova」「NativeScript」「React Native」Electron」「Capacitor」「Xamarin」「Unity」などが候補にあがるわけですが、Angularは「Capacitor」というMacデスクトップアプリ、Windowsデスクトップアプリ、Web、iOS, Androidに出力できるこれまた最高のフレームワークと組み合わせることができます。したがって、Angularは効率的にプロジェクを作成し、それを複数のプラットフォームに同時に出力できるという夢のような生産性を実現するフレームワークです。 AngularJSとの非互換性について

  • Episode 7: Qualify Your Clients

SBI FXトレードで出金指示をした際、受付完了連絡が来ない

10月 5th, 2021|未分類|

スマホからSBI FXトレードで出金指示をした際、画面から預託金残高はすぐに減りますが、メールも来ないし履歴も残りません。極めてひどいUIだと思います。ここではSBI FXトレードの出金の流れを記載します。 普通、出金指示を行った時点で出金依頼を受けつけたメールが来て、その後出金が完了した旨が通知される流れを想定すると思います。OANDAではこのようにされますし、当然こう言った流れが適切だと思います。しかし、SBI FXトレードで出金をすると、画面から預託金残高はすぐに減りますが、メールも来ないし履歴も残りません。ちゃんとシステムが受け付けてるのか心配になります。 自分の一例 私は出金依頼を11月11日の夜にしました。その際、実際に出金確定メールが来たのは11月13日9時でした。出金した額が自分的には大きな額だったので連絡が来るまで冷や冷やものでした。本当にひどいものです。 公式サイトのFAQ 公式サイトの「出金依頼をしてからどのくらいで振り込まれますか?」という質問にはこのような回答となっています。 「取引終了時間までにご依頼された場合、通常時は翌営業日にお振込みします。 ただし、何等かの事象が発生した場合に備え、出金依頼された日から4営業日以内(※土日祝は営業日ではございません)のお振込みを原則とさせていただきます。」 時間差はいいとして、出金指示の受付メールが来ないことは改善されることを望みます。みなさん不安になると思うので記事にさせていただきました。

  • Episode 7: Office Essentials

Xserverのメールを他のメールソフトで見られるようにする

10月 5th, 2021|IT|

ここでは、Xserverのメールを他のメールソフトで見られるようにする方法として、iPhoneのGmailで設定する方法を紹介します。 手順 Gmailを起動して、右上の自分のアイコンをクリックします。このような画面になります。 そしたら、「別のアカウントを追加」を押下します。 その他(IMAP)をタップし、そこで登録したいメールアドレスを入力します。 さらにボタンを押すと、下記の画面になり、ここでサーバとパスワードを入力します。これは受信サーバと送信サーバの両方が必要になり、最初に表示されるのは受信サーバです。 パスワードとサーバ名を入力します。 パスワードはXserverの管理画面からメールアドレスを発行する際に、メールアドレス に対して発行するものなのでもしこれがわからない場合は作り直すか作った人に聞くしかありません。 後サーバー名を入れて終わりです。ポート番号は基本的には既に入力されているはずですが、変える場合は下記を参照してください。 POP/IMAPサーバー名 (ホスト名) 設定完了メールに記載されている「メールサーバー」を入力してください。※サーバーパネル内「サーバー情報」に記載の“ホスト名”と同一です。例)sv***.xserver.jp SMTPサーバー名 (ホスト名) 設定完了メールに記載されている「メールサーバー」を入力してください。※サーバーパネル内「サーバー情報」に記載の“ホスト名”と同一です。例)sv***.xserver.jp ユーザー名 (アカウント名) メールアカウントの追加にて設定したメールアドレス(ドメイン名を含む)を入力してください。 例)user@example.com

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Oandaを解約して口座を作り直す方法

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

OandaのAPIを使いたいのですが、私が作った3年前と現在ではAPIのバージョンが異なります。昔のバージョンのときに作成し、現在は動作しなくなってしまいました。いろいろ頑張ったのですがラチがあかないので、古い口座を解約し、新しいものを作り直すという強硬手段に出ることにしました。 ここでは、その時の注意事項などについてまとめたいと思います。 Oanda APIでエラーが出る まず、問題なのはこのエラーです。適当に最近のレートを取得しようとするとこのようなエラーがでます。 Error: {"errorMessage":"Insufficient authorization to perform request."} デモ口座だとうまくいくのに本番環境ではうまくいきません。日本法人に問い合わせると、APIは管轄外なので米国の本社に聞いて欲しいと言われます。しかし、そこに聞いても結局解決しませんでした。 解決策 いろいろ情報を探して https://developer.oanda.com/rest-live-v20/troubleshooting-errors/ https://stackoverflow.com/questions/63822473/v20error-errormessageinsufficient-authorization-to-perform-request などを見ましたが解決せず。また、ログイン後の画面がこのようになっており、accout IDの後にV20と表示されていないのでV20に対応していないのかと思ったのですがそういうわけでもないようです。 Screenshot デモ口座だとこのようにV20と表示されてるんですけどね。

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

USキーボードのMacに外付けのJISキーボードを取り付けたらどうなる?

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

MacBookを使っているのですが、タイピングしにくいので外付けのキーボードを取り付けることにしました。Windowsなら何も考えずに購入できたのですが、実際お店に行ってみると Macに外付けキーボードをつけて安定して動くのか USキーボードのMacを使っているのだが、外付けキーボードはUSキーボードである必要があるのか 心配になりました。上記について、購入して試した結果をまとめたいと思います。 Macに外付けキーボードをつけて安定して動くのか Mac対応と書いてあるものなら普通に動きそうです(Elecomとか)。栄のビックカメラで買ったのですが、5種類ほど選べました。形状が凝ったものだとWindowsのみの対応だったりしましたが、まぁ基本的なものであれば普通に売っている感じです。純正のキーボード高いですから、サードパーティ製で対応したいものです。 USキーボードのMacを使っているのだが、外付けキーボードはUSキーボードである必要があるのか JISキーボードで問題ありません。普通にキーボードの配列通りに打てます。安めのMac対応の外付けのUSキーボードが売っているはずもなく、US配列であることは諦めていたので、一番うちやすかったのでElecomのTK-FBP101BKというものを買いました。 打ちやすかったのはパンタグラフ式という構造のせいらしいです。Macとは正反対の印象です。快適に使えますし、気分転換にもなるので気に入りました。 https://www.elecom.co.jp/products/TK-FBP101BK.html

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

curlコマンドでHTMLのformでの画像送信を代替する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

curlコマンドでHTMLのformでの画像送信を代替する方法です。 curlコマンドを打つときの場所にna18_1920x1080_221804.jpgと言う画像を置いた場合です。 結論 url -X POST -F 'image=@./na18_1920x1080_221804.jpg' http://127.0.0.1:5000/ --insecure 追加 ヘッダー情報とかクエリパラメータを引き渡したい場合はこちら。 curl -X POST -H 'Host:some_destination.com.' -H 'Authorization:something' -F

製造業において、Pythonに加えてWebも活用して飛躍しよう

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

最近、製造業におけるPythonの導入が進んでます。自動化やアプリケーション制作に便利ですし、今後もこの勢いは止まらなそうです。 ところが、私は実務担当として工場でPythonを導入して5年になるのですが、近年はWeb技術を使用することが多くなりました。Pythonを使い始めた当初、Web技術と言えばHTMLとCSS?データ分析メインの俺にはあんまり関係ないよね?と思っていました。でも、実務を行う中でPythonとWeb技術の相性が非常に良いことに気付き、最近はWebとPythonを半分ずつ使っています。 記事の内容 この記事では、とある工場で働くエンジニアがWeb技術の重要性について発見したことを書きたいと思います。おそらく、最近の空気は、製造業でもPythonは役に立つが、Webは分野が違うので関係ないという感じだと思います。でも、私はWeb技術があってこそPythonが100%生かせるのではないかと思っています。ある工場でPythonを導入した結果、Web技術の(意外な?)重要性について発見したことを共有したいと思います。 構成 構成としては ・製造業におけるPythonの使い所を整理し、 ・Web技術の重要性について 述べたいと思います。 製造業におけるPythonの使い所 少し冗長ですが、そもそも製造業のおけるPythonの使い所として主に下記の3つがあると感じています。 ・データ整形や業務の自動化 ・高度なデータ分析 ・業務アプリの制作(AIアプリ制作含む) 1.データ整形や業務の自動化 まず一つ目です。工場だと、製造に必要なファイルはエクセルで管理されていることが多いと思います。そして、どこかのフォルダに入っているデータをそのエクセルにコピペして行う集計作業も多いと思います。Pythonの使い所として最初に出てくるのがこの作業の自動化です。csvで管理されているデータならPandasで読み込めますし、Excelも操作できるので集計作業を一瞬で終わらせることができます。Pythonは汎用プログラミング言語ですので、PC上で行う「手順の決まった繰り返し作業」であれば、原理的にはすべて自動化できるというのは心強いです。 2.高度なデータ分析 二つ目が高度なデータ分析です。研究系で使用される方はこの用途が多いのではないかと思います。当然オフラインで行うこともできるのですが、うまくやれば高度な分析も自動化できます。 つまり、一般的には 最初はオフラインで工場からデータをもらう

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【保存版】Flaskで画像を操作する際の6パターンを書き分ける

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

Flask上で画像を操作する際のソースコードのパターンについてですが、 画像の生成元をどうするかというもので3パターン、画像の最終的な処理方法をどうするかというもので2パターンで(組み合わせで)合計6パターンがあると思います。Flaskで画像処理を実装しようとするとこれらを書き分ける必要がありますのでそれについて記載します。 画像の生成元の3つとは HTMLからFlaskで立てたURLへ直接画像がアップロードされる場合、 Flaskの関数の中でmatplotlibなどで生成する場合、 クラウドないしはローカルフォルダなどに保存されている画像を読み込んでくる場合 の3つです。 最終的な処理方法として2つあるというのは、 画像をクラウドないしはローカルフォルダなどに保存する場合と クライアント側へ画像をreturnする場合 の2つです。メタ情報だけ抽出して文字列で返す場合などもあると思いますが、これはJSONなどでリターンすればOKなので上記6パターンで対応できると思います。 Flaskで画像を操作したいと思うと、この6パターンについてソースコードを書き分ける必要があり、かなり大変です。 しかし、幸いなことに、画像をどこかに保存する場合とクライアント側へ返す場合については画像をメモリ上でBlob形式であらかじめ保存することができれば同時に対応できますので、事実上かき分けなければならないのは3パターンとなります。 この記事では、画像をメモリ上でBlob形式で書き出すコードを使いながらこの3パターンについて整理したいと思います。 なお、ここでは処理後の画像の保存先としてGoogle Cloud Storageを利用した例で説明しますが、適宜AWSのS3、ローカルのフォルダの場所などと読み替えて下さい。今回記載するサンプルコードは下記の3つです。 1. 画像をFlaskの関数内で生成し、メモリ上でBlob形式で保存したのちにGCSへ保存しクライアント側へ返す 2.

  • アプリ開発をイメージさせる写真

AngularでWebAPIからblob形式で返された画像データを取得する方法

10月 5th, 2021|個人でアプリ開発頑張った|

フロントエンドアプリケーションフレームワークであるAngular(Ionic)を使って、非同期通信で画像を読み込む方法をサンプルアプリとして紹介します。動作確認用にPythonで作成したバックエンドコード付きです。 Angularの場合、非同期通信を実装するにはHttpClientModuleをapp.module.tsに追加して、tsファイルで呼び出して使うだけです。画像の場合は、さらにresponseTypeに'blob'形式を指定し、DomSanitizerでサニタイズして読み込みます。HTML側は<img [src]=imageUrl>で行けます。 AngularはReactと異なりフルスタックなので、この辺の安心感があります。 参考にしたサイト stackOverflow ソースコード githubはこちら 解説 app.module.ts app.module.tsに import { HttpClientModule } from '@angular/common/http'; を追加します。importするのも忘れずに import {

  • アプリ開発をイメージさせる写真

Angular(Ionic)で非同期通信を実装する

10月 5th, 2021|個人でアプリ開発頑張った|

フロントエンドアプリケーションフレームワークであるAngular(Ionic)で非同期通信を実装する方法をサンプルアプリとして紹介します。動作確認用にPythonで作成したバックエンドコード付きです。 Angularの場合、非同期通信を実装するにはHttpClientModuleをapp.module.tsに追加して、tsファイルで呼び出して使うだけです。AngularはReactと異なりフルスタックなので、この辺の安心感はReactにはるかに勝ると思います。 Angular公式サイトの説明 ソースコードの素性 ソースコードの素性ですが、Ionic(Aunglar)のblankアプリから実装しました。なお、バックエンドのサンプルコードも作成しましたが、こちらはPythonのFlaskを使っています。Flaskでホスティングした http;//127.0.0.1:5000 のURLを叩いてデータを取ってくるアプリです。 GitHubにコードあげたのでそのまま動作確認できると思います。 環境 フロントエンド Angular CLI: 10.0.5 Ionic CLI : 6.10.0 Node: 12.18.0 バックエンド

  • アプリ開発をイメージさせる写真

Adsenseの住所確認の日数と手順について

10月 5th, 2021|個人でアプリ開発頑張った|

Google Adsenseでは、収益が1000円程度を超えると住所確認のために郵送でPINコードが発送されます。振り込み準備に向けて、これに印字された6桁の番号をAdsenseのHPで入力し、住所が正しいことを認証伝えておく必要があります。記載された通りに実施するとうまくいきませんので、この方法について解説します。 Adsenseからメールが届きます 収益が一定を超えると、Adsenseからメールが届きます。 Screenshot AdSense でお知らせいただいたお支払い先住所宛に、個人識別番号(PIN)を記載したハガキを 11月 18, 2020 付で発送いたしました。 ハガキが届きましたら、このメールにある [住所を確認する] をクリックし、AdSense のホーム画面で PIN をご入力ください。あるいは AdSense アカウントにログインして、ホーム画面で直接、同じ手順を行っていただくこともできます。 重要: この

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIでローソクを取得

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってローソクチャートを取得する方法について記載します。ローソクの長さ、取得データの種類、取得期間の指定方法なども含めて記載します。 oandapyV20では、PricingInfoというクラスで/v3/instruments/{instrument}/candlesをGet通信で叩いています。 ドル円のローソクチャートを取得基本のコードはこちらです。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import PricingInfo from oandapyV20.exceptions

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIで価格をStreaming配信で取得する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってStreaming配信でリアルタイムに価格を取得する方法について記載します。 Streaming配信は非常に便利であるものの、最大で250msごとのデータしか提供されませんので急激な値動きまで把握できるわけではない事に注意が必要です。公式では「1秒間に4回のウィンドウを作成し、それぞれのウィンドウの最後で有効な値を返す」という記載があります。詳細は記載されていないものの、250ms程度のデータであること、アカウントごとにデータを生成するので、すべての人に同じデータが配信されるわけではない事に留意が必要です。 ストリーミング配信は/v3/accounts/{accountID}/pricing/streamにGet通信でアクセスする事で提供されます。 oandapyV20を使った基本のコードはこちらです(ドル円の価格を取得)。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import PricingInfo from

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIでオーダブック、ポジションブックを取得する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってオーダブック、ポジションブックを取得する方法について記載します。 oandapyV20では、オーダーブックをとるためにはoandapyV20.endpoints.instrumentsのInstrumentsOrderBookというクラスで/v3/instruments/{instrument}/orderBookをGet通信で叩きます。 ポジションブックの場合は、oandapyV20.endpoints.instrumentsのInstrumentsPositionBookというクラスで/v3/instruments/{instrument}/positionBookをGet通信で叩きます。 いずれの場合もparamsで指定できるパラメータはinstrumentとtimeだけです。instrumentは必須引数ですが、timeは指定しない場合は最新が返されます。timeだUNIXTIMEを文字列型で渡します。最新を取りたい場合は、paramsは{}でいいと思います。 オーダーブックもポジションブックもほとんど同じなので、今回はオーダブックで説明したいと思います。 ドル円の最新のオーダーブックを取得するコードはこちらです。ポジションブックを見たい場合はInstrumentsPositionBookを使ってください。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Macで最も簡単なnode.jsのインストール方法

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

日本ではhomebrewでインストールする方法ばかりが紹介されていますが、海外ではほとんど情報がなくマイナーな方法です。node.jsの公式からダウンロードしてインストールする方法が多く紹介されていますが、こちらの方が簡単なので今回はその方法を紹介します。 installerを公式から落とす https://nodejs.org/en/にアクセスしてinstallerをダウンロードします。 LTSと書いてあるものがサポートの長い安定版です。 ダウンロードしたら、ファイルをクリックして起動させます。 途中、インストール先が表示されるのでメモっておきます。あとは画面の指示に従って進みます。完了したらインストーラはゴミ箱に移動していいですかと聞かれます。これが表示されたらもうこれだけでインストール完了です。 動作確認 ターミナルで下記のように打ち込んでバージョンが表示されたらOKです。 % node -v v14.15.1 もしバージョンが表示されない場合、下記のコマンドを打って現在のパスを通している場所を表示させ、インストーラで保存先に指定していた場所が入っているかどうかを確かめます。 % echo $PATH /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 簡単なプログラムを書いてみる node.jsがちゃんと動作しているか簡単なコマンドで調べてみます。 %

  • アプリ開発をイメージさせる写真

Macにionicをインストールしてサンプルプロジェクトを作成する

10月 5th, 2021|個人でアプリ開発頑張った|

クロスプラットフォームアプリケーションのフレームワークであるIonicをMacにインストールする方法について紹介します。 まず、node.jsをインストールする必要があります。インストールしていない方はこちらに最も簡単なインストール方法を記載していますのでご覧ください。 https://np-sys.com/macでnode-jsをインストールする/ インストール方法 npm経由でのインストールとなりますので、sudo npm install -g @ionic/cliコマンドを打ちます。 % sudo npm install -g @ionic/cli Password: ⸨ ░░░░░░░░░░░░░░░⸩ ⠇ loadDep:yallist:

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Macの環境設定の備忘録

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

データ分析とWebアプリ開発をしているエンジニアのMacの設定方法です。Mac book Pro 2019,2020でそれぞれBig SurとCataliaにて設定したものを備忘録として書いたものです。 CapsLockでの英語/日本語の切り替え スクロール方向の切り替え スクリーンショットの拡張子変更 aliasの設定 一般ソフト(Chrome,Gimp,FileZilla,Atom,VScode)のインストール Tableau Publicのインストール node.jsのインストール Ionicのインストール Xcodeのインストール CocoaPodのインストール Pythonのインストール GitHubのssh設定 CapsLockでの英語/日本語の切り替え CapsLockで英語/日本語の切り替えができるようにします。

  • アプリ開発をイメージさせる写真

MacのXcodeのデベロッパーライセンスを更新するときにやること

10月 5th, 2021|個人でアプリ開発頑張った|

Xcodeのデベロッパーライセンスを更新するときにやることをまとめておく。 まず、Appleからライセンス切れる旨を伝えるメールが来るので購入する。 次に、Apple Developerにログインして、Certificates&Identifiers & ProfilesのDevicesを選ぶ。 Continueを選ぶ。下記のようにデバイスリストを最新にしてくださいというメッセージが表示される。 Now that you've started a new membership year, make sure your device list

  • アプリ開発をイメージさせる写真

新しいMacでXcodeの証明書を引き継ぐ

10月 5th, 2021|個人でアプリ開発頑張った|

新しいMacでXcodeでアプリ開発をするための設定についてまとめます。 以前のMacは必要なく、新しいMacだけで完結します まず、ブランクのアプリを作ってみることから始めます。そうすると、Signing&Capabilityの部分でTeamを選べない問題に直面します。 そこで、これをまず解決する必要がりますので、Add an Accountというボタンを押して、Apple IDでサインインします。 そうすると、一応ビルドはできるようになります。しかし、そのままだとCodeSignの「キーチェーンログインのパスワードを入力してください」でパスワードを繰り返し求められて先に進みませんでした。 そこで、https://developer.apple.comからApple Developerにサインインして証明書をダウンロードしました。 ここで、該当するProfileをダウンロードしてダブルクリックしたら、動作するようになりました。 こんなに簡単だったっけって感じです。。あとで落とし穴がないか怖いです。

The Designer Show

The Designer Show

View Full Series
Subscribe
  • アプリ開発をイメージさせる写真

Angularでfirestoreのコレクションからデータ一覧を取得する

10月 5th, 2021|個人でアプリ開発頑張った|

概要 Angular2以降でfirestoreのコレクションからデータ一覧を取得する方法。 読み込む コレクションに対して、valueChanges()をsubscribeする。valueChanges()ってなんだ。。 import { Component, ViewChild } from '@angular/core'; import { AuthService } from '../auth/auth.service'; import { AngularFirestore

  • おいしい生活

エキサイトモバイル WiFiとWiMAXの比較。エキサイトの契約から初期契約解除に至るまでの経緯

10月 5th, 2021|LIFE|

三重県でNP-Systemsという個人事務所をやっています。 WiMAXを3年使っていたのですが、住んでいる場所では回線が不安定なのでエキサイトモバイルWifiを契約してみました。Docomo回線を使用しているということで安定していそうだったので。ただ、結果的にWiMAX継続でエキサイトモバイルWifiは初期契約解除に至りました。契約の流れ、回線速度、初期契約解除の流れなどをレポートしたいと思います。 概要 エキサイトモバイルWifiは、2020年10月からサービスが開始された新しいWiFiサービスで、Docomo回線を利用しているというのが一番の特徴だと思います。 ドコモ4G/LTE回線のデータ通信専用SIM(物理SIM)を採用 速度制限時でも最大700kbpsでデータ通信が使い放題 毎月のデータ通信容量は使い放題で3980円 ということがHPには記載されています。WiMAXが住んでいる三重県だだと結構不安定だったので、Docomo回線なら安定しているだろうということで契約してみました。値段も安くなりますしね。 ただ、結論を言うと初期契約解除に至りました。 Docomo回線だけあって、確かに回線は常に安定 しかし、速度は0.8Mbpsしかでない(え?いつも速度制限なみでは、、でもブースト機能あります) 上りは30Mbpsで高速 と言うことで解約に至りました。 回線速度は遅い代わりに、ブースト機能(https://www.kashi-mo.com/media/50035/)があるようで接続の最初に30Mbps程度が出ます、なのでWebページの閲覧は非常に早く感じます。値段が安いなりの工夫ですね。しかし読み込みたいものがブーストで読み込めない場合は多少待つことになります。また、動画についてはある程度バッファする必要があるのですが、これもブーストで対応できないのでものすごくスムーズと言うわけではないです。 ただ、上りは非常に安定していて、30Mbps程度は出ます。上りが速いのはいいですね。WiMaxだとよくて1,2Mbps程度なので。Docomoなので屋内や地下などでも使えるのでは? 契約してから商品が届くまで 契約から商品が届くまでの流れです。 火曜日の22時ごろに契約申し込み。申し込み確認のメールを即受信。 4日後にSIMとモバイル端末を別々に発送すると連絡。実際は到着予定日に合わせてメールがくる。 木曜日の朝9時に両方到着

現場からの報告。製造業でAI/IoTを活用するために必要だと思うこと

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

製造業に勤めるエンジニアから見た製造業でAI/IoTを活用するために必要だと思うことです。 はじめに 「2025年の崖」と言われているように、製造業にとってデジタルトランスフォーメーションが喫緊の課題となっております。新興国が品質とコストで猛追するなか、工場にいて日本の厳しさを感じるんですよね。 もはや「日本の品質って本当にいいの?」って思ってしまいます(まぁうちの工場だけかもしれないけど!)。 とはいえ人口減少する日本にとって、高付加価値品の製造が必要なのは明白であり、特にAI/IoTというのはその大きな試金石となっていると思います。いちメーカでAI/IoT担当(かっこ笑いw)をしている身から現場の感覚をお伝えできればと思います。 言いたいことは下記の3点です。 ・本部機構にだけAI・IoT推進課を作っても無駄 ・買い物だけでは不十分、プログラミングレベルの全体の底上げが必要 ・既存のIT担当者は障害になる場合も 本部機構にだけAI・IoT推進課を作っても無駄 大企業で多いのは、工場とは離れた本部機構にAI/IoTの専門部署を作ることですよね。これ、本部だけに作るとうまくいかないパターンだと思います。というのは、AIを活用していくにあたって重要なのは、質のいいデータと現場にカスタマイズされたソフトだと思います。その点、本部にいる人が工場の既存のデータもよくわからないまま新しいデータを取るのって至難の技だと思います。加えて、新しくデータを取り始めたとしても日々起こるトラブルにすぐ対処できず工場任せにするようだと 本部「いいデータが上がってこないから解析できない」 工場「データとるのどんだけ大変だとおもってんねん!」 となる可能性が高いです。結局、本部だけに推進グループを設置するのは不十分で、工場にメインの担当チームを置かないとダメなんですよね。本部にグループ設置すること自身はいいことだと思いますが、本部だけでうまくいくなんてありえないのではないかと。 買い物だけでは不十分、プログラミングレベルの全体の底上げが必要 あとありがちなのが、買い物で済ませようってのも多くあると思います。やれTableauだ、やれDataRobotだ、そのほかにもDataSpiderやSensorCorpusなど高い買い物して「うちはAI/IoTやってる」と満足しているパターン。これって使いこなせないという意味で本当にもったいないと思います。日々の製造で活用するにはカスタマイズが必要で、どこかで自分でコード書く必要があります。この必要性を理解せずにツールを買っても片手落ちってものだと思います。 既存のIT担当者はむしろ障壁になることも 3つのなかでこれを一番いいたい。バブルの時代に建てられた工場なんかだともう30年近く経っています。うちの工場もそれくらいなのですが、こういった工場にありがちなのがシステムのレガシー化です。どんな感じかというと、例えばうちの工場ではOracleを使っているのですが、SQLでデータベースに接続すると怒られます。 既存のIT担当「接続して不安定になったらどうするんだ」 「・・・・」

【まったく新しい最高のブラウザ】Braveブラウザでインターネットの仕組みとありかたを変えよう。

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

これはただのプラグインではありません。Louis Armstrong によって歌われた最も有名な二つの単語、Hello, Dolly に要約された同一世代のすべての人々の希望と情熱を象徴するものです。 これはただの記事ではありません。Robert E. Kahnによって歌われた開かれたインターネットへのすべての人々の希望と情熱を象徴するものです。 概要 この記事ではBraveブラウザについて説明します。Braveブラウザを使えば広告なしでYoutubeを閲覧できたり、サイトを見るとお金がもらえたりします。また、Adsenseに代わりWebサイトやTwitterを収益化できるブラウザでもあります。しかしそれだけではなく 1. (Googleの無料サービスに定義された)インターネットの仕組みを変える 2. コンテンツ製作者に適切に報いる ことを目的とする従来とは全く異なるパラダイムから生まれたブラウザです(製作者はJavaScriptの生みの親で元MozillaCEOのアイク氏です)。 そこで、クリエータとして収益化する方法とWebサイトを閲覧してお金をもらう方法をメインで説明しつつ、Braveブラウザの背景や理念などについても紹介します。インターネットの仕組みを変えようとする非常に面白い取組みで、インターネットを使う人なら誰でも関わりのある話だと思いますのでぜひご覧ください。 構成 ・Braveブラウザとはなんぞや ・クリエータの収益化の設定方法 ・ユーザとして収益化の設定方法

  • アプリ開発をイメージさせる写真

Ionic(Angular)のフォルダ構成を完全解説

10月 5th, 2021|個人でアプリ開発頑張った|

Ionicのフォルダ構成について Ionicで作成したプロジェクトは下記のような構造になっています。 directory かなり複雑で、最初に見たときは戸惑うかもしれません。実際に触るのはsrc/appフォルダがほとんどになりますが、他のフォルダを含めて解説したいと思います。 ルートフォルダについて 名前 説明 e2e/ システム全体の動作検証を行うE2Eテストの際に利用します。最初はほとんど触りません node_modules/ node.js上で動くため、package管理ソフトにnpmを使うことになりますが、npm経由でインストールしたライブラリが保存されます src/ 実際に開発を行う場所です。9割このフォルダを触ります。 angular.json Angularの設定ファイルです。フォルダの出力先などビルドを中心にした設定はここで行います。 package.json 実際にプロジェクトで使用するライブラリを指定します package-lock.json package.jsonで指定したものが入っているか確認します。エラーの時にたまにいじります したがって、基本的にはsrcだけをいじると考えておいて差し支えないと思います。

  • アプリ開発をイメージさせる写真

個人・少人数のシステム開発にはAngularがオススメ

10月 5th, 2021|個人でアプリ開発頑張った|

Angularとは GoogleのドキュメントやGCPで使われているAngularは、Googleが中心開発している JavaScript フレームワークです。AngularJSと混同されていている方もいらっしゃいますが、AngularJSのメリットを生かしたまま互換性のない形で生まれ変わったのがAngularです。Angularは、SPA (Single Page Application)と呼ばれる技術を用いて、従来のWebでは実現できなかった機能を提供する技術です。イメージ的には、従来のWebページよりアプリケーションよりのものを作りやすくなると感じています SPAの特徴 最近、従来のWeb技術では考えられなかったようなサイトが増えてきています。たとえば、オフラインでも動作するWebページやGoogleのドキュメントのように同じURLなのに検索ワードによって違う内容が表示されるページなどです。SPA (Single Page Application)ではindex.htmlだけを読み込み、そのあとはDOMの操作をフロントエンドで行って擬似的な遷移を行っています。これによりオフラインでも画面遷移ができたり、検索クエリによって動的にページを書き換えたりといったことができます。 SPAフレームワークにおけるAngularの特徴 SPAのフレームワークはいくつかあります。Facebookの開発しているReact.jsなどが有名ですが、個人的にはReact.jsよりも断然Angularがおすすめです。Reactが最小限の本体とサードパーティのライブラリで構成されているのに対して、Angularは開発に必要な機能をすべて盛り込んだフルスタックです。開発に必要なデータバインディング、フォームバリデーション、非同期通信、ルーティング、テスタビリティ、セキュリティへの配慮など、一通りの機能がすべてあらかじめ用意されているので、Angular を選択することでコーディングに集中できます。ライブラリが複数あるとどれを使えばいいのか迷いますしライブラリ間の依存関係などを気にする必要が出てくると思いますが、そういった懸念から解放されコーディングに集中できることがAngularのメリットだと考えています。個人的にはAngularは「控えめにいって最高」のフレームワークです。 クロスプラットフォームなのもよい わたしは個人でシステム開発をしているのですが、iOS用にSwiftで、Android用にKotlinで、そしてWeb用にJavaScriptで開発をしていたらいくら時間があってもたりません。そこで一つのソースコードでさまざまなプラットフォームで動作すればありがたいわけです。そこでクロスプラットフォームの仕組みとして「Ionic 」「Cordova」「NativeScript」「React Native」Electron」「Capacitor」「Xamarin」「Unity」などが候補にあがるわけですが、Angularは「Capacitor」というMacデスクトップアプリ、Windowsデスクトップアプリ、Web、iOS, Androidに出力できるこれまた最高のフレームワークと組み合わせることができます。したがって、Angularは効率的にプロジェクを作成し、それを複数のプラットフォームに同時に出力できるという夢のような生産性を実現するフレームワークです。 AngularJSとの非互換性について

  • Episode 7: Qualify Your Clients

SBI FXトレードで出金指示をした際、受付完了連絡が来ない

10月 5th, 2021|未分類|

スマホからSBI FXトレードで出金指示をした際、画面から預託金残高はすぐに減りますが、メールも来ないし履歴も残りません。極めてひどいUIだと思います。ここではSBI FXトレードの出金の流れを記載します。 普通、出金指示を行った時点で出金依頼を受けつけたメールが来て、その後出金が完了した旨が通知される流れを想定すると思います。OANDAではこのようにされますし、当然こう言った流れが適切だと思います。しかし、SBI FXトレードで出金をすると、画面から預託金残高はすぐに減りますが、メールも来ないし履歴も残りません。ちゃんとシステムが受け付けてるのか心配になります。 自分の一例 私は出金依頼を11月11日の夜にしました。その際、実際に出金確定メールが来たのは11月13日9時でした。出金した額が自分的には大きな額だったので連絡が来るまで冷や冷やものでした。本当にひどいものです。 公式サイトのFAQ 公式サイトの「出金依頼をしてからどのくらいで振り込まれますか?」という質問にはこのような回答となっています。 「取引終了時間までにご依頼された場合、通常時は翌営業日にお振込みします。 ただし、何等かの事象が発生した場合に備え、出金依頼された日から4営業日以内(※土日祝は営業日ではございません)のお振込みを原則とさせていただきます。」 時間差はいいとして、出金指示の受付メールが来ないことは改善されることを望みます。みなさん不安になると思うので記事にさせていただきました。

  • Episode 7: Office Essentials

Xserverのメールを他のメールソフトで見られるようにする

10月 5th, 2021|IT|

ここでは、Xserverのメールを他のメールソフトで見られるようにする方法として、iPhoneのGmailで設定する方法を紹介します。 手順 Gmailを起動して、右上の自分のアイコンをクリックします。このような画面になります。 そしたら、「別のアカウントを追加」を押下します。 その他(IMAP)をタップし、そこで登録したいメールアドレスを入力します。 さらにボタンを押すと、下記の画面になり、ここでサーバとパスワードを入力します。これは受信サーバと送信サーバの両方が必要になり、最初に表示されるのは受信サーバです。 パスワードとサーバ名を入力します。 パスワードはXserverの管理画面からメールアドレスを発行する際に、メールアドレス に対して発行するものなのでもしこれがわからない場合は作り直すか作った人に聞くしかありません。 後サーバー名を入れて終わりです。ポート番号は基本的には既に入力されているはずですが、変える場合は下記を参照してください。 POP/IMAPサーバー名 (ホスト名) 設定完了メールに記載されている「メールサーバー」を入力してください。※サーバーパネル内「サーバー情報」に記載の“ホスト名”と同一です。例)sv***.xserver.jp SMTPサーバー名 (ホスト名) 設定完了メールに記載されている「メールサーバー」を入力してください。※サーバーパネル内「サーバー情報」に記載の“ホスト名”と同一です。例)sv***.xserver.jp ユーザー名 (アカウント名) メールアカウントの追加にて設定したメールアドレス(ドメイン名を含む)を入力してください。 例)user@example.com

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Oandaを解約して口座を作り直す方法

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

OandaのAPIを使いたいのですが、私が作った3年前と現在ではAPIのバージョンが異なります。昔のバージョンのときに作成し、現在は動作しなくなってしまいました。いろいろ頑張ったのですがラチがあかないので、古い口座を解約し、新しいものを作り直すという強硬手段に出ることにしました。 ここでは、その時の注意事項などについてまとめたいと思います。 Oanda APIでエラーが出る まず、問題なのはこのエラーです。適当に最近のレートを取得しようとするとこのようなエラーがでます。 Error: {"errorMessage":"Insufficient authorization to perform request."} デモ口座だとうまくいくのに本番環境ではうまくいきません。日本法人に問い合わせると、APIは管轄外なので米国の本社に聞いて欲しいと言われます。しかし、そこに聞いても結局解決しませんでした。 解決策 いろいろ情報を探して https://developer.oanda.com/rest-live-v20/troubleshooting-errors/ https://stackoverflow.com/questions/63822473/v20error-errormessageinsufficient-authorization-to-perform-request などを見ましたが解決せず。また、ログイン後の画面がこのようになっており、accout IDの後にV20と表示されていないのでV20に対応していないのかと思ったのですがそういうわけでもないようです。 Screenshot デモ口座だとこのようにV20と表示されてるんですけどね。

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

USキーボードのMacに外付けのJISキーボードを取り付けたらどうなる?

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

MacBookを使っているのですが、タイピングしにくいので外付けのキーボードを取り付けることにしました。Windowsなら何も考えずに購入できたのですが、実際お店に行ってみると Macに外付けキーボードをつけて安定して動くのか USキーボードのMacを使っているのだが、外付けキーボードはUSキーボードである必要があるのか 心配になりました。上記について、購入して試した結果をまとめたいと思います。 Macに外付けキーボードをつけて安定して動くのか Mac対応と書いてあるものなら普通に動きそうです(Elecomとか)。栄のビックカメラで買ったのですが、5種類ほど選べました。形状が凝ったものだとWindowsのみの対応だったりしましたが、まぁ基本的なものであれば普通に売っている感じです。純正のキーボード高いですから、サードパーティ製で対応したいものです。 USキーボードのMacを使っているのだが、外付けキーボードはUSキーボードである必要があるのか JISキーボードで問題ありません。普通にキーボードの配列通りに打てます。安めのMac対応の外付けのUSキーボードが売っているはずもなく、US配列であることは諦めていたので、一番うちやすかったのでElecomのTK-FBP101BKというものを買いました。 打ちやすかったのはパンタグラフ式という構造のせいらしいです。Macとは正反対の印象です。快適に使えますし、気分転換にもなるので気に入りました。 https://www.elecom.co.jp/products/TK-FBP101BK.html

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

curlコマンドでHTMLのformでの画像送信を代替する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

curlコマンドでHTMLのformでの画像送信を代替する方法です。 curlコマンドを打つときの場所にna18_1920x1080_221804.jpgと言う画像を置いた場合です。 結論 url -X POST -F 'image=@./na18_1920x1080_221804.jpg' http://127.0.0.1:5000/ --insecure 追加 ヘッダー情報とかクエリパラメータを引き渡したい場合はこちら。 curl -X POST -H 'Host:some_destination.com.' -H 'Authorization:something' -F

製造業において、Pythonに加えてWebも活用して飛躍しよう

10月 5th, 2021|未経験だったけど,上場企業でAI活用とDX推進するように|

最近、製造業におけるPythonの導入が進んでます。自動化やアプリケーション制作に便利ですし、今後もこの勢いは止まらなそうです。 ところが、私は実務担当として工場でPythonを導入して5年になるのですが、近年はWeb技術を使用することが多くなりました。Pythonを使い始めた当初、Web技術と言えばHTMLとCSS?データ分析メインの俺にはあんまり関係ないよね?と思っていました。でも、実務を行う中でPythonとWeb技術の相性が非常に良いことに気付き、最近はWebとPythonを半分ずつ使っています。 記事の内容 この記事では、とある工場で働くエンジニアがWeb技術の重要性について発見したことを書きたいと思います。おそらく、最近の空気は、製造業でもPythonは役に立つが、Webは分野が違うので関係ないという感じだと思います。でも、私はWeb技術があってこそPythonが100%生かせるのではないかと思っています。ある工場でPythonを導入した結果、Web技術の(意外な?)重要性について発見したことを共有したいと思います。 構成 構成としては ・製造業におけるPythonの使い所を整理し、 ・Web技術の重要性について 述べたいと思います。 製造業におけるPythonの使い所 少し冗長ですが、そもそも製造業のおけるPythonの使い所として主に下記の3つがあると感じています。 ・データ整形や業務の自動化 ・高度なデータ分析 ・業務アプリの制作(AIアプリ制作含む) 1.データ整形や業務の自動化 まず一つ目です。工場だと、製造に必要なファイルはエクセルで管理されていることが多いと思います。そして、どこかのフォルダに入っているデータをそのエクセルにコピペして行う集計作業も多いと思います。Pythonの使い所として最初に出てくるのがこの作業の自動化です。csvで管理されているデータならPandasで読み込めますし、Excelも操作できるので集計作業を一瞬で終わらせることができます。Pythonは汎用プログラミング言語ですので、PC上で行う「手順の決まった繰り返し作業」であれば、原理的にはすべて自動化できるというのは心強いです。 2.高度なデータ分析 二つ目が高度なデータ分析です。研究系で使用される方はこの用途が多いのではないかと思います。当然オフラインで行うこともできるのですが、うまくやれば高度な分析も自動化できます。 つまり、一般的には 最初はオフラインで工場からデータをもらう

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【保存版】Flaskで画像を操作する際の6パターンを書き分ける

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

Flask上で画像を操作する際のソースコードのパターンについてですが、 画像の生成元をどうするかというもので3パターン、画像の最終的な処理方法をどうするかというもので2パターンで(組み合わせで)合計6パターンがあると思います。Flaskで画像処理を実装しようとするとこれらを書き分ける必要がありますのでそれについて記載します。 画像の生成元の3つとは HTMLからFlaskで立てたURLへ直接画像がアップロードされる場合、 Flaskの関数の中でmatplotlibなどで生成する場合、 クラウドないしはローカルフォルダなどに保存されている画像を読み込んでくる場合 の3つです。 最終的な処理方法として2つあるというのは、 画像をクラウドないしはローカルフォルダなどに保存する場合と クライアント側へ画像をreturnする場合 の2つです。メタ情報だけ抽出して文字列で返す場合などもあると思いますが、これはJSONなどでリターンすればOKなので上記6パターンで対応できると思います。 Flaskで画像を操作したいと思うと、この6パターンについてソースコードを書き分ける必要があり、かなり大変です。 しかし、幸いなことに、画像をどこかに保存する場合とクライアント側へ返す場合については画像をメモリ上でBlob形式であらかじめ保存することができれば同時に対応できますので、事実上かき分けなければならないのは3パターンとなります。 この記事では、画像をメモリ上でBlob形式で書き出すコードを使いながらこの3パターンについて整理したいと思います。 なお、ここでは処理後の画像の保存先としてGoogle Cloud Storageを利用した例で説明しますが、適宜AWSのS3、ローカルのフォルダの場所などと読み替えて下さい。今回記載するサンプルコードは下記の3つです。 1. 画像をFlaskの関数内で生成し、メモリ上でBlob形式で保存したのちにGCSへ保存しクライアント側へ返す 2.

  • アプリ開発をイメージさせる写真

AngularでWebAPIからblob形式で返された画像データを取得する方法

10月 5th, 2021|個人でアプリ開発頑張った|

フロントエンドアプリケーションフレームワークであるAngular(Ionic)を使って、非同期通信で画像を読み込む方法をサンプルアプリとして紹介します。動作確認用にPythonで作成したバックエンドコード付きです。 Angularの場合、非同期通信を実装するにはHttpClientModuleをapp.module.tsに追加して、tsファイルで呼び出して使うだけです。画像の場合は、さらにresponseTypeに'blob'形式を指定し、DomSanitizerでサニタイズして読み込みます。HTML側は<img [src]=imageUrl>で行けます。 AngularはReactと異なりフルスタックなので、この辺の安心感があります。 参考にしたサイト stackOverflow ソースコード githubはこちら 解説 app.module.ts app.module.tsに import { HttpClientModule } from '@angular/common/http'; を追加します。importするのも忘れずに import {

  • アプリ開発をイメージさせる写真

Angular(Ionic)で非同期通信を実装する

10月 5th, 2021|個人でアプリ開発頑張った|

フロントエンドアプリケーションフレームワークであるAngular(Ionic)で非同期通信を実装する方法をサンプルアプリとして紹介します。動作確認用にPythonで作成したバックエンドコード付きです。 Angularの場合、非同期通信を実装するにはHttpClientModuleをapp.module.tsに追加して、tsファイルで呼び出して使うだけです。AngularはReactと異なりフルスタックなので、この辺の安心感はReactにはるかに勝ると思います。 Angular公式サイトの説明 ソースコードの素性 ソースコードの素性ですが、Ionic(Aunglar)のblankアプリから実装しました。なお、バックエンドのサンプルコードも作成しましたが、こちらはPythonのFlaskを使っています。Flaskでホスティングした http;//127.0.0.1:5000 のURLを叩いてデータを取ってくるアプリです。 GitHubにコードあげたのでそのまま動作確認できると思います。 環境 フロントエンド Angular CLI: 10.0.5 Ionic CLI : 6.10.0 Node: 12.18.0 バックエンド

  • アプリ開発をイメージさせる写真

Adsenseの住所確認の日数と手順について

10月 5th, 2021|個人でアプリ開発頑張った|

Google Adsenseでは、収益が1000円程度を超えると住所確認のために郵送でPINコードが発送されます。振り込み準備に向けて、これに印字された6桁の番号をAdsenseのHPで入力し、住所が正しいことを認証伝えておく必要があります。記載された通りに実施するとうまくいきませんので、この方法について解説します。 Adsenseからメールが届きます 収益が一定を超えると、Adsenseからメールが届きます。 Screenshot AdSense でお知らせいただいたお支払い先住所宛に、個人識別番号(PIN)を記載したハガキを 11月 18, 2020 付で発送いたしました。 ハガキが届きましたら、このメールにある [住所を確認する] をクリックし、AdSense のホーム画面で PIN をご入力ください。あるいは AdSense アカウントにログインして、ホーム画面で直接、同じ手順を行っていただくこともできます。 重要: この

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIでローソクを取得

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってローソクチャートを取得する方法について記載します。ローソクの長さ、取得データの種類、取得期間の指定方法なども含めて記載します。 oandapyV20では、PricingInfoというクラスで/v3/instruments/{instrument}/candlesをGet通信で叩いています。 ドル円のローソクチャートを取得基本のコードはこちらです。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import PricingInfo from oandapyV20.exceptions

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIで価格をStreaming配信で取得する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってStreaming配信でリアルタイムに価格を取得する方法について記載します。 Streaming配信は非常に便利であるものの、最大で250msごとのデータしか提供されませんので急激な値動きまで把握できるわけではない事に注意が必要です。公式では「1秒間に4回のウィンドウを作成し、それぞれのウィンドウの最後で有効な値を返す」という記載があります。詳細は記載されていないものの、250ms程度のデータであること、アカウントごとにデータを生成するので、すべての人に同じデータが配信されるわけではない事に留意が必要です。 ストリーミング配信は/v3/accounts/{accountID}/pricing/streamにGet通信でアクセスする事で提供されます。 oandapyV20を使った基本のコードはこちらです(ドル円の価格を取得)。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import PricingInfo from

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

【oandapyV20】OandaAPIでオーダブック、ポジションブックを取得する

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

この記事ではoandapyV20を使ってオーダブック、ポジションブックを取得する方法について記載します。 oandapyV20では、オーダーブックをとるためにはoandapyV20.endpoints.instrumentsのInstrumentsOrderBookというクラスで/v3/instruments/{instrument}/orderBookをGet通信で叩きます。 ポジションブックの場合は、oandapyV20.endpoints.instrumentsのInstrumentsPositionBookというクラスで/v3/instruments/{instrument}/positionBookをGet通信で叩きます。 いずれの場合もparamsで指定できるパラメータはinstrumentとtimeだけです。instrumentは必須引数ですが、timeは指定しない場合は最新が返されます。timeだUNIXTIMEを文字列型で渡します。最新を取りたい場合は、paramsは{}でいいと思います。 オーダーブックもポジションブックもほとんど同じなので、今回はオーダブックで説明したいと思います。 ドル円の最新のオーダーブックを取得するコードはこちらです。ポジションブックを見たい場合はInstrumentsPositionBookを使ってください。 # -*- coding: utf-8 -*- import json from oandapyV20 import API from oandapyV20.endpoints.pricing import

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Macで最も簡単なnode.jsのインストール方法

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

日本ではhomebrewでインストールする方法ばかりが紹介されていますが、海外ではほとんど情報がなくマイナーな方法です。node.jsの公式からダウンロードしてインストールする方法が多く紹介されていますが、こちらの方が簡単なので今回はその方法を紹介します。 installerを公式から落とす https://nodejs.org/en/にアクセスしてinstallerをダウンロードします。 LTSと書いてあるものがサポートの長い安定版です。 ダウンロードしたら、ファイルをクリックして起動させます。 途中、インストール先が表示されるのでメモっておきます。あとは画面の指示に従って進みます。完了したらインストーラはゴミ箱に移動していいですかと聞かれます。これが表示されたらもうこれだけでインストール完了です。 動作確認 ターミナルで下記のように打ち込んでバージョンが表示されたらOKです。 % node -v v14.15.1 もしバージョンが表示されない場合、下記のコマンドを打って現在のパスを通している場所を表示させ、インストーラで保存先に指定していた場所が入っているかどうかを確かめます。 % echo $PATH /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin 簡単なプログラムを書いてみる node.jsがちゃんと動作しているか簡単なコマンドで調べてみます。 %

  • アプリ開発をイメージさせる写真

Macにionicをインストールしてサンプルプロジェクトを作成する

10月 5th, 2021|個人でアプリ開発頑張った|

クロスプラットフォームアプリケーションのフレームワークであるIonicをMacにインストールする方法について紹介します。 まず、node.jsをインストールする必要があります。インストールしていない方はこちらに最も簡単なインストール方法を記載していますのでご覧ください。 https://np-sys.com/macでnode-jsをインストールする/ インストール方法 npm経由でのインストールとなりますので、sudo npm install -g @ionic/cliコマンドを打ちます。 % sudo npm install -g @ionic/cli Password: ⸨ ░░░░░░░░░░░░░░░⸩ ⠇ loadDep:yallist:

  • ソースコードによって実現される素晴らしい世界に驚嘆する人

Macの環境設定の備忘録

10月 5th, 2021|独学だったけど,Pythonを身につけたら半分しか仕事をしなくて良くなった|

データ分析とWebアプリ開発をしているエンジニアのMacの設定方法です。Mac book Pro 2019,2020でそれぞれBig SurとCataliaにて設定したものを備忘録として書いたものです。 CapsLockでの英語/日本語の切り替え スクロール方向の切り替え スクリーンショットの拡張子変更 aliasの設定 一般ソフト(Chrome,Gimp,FileZilla,Atom,VScode)のインストール Tableau Publicのインストール node.jsのインストール Ionicのインストール Xcodeのインストール CocoaPodのインストール Pythonのインストール GitHubのssh設定 CapsLockでの英語/日本語の切り替え CapsLockで英語/日本語の切り替えができるようにします。

  • アプリ開発をイメージさせる写真

MacのXcodeのデベロッパーライセンスを更新するときにやること

10月 5th, 2021|個人でアプリ開発頑張った|

Xcodeのデベロッパーライセンスを更新するときにやることをまとめておく。 まず、Appleからライセンス切れる旨を伝えるメールが来るので購入する。 次に、Apple Developerにログインして、Certificates&Identifiers & ProfilesのDevicesを選ぶ。 Continueを選ぶ。下記のようにデバイスリストを最新にしてくださいというメッセージが表示される。 Now that you've started a new membership year, make sure your device list

  • アプリ開発をイメージさせる写真

新しいMacでXcodeの証明書を引き継ぐ

10月 5th, 2021|個人でアプリ開発頑張った|

新しいMacでXcodeでアプリ開発をするための設定についてまとめます。 以前のMacは必要なく、新しいMacだけで完結します まず、ブランクのアプリを作ってみることから始めます。そうすると、Signing&Capabilityの部分でTeamを選べない問題に直面します。 そこで、これをまず解決する必要がりますので、Add an Accountというボタンを押して、Apple IDでサインインします。 そうすると、一応ビルドはできるようになります。しかし、そのままだとCodeSignの「キーチェーンログインのパスワードを入力してください」でパスワードを繰り返し求められて先に進みませんでした。 そこで、https://developer.apple.comからApple Developerにサインインして証明書をダウンロードしました。 ここで、該当するProfileをダウンロードしてダブルクリックしたら、動作するようになりました。 こんなに簡単だったっけって感じです。。あとで落とし穴がないか怖いです。

Fresh Podcasts

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec pellentesque purus. Nunc finibus urna eget est molestie, non dignissim nulla cursus. Proin hendrerit, lacus vitae imperdiet rhoncus, tortor quam sodales lorem, vitae hendrerit est nulla at dolor. Quisque dictum dui eget turpis dapibus pharetra.

Subscribe Now

Yoga For Beginners

Lifestyle
Wellbeing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec pellentesque purus. Nunc finibus urna eget est molestie, non dignissim nulla cursus. Proin hendrerit, lacus vitae imperdiet rhoncus, tortor quam sodales lorem, vitae hendrerit est nulla at dolor. Quisque dictum dui eget turpis dapibus pharetra.

Subscribe

Business Broadcast

Business
Lifestyle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec pellentesque purus. Nunc finibus urna eget est molestie, non dignissim nulla cursus. Proin hendrerit, lacus vitae imperdiet rhoncus, tortor quam sodales lorem, vitae hendrerit est nulla at dolor. Quisque dictum dui eget turpis dapibus pharetra.

Subscribe

The Designer Show

Freelance
Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec pellentesque purus. Nunc finibus urna eget est molestie, non dignissim nulla cursus. Proin hendrerit, lacus vitae imperdiet rhoncus, tortor quam sodales lorem, vitae hendrerit est nulla at dolor. Quisque dictum dui eget turpis dapibus pharetra.

Subscribe

Search Our PodcastsArticles

Search to find what you’re looking for

Fresh Content
Direct to Your Inbox

Just add your email and hit subscribe to stay informed.

Thank you for your message. It has been sent.
There was an error trying to send your message. Please try again later.

タイトル

Go to Top