プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ
  • 2020年7月9日
  • 2020年7月10日

Windows編!!開発環境向けにMySQLのダウンロードとインストール

前提 マシン環境:Windows10 proMySQLバージョン:MySQL Server 8.0目的:ローカル開発環境で使用するDB構築が目的 Windows環境へMySQLのダウンロード まずは以下URLよりMySQLのインストーラーをダウンロードします。https://dev.mysql.com/ ネット環境上からインストールする場合は上のサイズが小さいインストーラーを使います アカウントは […]

  • 2020年7月7日
  • 2020年7月7日

react-nativeでアプリ内データのCSV出力機能の実装方法

react-nativeでアプリ内データをCSV出力 私が勉強がてら作っているアプリはRealmを使っているため、データのエクスポート機能が欲しいところ。そこで今回はアプリ内データをCSVファイルでデバイスのストレージに出力する機能を追加してみました。Androidでの実機確認済み。 react-nativeでアプリ内データをCSV出力するために必要なこと 必要なことは大きく3つ rn-fetch […]

  • 2020年7月5日
  • 2020年7月5日

react-nativeで初めてのnativeアプリリリース(android編)

Androidアプリのリリースを行うのは初めてでしたので、備忘録をかねて残しておきます。扱い慣れたWebとは違い全く未知の領域なので不安がありましたが、幸いネット上の情報が多く問題なく進めていくことができました。 1.GooglePlayの開発者登録を行う 1-1.Googleアカウント作成 https://accounts.google.com/signup Googleアカウントはいろいろなサ […]

  • 2020年6月30日
  • 2020年6月30日

react-nativeでRealm!!ディレクトリ構成や基本的な使い方

はじめに react nativeのソースを貪っているとrealmというパッケージを使っていて、初めて聞いたワードだったのでなんのことやらだったので、調べてみました。 Realmってなにするもの? Realm(レルム)はiOSやAndroidアプリで使えるDBで、モバイル用データベースという立ち位置のようです。 Realmの特徴 SQL文が不要 組み込みデータベース(デバイス上で動作) メモリ効率 […]

  • 2020年6月29日
  • 2020年6月29日

react-nativeでのそれっぽい最小限のUI構築

react-native-router-flux、native-baseを使ってアプリケーションの土台作り。 パッケージインストール react-native-router-fluxのインストール 私の環境では上記だけではreact-native-router-fluxでの画面遷移が上手くいかず、以下のエラーが発生。 Unable to resolve module ‘react-na […]

  • 2020年6月17日
  • 2020年6月17日

SOAPとは?API通信としての使われ方やRESTとの違いなど

はじめに この記事はSOAPってなんぞや?というのをわかりやすく理解するため、深く掘り下げた内容ではありません。使われ方やRESTとの違いなどを説明しています。 SOAPとは、Simple Object Access Protocolの略 コンピュータ間のメッセージをやり取りする通信プロトコルの仕様のことのようですね。 似たような仲間にはRESTなどがある(こちらはよく聞きますね)。ではSOAPの […]

  • 2020年6月14日
  • 2020年6月14日

Googleアドセンスで収益化!!本当に必要な6つのコツ

Googleアドセンスで収益を上げる為に本当に必要なコツとは? 前置き このブログは元々自身の備忘録なのですが、モチベ維持のために技術系記事1000記事を目指すという目的を立てたものです。 ついでというか、せっかくなのでGoogleアドセンスも設置しています。現時点で、記事数は約200記事です。 ブログ執筆は約10年ほど経験していて、本ブログ以外にいくつもブログ運営をしていますが、正直言って、この […]

  • 2020年6月12日
  • 2020年6月12日

WordPressをサーバーに公開する際の適切なパーミッション(権限)の設定について

はじめに この記事は、WordPressをVPSにインストールした方が対象です。レンタルサーバーの簡単インストールなどからWordPressをご利用の方は特に気にする必要はない(初めから適切に設定されている為)かと思います。 自信でWordPressをインストールした方、Wordpressの管理画面からなにかしらの操作が効かない状態になってしまった方(プラグインの更新ができない等)は一度以下で解説 […]

  • 2020年6月9日
  • 2020年6月9日

react-nativeの環境構築~Windows編~

はじめに react-nativeでの環境構築ですが、いろいろと準備することが多くてハマった際の問題切り分けが少し大変だった印象です。 まず、react-nativeでのアプリ作成にはExpoとreact-native-cliの2つがあるので、ググるときに気を付ける。前者の環境構築はかなり簡単です。 今回はWindowsでreact-native-cliを使ったアプリの環境構築手順と、Androi […]

  • 2020年6月9日
  • 2020年6月14日

【Windows】Node.jsのバージョン管理を行うパッケージnvmの使い方

node.jsでのバージョン管理nvmについて node.jsでのバージョン管理には、nだったり、nvm(node version manager)だったり、nodebrewだったりといったパッケージがあります。 今回はWindowsでnode.jsを使ってバージョン管理をする際にnvmを使う場合の方法を紹介します。 nvmを入れるためにChocolateyを使う ChocolateyはWindo […]

  • 2020年6月6日
  • 2020年6月6日

Express(Node.jsアプリ)を本番環境向けにpm2で動かす

始めに pm2というnpmのパッケージを利用して、本番環境向けにnode.jsアプリを動かす方法です。以前は、pm2と同じくプロセスの永続化ができるforeverというパッケージを使っていたのですが、pm2のほうがなにやら便利だしちょっとかっこいい系(語彙力..)なので、今回はpm2の使い方を簡単に紹介したいと思います。 pm2のインストール npmでグローバルインストールするだけ pm2の設定フ […]

  • 2020年6月4日
  • 2020年6月4日

ReactのアプリでLegacy context API~とWarningが出る場合の対処方法

事象 久しぶりにReactアプリをcreate-react-appで書いていると、なにやら気になるwarningがコンソールに出力されるようになりました。 その内容はこちら 簡単に書くと、従来のレガシーコンテキストが使われてるから、今は動くけど それは今後削除される予定のものだよ。 って感じの文字通り、注意でした。 ただ問題なのが、そのエラーを吐いてるのがどうやら読み込んだパッケージ側で起きている […]

  • 2020年6月3日
  • 2020年6月3日

React/ExpressのアプリをVPSにデプロイするときにやることいろいろ

はじめに ローカル環境でいろいろ作ったものをいざデプロイするときにやらなきゃいけないこと。ローカル環境構築時よりも手間が多くなるので、最初はこれだけでも多少骨が折れますよね。。 今回はフロントエンドがReact、サーバーサイドがExpress。DBはMySQL。通常別途DBサーバーも契約しますが、今回は規模が小さいアプリなので一つのサーバーで行います。これらをVPSサーバー上に公開するときの手順を […]

  • 2020年6月2日
  • 2020年6月2日

【React】AceEditorを使ってソースコードの投稿、閲覧機能を作る

はじめに Reactで作るWEBサイトでソースコードを登録したり閲覧する機能を作りたかったため、AceEditorというものを使ってエディターを埋め込む処理を行いました。AceEditorはJavaScriptで使うことができますが、今回はReact用にパッケージ化されている「 react-ace 」を使って実装していきます。 パッケージのインストール react-aceのドキュメントがあるページ […]

  • 2020年6月1日
  • 2020年6月13日

【Express】画像を登録するAPIを実装する

はじめに node.js(Expressを使用)したREST APIで、画像ファイルをアップロードする場合のサンプルを紹介します。 準備 パッケージのインストール multerというパッケージをインストールします https://www.npmjs.com/package/multer 実装 画像アップロードを行うrouterの上部でmulterをインポートします Expressのルーティングの際 […]

  • 2020年6月1日
  • 2020年6月1日

【React】reactstrapを使って汎用的なモーダルコンポーネントを作る

はじめに React.jsを使ったフロントを作成していて、なにかの操作を実行する際。いきなり行うのではなく一旦確認を挟みたいときなどに便利な、モーダルウィンドウの実装方法を紹介していきます。 パッケージのインストール reactstrapというものを使いますhttps://reactstrap.github.io/ これはBootstrap4をreactのコンポーネント指向で簡単に扱うことができる […]