HTML5 Conference 2017 資料まとめ

資料まとめです セッション情報 | HTML5 Conference . . . .

LayoutAnimationをAndroidでも動くようにする

前にこんな記事を書いたが Androidでは動かなくて調べた rskull.hateblo.jp import { UIManager } from 'react-native'; constructor() { super() UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(tru…

ReactNativeでglamorous-nativeとstyled-componentsを使ってみた

ReactNativeでスタイルを書きやすくしてくれるライブラリがある styled-comopnentsはスター数が1万を超えの人気ライブラリ 主にウェブの方で使われてるがReactNativeにも対応してるっぽい glamorous-nativeは後発でstyled-componentsなどに影響を受けて出て…

ポートフォリオサイト作り直した

仕事でもずっとReaectNativeばかりで、まじめにフロント書いてないので 勉強がてらポートフォリオサイト作り直した http://rskull.com/#/works 環境構築 $ yarn add react react-dom react-router-dom styled-components Webpack + Babel 関連 $ yarn add we…

クラッシュレポートからバグの原因を特定する - ReactNative

FabricのCrashlyticsを使ってユーザーがクラッシュした時のログを収集できる 収集したログからバグってる箇所を特定する方法の一つとしてメモ クラッシュレポートから探る Fabricの管理画面を開いてクラッシュレポートを見ると、こんな報告があった undefine…

ReactNativeでE2EテストをするDetoxをちょっとだけ触ってみた(iOS)

Detoxというライブラリを使ってE2Eテストを書いてみる github.com 前提 Mac brew xCode 8.2以上 node 7.2以上 準備 シミュレーターを動かすのに必要なのでインストールする $ brew tap facebook/fb $ export CODE_SIGNING_REQUIRED=NO && brew install fbsim…

バージョン指定でReactNativeのプロジェクトを始める

メモ $ react-native init App --version v0.46.0 運用してるプロジェクトで入れたモジュールがうまく動いてない時 同じバージョンの新規プロジェクトを作って一番素の状態で想定通り動くかテストしたい時に使う わりと最終手段だけど、問題の切り分けできて…

ReactNativeで開発中、Androidのビルドで64K問題のエラーが出てハマった

64K問題 ReactNativeに限った話ではないが Androidアプリでメソッド数が65536を超えるとビルドエラーになる問題のこと Androidエンジニアにとっては常識だと思うが、Webから入った人間からすると結構厄介だった 検索すると沢山ヒットする 分かりやすかった記…

TwitterからエゴサーチしてSlackやChatworkに投げる

検索したツイートを定期的にSlackに投稿はIFFFTで出来るけど、Chatworkに投稿はZapierという類似サービスくらいしかなかった 一月の制限が割りときつくて途中で止まっちゃので Goの勉強がてら自分で作った github.com まだ作法も全然わからないし まだテスト…

ReactNativeでActionSheetを実装する - その②

この前書いたActionSheetの記事書いたけど、特定の状況下だと使えないじゃん!ってなることに気づいた rskull.hateblo.jp 駄目だった理由 iOSはネイティブの機能を使ってるのでどこで呼び出しても起動するけど Androidはネイティブの機能ではなく、モーダル…

ReactNativeにActionSheetを実装してみた

ActionSheetとは? この下から出てきてるやつ RN本体でサポートしてくれてはいるが、iOSの標準機能なので iOS用のコンポーネントになってる。 ActionSheetIOS うーん…同じコードで両方対応したいですね… react-native-action-sheet そんなときはコレ github.…

新しいMBPにXcodeの開発環境を移行したとき証明書周りでハマった

タイトルの通り。 開発ビルドとリリースビルドの証明書がうまいこと設定できない問題はよくあるみたい。 いくつかハマった点をメモする 中間証明書がなかった 【注意】Apple Worldwide Developer Relations中間証明書の期限切れ - Qiita まずはAppleから中間…

MBP買ったから初期設定メモする

アプリ Chrome Xcode Alfred3 Visual Studio Code Slack TweetDeck Google日本語入力 iTerm version3 Docker for Mac Sequel Pro GIT Brewery3 ターミナル 環境構築 $ curl -sS rskull.com/rc/install | sh デフォルトのシェルを変更 $ chsh -s /bin/zsh rbe…

LayoutAnimation 使うと楽しい

ReactNativeで LayoutAnimation を使うと、要素が消えたり表示したりする時に 勝手にいい感じのアニメーションを付けてくれるから便利 import { LayoutAnimation, } from 'react-native'; ボタンを押すとメニューが出てくる仕様があったとして、それにアニメ…

久しぶりに書く

この先も生き残れるエンジニアになるにはアウトプットを…みたいな記事に毎回脅迫されるから何かしら書いていこうと思い立った。緑のサイトは見るけど書くのは気が乗らないからブログにする。学生の頃のほうがアウトプットしてたんだけど新卒で入った会社に忙…

AutoLoader ver.1.0

なにこれコーディング中、HTMLやCSSなどのファイルを変更したとき 自動でブラウザをリロードしてくれるブックマークレットです! もちろんオフラインでも使うことができます!対応ブラウザChrome / FireFox(バージョンによる)/ Safari 使い方 1.まずは下…

HTML5の独自属性を取得する。

HTML5になってからタグに独自の属性を設定できるようになりました! 厳密に言うとdata属性らしいですが例えば <div id="hoge" data-hoge-id="12345"></div> のようなかんじです。 data- に続いて独自の属性を定義します。この属性をJavaScriptで取得するとき、普通に取得すると そんなもんねーよ!って…

ルビ振り君(β) version 1.0

ネットで文章を読んでいて、読めない漢字があったらカーソルで反転させて ブックマークレットをポチって押すだけでルビを出してくれるサービスです。※URL移転 http:/rskull.com/ruby/bookmarklet.htmlhttp://rskull.com/ruby/home 1、読めない漢字を選択す…

現在見てるページを速攻でツイートする。

※2012 04/30 修正しました!ブックマークレットで簡単につくってみたので紹介。 現在みてるページのURLをすぐにツイート欄にセットして表示させます。こんなかんじJavaScript (function (d) { var title = d.title; var ref = d.referrer; var url = locatio…

短縮APIをつかってみる。

Twitterでも有名なURL短縮サービスのTinyを使う方法! っていってもHPにいけば書いてありますが。。PHP define('TINY_API', 'http://tinyurl.com/api-create.php'); function tiny ($url) { return file_get_contents(TINY_API.'?url='.$url); } こんな感じ…

Webサービス作ってる

GeekzでWebサービスを作ってます。 実質一人で作ってます。。jQueryとか使いこなせてないのに使うと無駄おおくて嫌よね← UIの部分でちょっと行き詰まってモチベーション下がってきてます今w詳しい内容は言えませんが Twitter関連のサービスですよっ iPhone用…

リンクを全てタブで開かせる。

今日もしょーもないブックマークレットを紹介しますよ!動画サイトで動画一覧が表示されていて、クリックすると そのまま再生画面に飛ぶ場合、見終わった後 いちいちブラウザでバックしてまた読み込みなおしたりと ちょっとめんどくさいときがあるので、タブ…

パスワードをオープンさせるブックマークレット

ログイン画面でパスワードを打ってるときわからなくなった!または見づらいからオープンさせたい!など、そんな時のやつです。何かよくあるやつです。画面上の全てのフォームのパスワードをオープンさせようとしています。JavaScript (function () { var for…

PHPでTwitter CUIクライアント作ってみた。

PHP

PHPとShellScriptをつかって(無理矢理)つくってみました。 ただの紹介←PHPでコマンドラインの引数を受け取るには$argvという変数を使います。 いちいちシェルで $ php hoge.php 引数 と実行するのはめんどくさいので ShellScriptでまとめちゃいました。起…

python外部ライブラリをインストール。

どうも。python超初心者です! 結構おもしろいねぱいそん!まぁ最終的にはWeb系で使いたいからな。 そしたらDjangoだなって言われたけど、まぁまず基本からやらないとね ネットでも見るけど、どっちかというと参考書派なんだよな〜。。。 何処でも読めるし。…

Jsでベンチマークてきな。

前にどこかのサイトでやってたので紹介します。 Javascriptでベンチマークテストをしてみましょーっまぁそんなに使う機会はないと思うのですが、高速化のテストしてる時にちょっと使ってみました。 計測するにはjavascriptのconsoleを使います。 確かChrome…

JavaScripの高速化メモ ①

忘れないための個人的なメモです。 for文の高速化 //遅い for(i=0;i

32文字のランダムな文字列を作成

PHP

ランダムな文字列を生成したいときに簡単な方法があります。たった1行でできます

TwitterのAPI - 発言した時刻を直す

PHP

PHPでTwitterのAPIをまさぐってて、発言の作成時間を取得したら時間がどうもずれてる・・・。よく見てみたらタイムゾーンがちがうんですねGMT + 00:00 だっけ? グリニッジ標準時になってるんです。 最初は時間たして日本時刻にしようと頑張ってたけど簡単な…