JavaScript Reactをはじめる
はじめに JavaScript 界隈って動きが早くってどんどん新しいものが出現します。この記事で紹介するのは、JavaScript で見た目の部分を作る JavaScript の UI ライブラリ「React」を紹介します。上澄みだけをざっ...
JavaScript 
Android ImageSpan で画像を TextView に 追加したいが、改行があってかつ、lineSpacingMultiplier、lineSpacingExtra を使っていると縦中央にならない
TextView の左に画像を設置するには TextView の左に画像を設定したい、まず最初に考えるのdrawableLeftを使って画像追加し、パディングなどを調整する。 <!--?xml version="1.0" encoding=...
Tech 2019.01 あとで読むは、絶対読まない記事
平日練習わずか50分「フィジカルとデータで高校野球に革命を起こす」山奥の進学校（１）理不尽より数値（高木遊） - Yahoo!ニュース TeddyLoidが語る、日本と世界のクリエイターで感じる差／『SILENT PLANET』インタビュー...
Tech AndroidのListViewにButtonを追加するとonItemClickが効かない。
なんども検索してしまうのでメモ 原因 ListViewのListItemにButtonを追加すると、onClickListener（onItemClick）が効かなくなった。ListItemにButtonを設置すると、ButtonのonCl...
Tech スタイルシート (style.css)の修正
Delivery Lite: スタイルシート (style.css) ｃｓｓの修正メモ /* 20190118 max-width を980px -> 1200pxへ修正 */ .container, .header-item, .navi...
Tech React、TypeScript 環境構築 その 3
React、TypeScript 環境構築 その ２ をやったあと、develope環境は問題なかったが、build(production)で以下のエラーが問題なった。解決方法をメモ /Users/hogehoge/workspace/ex...
Tech React、TypeScript 環境構築 その 2
- その２ではwebpackを３から４へのバージョンアップをしたいと思う。バージョンアップの前にまずいろいろ、未設定なもの追加する。 .prettierrc ファイルを作成する /react-ts-app/.prettierrc { "se...
Tech Mac メインディスプレイ（メインモニター）だけに Dock を表示する
mac miniでマルチディスプレイで利用しているが、サブディスプレイの画面下部へカーソルがあたると、サブディスプレイにDockが移動してイライラしていた。これで解消できる。 システム環境設定 -> MissionControl 「ディスプ...
Tech VSCodeの設定をDropboxで同期する
Dropbox内の適当なディレクトリにファイルを移動 mv ~/Library/Application\ Support/Code/User ~/Dropbox/workspace/vscode mv ~/.vscode ~/Dropbox...
Tech 2018.12 あとで読むは、絶対読まない記事
Firebaseで圧倒的省エネアプリ開発 - Yahoo! JAPAN Tech Blog firestoreでlikeやfollowする際のデータ構成 / firebaseとNuxtでwebサービスつくったのでそのfirebaseまわり ...
React React、TypeScript 環境構築 その1
環境 mac node v10.9.0 まず雛形を作成 Facebook の提供している、React.js アプリを素早く作成するコマンドラインツール、create-react-app を使う。まずインストール npm install -g...
ReactNative ReactNativeアプリのメモ
ReactNative アプリのメモ View config not found for name div. Make sure to start component names with a capital letter. エラーのソース...
Android android ImageViewのキャッシュ削除
BitmapをPNGで保存し、ImageViewで表示することをしたかったのだが、 画像を何回も同じファイル名アプリの配下に保存して同じファイル名だとキャッシュが残っていて描画されないない。 なのでキャッシュを削除する方法調べたメモです。 ...
Tech androidのビルドでエラーのとき調査で使うコマンド
ビルドのエラー調査でまず使うコマンド ./gradlew clean build --debug ./gradlew clean build --stacktrace Android Studioでの設定 Preferences... ->...
Tech react-native-mapsを追加したらandroidでコンパイルエラー
react-native run-ios は問題なし react-native run-androidを実行すると実行時にコンパイルエラーが発生 > Task :app:transformDexArchiveWithExternalLibs...
Tech iOSのシミュレータで動画
シミュレーターを録画する xcrun simctl io booted recordVideo ./test.mov movのファイルをgifの動画に変換する ffmpeg -i test.mov -vf scale=320:-1 -r 1...
JavaScript eslintやtslintのメモ
Parsing error: Unexpected token = ESLint標準のパーサーでは、まだ標準化されていないクラスフィールド構文は扱えないため、babel-eslintを追加すると解消できる。 npm install babe...
React Udemyで勉強中のReact、React Nativeについてメモる
udemyで勉強しているReact、React Nativeついてメモをとっていく、まだ始めたばかりなので、追記していく予定 最短で学ぶReactとReduxの基礎から実践まで github 動画 The Complete React Na...
Android Android WiFi経由でデバックする方法
まずUSBで端末を接続する $ adb tcpip 5555 restarting in TCP mode port: 5555 USB接続を切断 端末のIPアドレスを確認する 端末を接続する $ adb connect 192.168.2...
Android androidでRealmを使ってたが、ndk-bundleでエラー
gradleにRealmのライブラリを追加 プロジェクトのトップレベルにあるbuild.gradleファイルにclasspath設定を追加します。 buildscript { repositories { jcenter() google(...
Android realmのデータをStethoとstetho-realmでChromeで確認する
Stethoとは Stethoはandroidのデバッグブリッジで、Chrome Developer Toolsを利用して、Chromeからデバッグを行うことができます。Facebookが作っている stetho-realm Stethoを...
JavaScript JavaScript（ES6）メモ
「=> ってなんだ？」と思った人は、ちょっと古いJavaScript使いでしょう。アロー関数と呼ばれ、ECMAScript2015で導入された無名関数の省略記法 自覚はなかったのですが、ちょっと古いJavaScript使いなってしまったので...
ReactNative React Native Facebook公式サンプル(f8app)を動かしてみる
環境 Mac OS High Sierra v10.13.6 node v10.9.0 yarn v1.9.4 npm v6.2.0 Docker vDocker version 18.06.1-ce Xcode v9.2 Android ...
JavaScript npm outdated・npm-check-updates
現在インストールされているバージョンを確認 npm list --depth=0 npm outdated Current 現在インストールされているバージョン Wanted 存在するバージョンのうち、package.json に記載された...
Tech React Nativeの環境構築（初心者）
環境 Mac OS High Sierra v10.13.6 node v10.9.0 npm v6.2.0 VSCode 1.26.1 Xcode v9.4.1 Android Studio v3.1.2 JDK 1.8.0_131 ya...
iOS Appleの審査でたくさんダメ出しされたのでメモ
2 Safety: User Generated Content 安全性：ユーザーが作成したコンテンツ 1 Performance: App Completeness パフォーマンス：アプリケーションの完全性 4 Performance: ...
Tech Sketchショートカット
Sketchで忘れがちなショートカットをメモ 操作内容 キー 拡大 z 縮小 option + z 全体を表示 cmd + 1 選択した要素までズーム cmd + 2 選択した要素を中央 cmd + 3 キャンパスを移動 space リネイ...
iOS StackViewの「Content Hugging Priority」、「Content Compression Resistance Priority」について
Content Compression Resistance Priority コンテンツサイズより小さいサイズの制約が設定されたときのサイズの優先度。初期値はHorizontal、Verticalともに750が設定されている。 Conte...
Tech GCPのインスタンスに作ったdocker-machineのIPが変わったとき
docker-machine env をするとエラー eval "$(docker-machine env vm01)" Error checking TLS connection: Error checking and/or regene...
iOS iOS TwitterKit コールバックURL未設定エラー
iOS PoｄｓでTwitterKitを使ってTwitterログインを実装していたが、突然エラーになった。 <?xml version=\"1.0\" encoding=\"UTF-8\"?><errors><error code=\"41...
Tech UITableViewのUITableViewCellにデフォルトの右矢印を設定
Accessoryを設定 Accessory Disclosure Indicator Detail Disclosure Checkmark Detail
Tech Swift4 UITableViewの空セルのボーダーを削除
@IBOutlet private weak var tableView: UITableView! override func loadView() { super.loadView() self.tableView.tableFoote...
Tech Google VISION API （SAFE_SEARCH_DETECTION）レスポンスをメモ
観点 説明 adult アダルトな画像か spoof 何らかの画像を加工したものか(パクリ画像) medical 医療的な画像か(内臓とか) violence 暴力的な描写の画像 値 説明 VERY_UNLIKELY 可能性が非常に低い U...
Tech Android ボタン（Button）の影を消す
いつも忘れるのでメモ drawableで影のないものを作っても、影ができてしまう 「android:elevation」を「0dp」に設定しても影がきえない styleでこれを追加したら影が消えた style="?android:attr/...
Tech CocoaPodsとCarthageの導入、環境構築
iOS Swiftでアプリ開発をするにあたり、CocoaPodsとCarthageで両方で多くのライブラリを使うため環境構築メモ cocoapods cocoapodsインストール gem install cocoapods cocoapo...
Tech Swift4 UIViewControllerでTableViewを使うときの雛形
UIViewControllerを作成するとき、いつもTableViewの雛形を他からコピペするので、テンプレートを作成した。 UITableViewはストーリーボードで紐付け UITableViewControllerを継承しない UIT...
iOS swift4 Dataの文字列追加拡張 mutatingについて
swift4で文字列を投稿用の Data を組み立てで拡張したい。NSMutableDataを使ってもいいが、試しにDataを使ってみたらはまった。 NSMutableDataだとこんな感じ extension NSMutableData ...
Tech 西宮市長、今村岳司さんの紙芝居「よいこのみんしゅしゅぎ」
「殺すぞ」暴言・謝罪の兵庫・西宮市長、わずか１期４年での退任されましたが、市長在任中に公開された今村岳司さんの紙芝居「よいこのみんしゅしゅぎ」を紹介します。民主主義が生まれるまでの過程も詳しく説明され、誰が読んでもわかりやすい内容となってい...
Tech swift4でUITableViewControllerにUIRefreshControlを実装する
iOS10でスクロールビューでRefresh Controlが使えるようになったみたいで、実装中のUITableViewControllerに追加してみました。 xcode9、swift4を使って実装してます。 import UIKit c...
Tech iOS初心者メモ
Unsupported Configuration 問題 TableViewのCell設定に問題あり warning: Unsupported Configuration: Prototype table cells must have r...
Tech Dockerコンテナのmongodbでユーザー作成、パスワード設定をする
Dockerコンテナでmongodbを使っているが、ユーザー作成、パスワード設定など、まったく認証まわりの設定をしていなかったのでメモをしておく docker-composeでコンテナを作成する 「MONGO_INITDB_ROOT_USE...
Tech macにmysqlクライアントをインストール、mysqldumpでバックアップする
macにmysqlクライアントをインストール brew install mysql --client-only mysqlクライアントの確認 mysql -h ホスト -u root --password=パスワード 「-p」だとパスワード...
Tech mysql、postgresをdockerコンテナへ移行
mysqlのダンプをとるmysqldumpでDBサーバまるごとバックアップ dumpをとる mysqldump -u root -p -x --all-databases > mysql_dump.sql コンテナへコピーする docker...
Tech ターミナル Tips集
ターミナル Tips集 ★は独断でつけた重要度です。 ショートカット編 ★★★ ctl + a カーソルを文頭にします。 「happy terminal life」と打った後に「ctl + a」を押しています。 ★★★ ctl + e カー...
Tech Mac Visual Studio Code ショートカット
⌘ Cmd ⌥ Option ⇧ Shift ^ Ctrl ナビゲーション Navigation キー 動作 コマンドID ⌘T すべてのシンボルを表示 workbench.action.showAllSymbols ^G 指定行に移動 w...
Node.js mongooseのWarning（DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0, use `openUri()` instead, or set the `useMongoClient` option if using `connect()` or `createConnection()`）
DeprecationWarning: open() is deprecated in mongoose >= 4.11.0, use openUri() instead, or set the useMongoClient option ...
Node.js mongooseのWarning（DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0, use `openUri()` instead, or set the `useMongoClient` option if using `connect()` or `createConnection()`）
DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0, use `openUri()` instead, or set the `useMongoClient` o...
iOS Swift3.0 view値、storyboardとの関連付け
ステータスバーの高さを取得 let statusBarHeight: CGFloat = UIApplication.sharedApplication().statusBarFrame.height ナビゲーションバーの高さを取得 let...
Tech Macの設定
Automatically open a new Finder window when a volume is mounted マウントされたディスクがあったら、自動的に新しいウィンドウを開く defaults write com.appl...
Tech Xcode8でiOS11の実機確認をする
XcodeをApple Developersからダウンロード 「Xcode 9」 をダウンロードし、展開する。 Downloads for Apple Developers Xcode9の下記へFinderで移動する /Downloa...