Reigle 技術ブログ

プログラミング、IT関連の記事中心

Swiftの広告パーミッション確認の表示方法(AppTrackingTransparency)

目次 AppTrackingTransparencyとは 「Info.plist」の設定 広告パーミッション確認の表示方法 iOS14以前をサポートする場合 広告表示処理周りのサンプル AppTrackingTransparencyとは Appleの公式サイトより引用 新規App、および既存Appのアップデートを提出…

VSCodeを日本語化する方法

目次 VSCodeを日本語化する方法 VSCodeを別言語に変更する方法 VSCodeを日本語化する方法 以下の拡張機能をインストールする事で、VSCodeが日本語化されます。 marketplace.visualstudio.com 拡張機能をインストールした後は、VSCodeを再起動してください。 …

VSCodeでローカルサーバーを起動する方法

目次 ローカルサーバーを起動する意味 VSCodeでローカルサーバーを起動するための準備 ローカルサーバー起動方法 ローカルサーバーの停止方法 ローカルサーバーを起動する意味 PHPなどでローカルサーバーを起動する事で、ローカルでもAPIの確認などが行える…

JavaScriptで金額フォーマット表示(カンマ区切り toLocaleString 正規表現)

目次 toLocaleStringで3桁カンマ区切り 正規表現で3桁カンマ区切り toLocaleStringで3桁カンマ区切り 以下の様に数値型のデータに「toLocaleString」関数を使用することで、3桁毎にカンマ区切りされたデータが出力されます。 <script> const target = 100000000; co</script>…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【4/4】

目次 事前準備 WebPack 完成 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が完了している前提で本記事を記載しています。 まだの方は、以下から進めてください。 React(TypeScript)プロジェクトの作成…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【3/4】

目次 事前準備 Prettier ESLintの設定修正 コマンドでPrettierの整形を行う VSCodeでPrettierを実行する Prettierのルール設定 Prettierの除外ファイル スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【2/4】

目次 事前準備 ESLintの組み込み ESLintの設定ファイルに任意の設定を行う コマンドでESLintのチェックを行う VSCodeでESLintのチェックを起動する スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 事前準備 以下の記事の内容が完了…

React(TypeScript)プロジェクトの作成方法(Docker、ESLint、Prettier、WebPack)【1/4】

目次 前提 Reactのプロジェクト作成環境の用意 Reactプロジェクトに「TypeScript」の設定をしてプロジェクト作成 Dockerの組み込み 「docker-compose up」でエラーが出た場合 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); 前提 N…

MarkdownをPDFに変換する方法

事前準備 変換用のMarkdown(sample.md)を作成する # PDFサンプル 変換用のPDF pandocをインストールする brew install pandoc スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); Markdownの変換 Markdownのディレクトリをルートにす…

JavaScriptのデータ保存方法(Cookie、SessionStorage、LocalStorage)

データ保存方法の違い 比較項目CookieSessionStorageLocalStorage容量4KB5〜10MB(ブラウザ、環境依存)5〜10MB(ブラウザ、環境依存)保存期限期間など独自に設定可能タブを閉じるまで永続的に保持、ブラウザアプリのアンインストールなどで消える保存場所…

「kCBAdvDataManufacturerData」の操作【Swift】

■はじめに Bluetoothで「kCBAdvDataManufacturerData」の値を取得してどうのこうのしたい時があります。 その方法で結構詰まったので、メモ。 スポンサードリンク (adsbygoogle = window.adsbygoogle || []).push({}); ■手順 「kCBAdvDataManufacturerData」…

開発環境以外のクラッシュログの確認方法【iOS】

iOS

■はじめに 開発環境であれば、Xcodeにログが出るので、クラッシュしてもすぐに分かります。 ただ、開発環境以外でAdHocなどでテストしてた場合、ログが見れないので調査が難航することがあります。 crashlyticsなどを組み込んでおけば、解析は楽ですが、それ…

jQueryでajaxを使用したRestAPIの実行方法【jQuery】

■はじめに jQueryを使用して、RestAPIを実行する方法を記載します。 ajaxを利用します。 ■手順 まずは、ソースコードの全量は以下 <html> <head> <meta charset="UTF-8" /> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(function() { $('#hello').click(function() { $.ajax({ url: '[APIのURL]', type: '[通信(GET,POST,DE…</meta></head></html>

さくらVPSのドメイン設定方法

■はじめに 本記事は、さくらVPSの利用方法がある程度わかっている前提で記載しています。 また、さくらVPSを契約している方を対象としています。 ■ドメインの設定 1.さくらVPSコンソール(以降、コンソール)を開く。 2.コンソールの左のメニューから、「ド…

MacでWebページをクライアントアプリのように利用する方法【nativefier】

■はじめに 普段、ChromeなどのWebブラウザで検索を行ったりしますが、Webアプリケーションをクライアントアプリのように利用したいと思う時があります。 私は、Backlogなどで感じました。 (Slackのようにアプリが配布されていればありがたいのですが。。。…

AndroidのWebViewアプリを作成する方法【Kotlin】

■はじめに WebViewだけのアプリを作成する方法を記載します。 環境はKotlinで、Minimum SDKはAndroid8.0としてプロジェクトを作成してください。 ■手順 「activity_main.xml」を以下のように書き換えます。 ※「TextView」を「WebView」に変更しました。

UserDefaultsの処理をまとめて保守性が高いUserDefaultsの書き方【Swift】

■はじめに UserDefaultsの処理を保守性を高く記載しようと思って、色々と試行錯誤しました。 ここで紹介する方法は一例ですので、参考にしてください。 (Keyを定数クラスで管理するなども考えましたが、保守するクラスが増えるだけでしたので断念。) ■手順…

「年次自己分類レポート」の提出方法【iOS】

iOS

■はじめに 本記事は、個人で調べてまとめた内容です。 筆者は法律に精通している訳では御座いませんので、あくまで自己責任でご覧ください。 また、記載ルールや提出方法など、変更になる可能性はあるので、ご注意ください。 詳しくは、「こちら」の公式サイ…

Gitを都度パスワード入力しなくていいように設定【CentOS7】

■はじめに CentOS7でGitをクローンした後、「git pull」などを行うと、都度パスワードを求められます。 ここでは、毎回パスワードを求められないように設定する方法を記載します。 ■手順 cdコマンドで対象の「.git」が入っているディレクトリに移動します。 …

Appleから送られたログの解析方法【iOS】

iOS

■はじめに Appleからリジェクトの際などで送られてきたアプリのクラッシュログの解析方法をまとめます。(順次更新します。) Apple公式のクラッシュログに関する説明はこちら ■手順 Exception Typeを確認して、どのような理由でのクラッシュか?を確認する…

HTML要素の取得方法、親子要素の取得方法【JavaScript】

■はじめに ピュアなJavaScriptを使用したHTMLの要素の取得方法と、親子要素の取得方法を記載します。 ■HTML要素の取得方法 以下のHTMLを元に、要素を取得する方法を記載します。 <div id="sample" class="test"> </div> 取得方法は以下 //タグ指定での取得 document.getElementsByTagName('div');…

Reactのプロジェクトをサーバー(さくらVPS)にデプロイする方法【React】

■はじめに 環境は以下の環境で書いています。 ・さくらVPS ・Apache ・SSL(Let's Encrypt) 環境構築や、Reactプロジェクトの作成は記載しませんので、それぞれで用意しておいてください。 ■手順 「cd」でReactのプロジェクトディレクトリをカレントディレ…

ボタン押下時にテキストの値を取得する方法【React】

■はじめに ログインする際など、ボタンを押下した時に、テキストフィールドの値を取得したい場合などは多々あります。 ここでは、その方法に関して、一例を記載します。 ■手順 まずは、App.jsのソースコードの全文を載せます。 以下をコピペすると動きは確認…

react-router-domを使用したSPAの画面切り替え(遷移)の方法【React】

■はじめに react-router-domを使用したSPA(シングルページアプリケーション)の画面切り替え(遷移)方法を記載します。 以下のサイトを参考に環境構築、プロジェクト作成は済ませてからこちらの記事をご覧ください。 www.reigle.info ■手順 画面の構成とし…

GASのエラーの解決方法【GAS】

■あれもこれも Google ドライブで GASを開こうとした際に、以下のように「現在、ファイルを開くことができません。」と出る場合があります。 これは、1つのブラウザで複数のGoogleDriveを開いているなどして、どのGoogleアカウントかが判別できないために発…

定数クラスの作り方と呼び出し方【React】

■はじめに ソースコードで共通の値(APIのURLなど)を使用するのに定数クラスがあると非常に便利です。 仮にAPIのURLが変わってもその定数クラスを書き換えれば終わります。 ここで、定数クラスの書き方を記載します。(他にも方法はあると思いますので、一…

react-router-domで、ボタン押下時に画面遷移させる方法【React】

■はじめに ここでは、ボタン押下時のイベントの中で、色々と処理をしてから画面遷移をしたい!という要望に対する対応方法です。 ログインなどで使用すると思います。 ■手順 以下、App.jsのソースコードの全量です。 import React from 'react'; class App e…

クラッシュログで一部のログが復元されない場合【iOS】

iOS

■はじめに dSYMを使用してログを復元させた際に、一部のログで復元されないものがある。 その部分的な復元方法を以下にまとめます。 ■手順 確認したいログのバージョンの「.ipa」を取得する。 (リリースビル度の場合は、「Archive」画面で対象のビルドを右…

curlコマンドでRestAPIを実行【curl】

■はじめに RestAPIのテストで、「Postman」などのツールが使えれば良いですが、ダウンロードが禁止だったりして使えない場合があります。 ここでは、curlコマンドを使用してRestAPIを実行する方法を記載します。 ■GET通信 ・[URL]の部分は書き換えてください…

Dockerコマンド集【Docker】

コマンド説明docker ps -aコンテナを全て表示docker ps起動中のコンテナを全て表示docker rm [コンテナ名]コンテナの削除docker build -t [任意の名前] .イメージの作成(ビルド)docker run -it --name [任意のコンテナ名] -p 3000:3000 -v $PWD:/usr/src/a…