JavaScript
仕事で使うことになりそうなので素振り 要点を抑えながらシンプルめに書いてみた インクリメントするだけのアプリ セットアップ 基本的なの $ yarn add react react-dom redux react-redux $ yarn add --dev typescript ts-loader webpack webpack-cli 型情…
みんな大好き恒例のアップグレードをしたので、その時にハマった事のメモ 今回は v0.52.2 から v0.56.0 にアップグレードした 前回のアップグレードよりは楽だったけど、本体のバグらしき罠にだいぶはめられた ちなみに前回と同じく $ react-native-git-upgr…
元ネタ medium.com React v16.3でcontext APIというものが入った このAPIを使うとReduxと同じようなデータフローを簡単につくれるらしい 記事中にわかりやすい説明があるので動かしてみた 環境構築 create-react-app をベースに使う $ npx create-react-app …
parcel + react + reduxを動かしてみる 環境構築 セットアップの仕方は公式サイトに親切に書いてある Recipes parcelをグローバルインストール $ yarn global add parcel-bundler ディレクトリを作成 $ mkdir parcel & cd parcel $ yarn init -y まずはドキ…
ReactNativeでスタイルを書きやすくしてくれるライブラリがある styled-comopnentsはスター数が１万を超えの人気ライブラリ 主にウェブの方で使われてるがReactNativeにも対応してるっぽい glamorous-nativeは後発でstyled-componentsなどに影響を受けて出て…
FabricのCrashlyticsを使ってユーザーがクラッシュした時のログを収集できる 収集したログからバグってる箇所を特定する方法の一つとしてメモ クラッシュレポートから探る Fabricの管理画面を開いてクラッシュレポートを見ると、こんな報告があった undefine…
Detoxというライブラリを使ってE2Eテストを書いてみる github.com 前提 Mac brew xCode 8.2以上 node 7.2以上 準備 シミュレーターを動かすのに必要なのでインストールする $ brew tap facebook/fb $ export CODE_SIGNING_REQUIRED=NO && brew install fbsim…
この前書いたActionSheetの記事書いたけど、特定の状況下だと使えないじゃん！ってなることに気づいた rskull.hateblo.jp 駄目だった理由 iOSはネイティブの機能を使ってるのでどこで呼び出しても起動するけど Androidはネイティブの機能ではなく、モーダル…
ActionSheetとは？ この下から出てきてるやつ RN本体でサポートしてくれてはいるが、iOSの標準機能なので iOS用のコンポーネントになってる。 ActionSheetIOS うーん…同じコードで両方対応したいですね… react-native-action-sheet そんなときはコレ github.…
なにこれコーディング中、HTMLやCSSなどのファイルを変更したとき 自動でブラウザをリロードしてくれるブックマークレットです！ もちろんオフラインでも使うことができます！対応ブラウザChrome / FireFox（バージョンによる）/ Safari 使い方 １．まずは下…
HTML５になってからタグに独自の属性を設定できるようになりました！ 厳密に言うとdata属性らしいですが例えば <div id="hoge" data-hoge-id="12345"></div> のようなかんじです。 data- に続いて独自の属性を定義します。この属性をJavaScriptで取得するとき、普通に取得すると そんなもんねーよ！って…
ネットで文章を読んでいて、読めない漢字があったらカーソルで反転させて ブックマークレットをポチって押すだけでルビを出してくれるサービスです。※URL移転 http:/rskull.com/ruby/bookmarklet.htmlhttp://rskull.com/ruby/home １、読めない漢字を選択す…
※2012 04/30 修正しました！ブックマークレットで簡単につくってみたので紹介。 現在みてるページのURLをすぐにツイート欄にセットして表示させます。こんなかんじJavaScript (function (d) { var title = d.title; var ref = d.referrer; var url = locatio…
今日もしょーもないブックマークレットを紹介しますよ！動画サイトで動画一覧が表示されていて、クリックすると そのまま再生画面に飛ぶ場合、見終わった後 いちいちブラウザでバックしてまた読み込みなおしたりと ちょっとめんどくさいときがあるので、タブ…
ログイン画面でパスワードを打ってるときわからなくなった！または見づらいからオープンさせたい！など、そんな時のやつです。何かよくあるやつです。画面上の全てのフォームのパスワードをオープンさせようとしています。JavaScript (function () { var for…
前にどこかのサイトでやってたので紹介します。 Javascriptでベンチマークテストをしてみましょーっまぁそんなに使う機会はないと思うのですが、高速化のテストしてる時にちょっと使ってみました。 計測するにはjavascriptのconsoleを使います。 確かChrome…
忘れないための個人的なメモです。 for文の高速化 //遅い for(i=0;i
