はじめに react nativeのソースを貪っているとrealmというパッケージを使っていて、初めて聞いたワードだったのでなんのことやらだったので、調べてみました。 Realmってなにするもの？ Realm（レルム）はiOSやAndroidアプリで使えるDBで、モバイル用データベースという立ち位置のようです。 Realmの特徴 SQL文が不要 組み込みデータベース（デバイス上で動作） メモリ効率 […]
react-nativeを使ったアプリ（react-native-cli）で、react-native-router-flux、native-baseを使ったアプリケーションの土台作りと、ライブラリ特有のルール等のメモ。 パッケージインストール react-native-router-fluxのインストール 私の環境では上記だけではreact-native-router-fluxでの画面遷移が上手 […]
はじめに この記事はSOAPってなんぞや？というのをわかりやすく理解するため、深く掘り下げた内容ではありません。使われ方やRESTとの違いなどを説明しています。 SOAPとは、Simple Object Access Protocolの略 コンピュータ間のメッセージをやり取りする通信プロトコルの仕様のことのようですね。 似たような仲間にはRESTなどがある(こちらはよく聞きますね)。ではSOAPの […]
Googleアドセンスで収益を上げる為に本当に必要なコツとは？ 前置き このブログは元々自身の備忘録なのですが、モチベ維持のために技術系記事1000記事を目指すという目的を立てたものです。 ついでというか、せっかくなのでGoogleアドセンスも設置しています。現時点で、記事数は約200記事です。 ブログ執筆は約10年ほど経験していて、本ブログ以外にいくつもブログ運営をしていますが、正直言って、この […]
はじめに この記事は、WordPressをVPSにインストールした方が対象です。レンタルサーバーの簡単インストールなどからWordPressをご利用の方は特に気にする必要はない(初めから適切に設定されている為)かと思います。 自信でWordPressをインストールした方、Wordpressの管理画面からなにかしらの操作が効かない状態になってしまった方(プラグインの更新ができない等)は一度以下で解説 […]
はじめに react-nativeでの環境構築ですが、いろいろと準備することが多くてハマった際の問題切り分けが少し大変だった印象です。 まず、react-nativeでのアプリ作成にはExpoとreact-native-cliの２つがあるので、ググるときに気を付ける。前者の環境構築はかなり簡単です。 今回はWindowsでreact-native-cliを使ったアプリの環境構築手順と、Androi […]
node.jsでのバージョン管理nvmについて node.jsでのバージョン管理には、nだったり、nvm(node version manager)だったり、nodebrewだったりといったパッケージがあります。 今回はWindowsでnode.jsを使ってバージョン管理をする際にnvmを使う場合の方法を紹介します。 nvmを入れるためにChocolateyを使う ChocolateyはWindo […]
始めに pm2というnpmのパッケージを利用して、本番環境向けにnode.jsアプリを動かす方法です。以前は、pm2と同じくプロセスの永続化ができるforeverというパッケージを使っていたのですが、pm2のほうがなにやら便利だしちょっとかっこいい系(語彙力..)なので、今回はpm2の使い方を簡単に紹介したいと思います。 pm2のインストール npmでグローバルインストールするだけ pm2の設定フ […]
事象 久しぶりにReactアプリをcreate-react-appで書いていると、なにやら気になるwarningがコンソールに出力されるようになりました。 その内容はこちら 簡単に書くと、従来のレガシーコンテキストが使われてるから、今は動くけど それは今後削除される予定のものだよ。 って感じの文字通り、注意でした。 ただ問題なのが、そのエラーを吐いてるのがどうやら読み込んだパッケージ側で起きている […]
はじめに ローカル環境でいろいろ作ったものをいざデプロイするときにやらなきゃいけないこと。ローカル環境構築時よりも手間が多くなるので、最初はこれだけでも多少骨が折れますよね。。 今回はフロントエンドがReact、サーバーサイドがExpress。DBはMySQL。通常別途DBサーバーも契約しますが、今回は規模が小さいアプリなので一つのサーバーで行います。これらをVPSサーバー上に公開するときの手順を […]
はじめに Reactで作るWEBサイトでソースコードを登録したり閲覧する機能を作りたかったため、AceEditorというものを使ってエディターを埋め込む処理を行いました。AceEditorはJavaScriptで使うことができますが、今回はReact用にパッケージ化されている「 react-ace 」を使って実装していきます。 パッケージのインストール react-aceのドキュメントがあるページ […]
はじめに node.js(Expressを使用)したREST APIで、画像ファイルをアップロードする場合のサンプルを紹介します。 準備 パッケージのインストール multerというパッケージをインストールします https://www.npmjs.com/package/multer 実装 画像アップロードを行うrouterの上部でmulterをインポートします Expressのルーティングの際 […]
はじめに React.jsを使ったフロントを作成していて、なにかの操作を実行する際。いきなり行うのではなく一旦確認を挟みたいときなどに便利な、モーダルウィンドウの実装方法を紹介していきます。 パッケージのインストール reactstrapというものを使いますhttps://reactstrap.github.io/ これはBootstrap4をreactのコンポーネント指向で簡単に扱うことができる […]
