Spark-sqlでHiveのメタストアを使う - Qiita
Amazon EMRとかだと最初から設定されているので手間が無いのですが、Azure HDInsightとかでは紐付けされてないので、その方法。 設定 とは言え簡単です。 基本的には、\$HIVE_HOME/conf/hive-site.xmlの中のhive.metastore.urisプロパティをコピーして、\$SPARK_HOME/conf/hive-site.xmlとして保存するだけ。 情報によってはhive-site.xmlをまんまコピーすればよい的な記述もあるのですが、HDInsightではいろいろな記述がhive-site.xmlにされており、そのままコピーしただけでは、無理でした。 hive.metastore.urisの確認 HDInsightで\$HIVE_HOMEは、/usr/hdp/current/hive-client/になりますので、/usr/hdp/curren
ReactNavigationのDrawerNavigatorから直接メソッドを実行する方法 - Qiita
結論から言うと「直接メソッドは実行できない」ようです。 contentComponentを利用してItem項目にButtonなどを差し込み、そのonPress()等で対応するか、おとなしく一度Component（画面）を経由するしかないようです（今回は前者の対応です）。 やりたいことはDrawerにLogoutを仕込み、そのままLogoutしたいだけなのですが。。。 以下、Drawerの定義を抜粋したコード。 ButtonだとStyleが限定されるのでTextで対応しました。また、既存のメニューと似せるためには強引にstyleで合わせる必要があります。 なので、sytleに関する記述はかなりHack的になり環境依存です。もっとまともな方法があれば教えてほしい。。。 Viewだと改行がはいるのでTextで囲ったり、Textだとmarginが効かないのでViewで囲ったりと・・・。私が不慣れな
React-Navigatorを利用してみる（基礎編） - Qiita
注意 react-navigation v3で動作確認しています react-navigation v4がリリースされ、createBottomTabNavigator等が分離されています（未対応）。 概要 まともなアプリを作るためにはNavigation機能の利用は避けて通れません。 ライブラリとしてはreact-navigationとreact-native-router-flux(rnrf)というのが有名みたいですが、Reac自体に不慣れなので情報が多いreact-navigationを利用してみます。 この基礎編をベースにした応用編んも書きました。よろしければどうぞ。 React-Navigatorを利用してみる（基礎編）→この記事 RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる RN応用編２：TabやDrawerメニューにアイコンを設定する RN
RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる - Qiita
基礎編からの続きです。 シリーズ React-Navigatorを利用してみる（基礎編） RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる→この記事 RN応用編２：TabやDrawerメニューにアイコンを設定する RN応用編３：Reduxで値の取り回し 概要 基礎編でDrawer Navigationを追加しましたが、そのままでは、利用者は存在に気づきません。そのため、ヘッダー部分にハンバーガーメニューを追加して、Drawerを開くようにします。 なお、Tab NavigationやSingleページ？（Stack Navigation以外）ではヘッダにメニューを追加できないようなので、その対応方法も書きます。 ひとまずハンバーガーメニューを追加する アイコンが使えるようにする ハンバーガーのアイコンを利用したいのでモジュールをinstallします。
RN応用編２：TabやDrawerメニューにアイコンを設定する - Qiita
既存編、応用編１からの続きです。 シリーズ React-Navigatorを利用してみる（基礎編） RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる RN応用編２：TabやDrawerメニューにアイコンを設定する→この記事 RN応用編３：Reduxで値の取り回し 概要 応用編１ではハンバーガーメニューで見た目をいじったので、ついでにTabやDrawerメニューにアイコンを追加してみます。 Tabメニューにアイコンを追加 アイコンもいくつかの場所で追加できますが、ここではcreateBottomTabNavigator()にnavigationOptionsを定義することで追加してみます。 Tabにアイコンを追加します。react-native-vector-iconsを利用するので、installやimportがまだであれば実行してください。 +import
RN応用編３：Reduxで値の取り回し - Qiita
応用編２の続きです。 シリーズ React-Navigatorを利用してみる（基礎編） RN応用編１：Drawer Navigatorをハンバーガーメニューで表示させる RN応用編２：TabやDrawerメニューにアイコンを設定する RN応用編３：Reduxで値の取り回し→この記事 概要 応用の本命です。 画面が増えてくると画面間での値や関数の共有が標準のpropsによる共有ではしんどくなってきます。 そこで値や関数を一言管理できるreduxを利用してみます。 また、Reduxが入れ子にしたページ等でも正しく機能するか確認します。 本当はReduxの利用が応用のメインですが、余計な記事（応用１、応用２）を書いてしまいました。 reduxを使うための準備 まずはReduxを利用するためのモジュールをインストールします。 reduxのインストール reduxとreactで使うためのモジュールで
ReactNativeでTabにStackを入れ子にする - Qiita
イメージ 動画にしたかったけどうまく録画できず・・・。 実装 レイアウト？自体はそんなに難しくはない。Stackを作って、Tabでページとして指定するだけ。 import React from 'react'; import { Text, View, Button } from 'react-native'; import { createBottomTabNavigator, createStackNavigator } from 'react-navigation'; import { Entypo, Ionicons, Feather, FontAwesome } from '@expo/vector-icons'; //Home class HomeScreen extends React.Component{ render(){ return ( <View style={{f
ReactNativeでQRやBarcodeを生成する - Qiita
ReactNativeでQRとBarcodeの生成をしてみます。どちらも便利なモジュールがあるようです。感謝。 準備 モジュールをインストール。 npm install react-native-qrcode --save npm install react-native-barcode-builder --save import React from 'react'; import { StyleSheet, Text, View, Button, Alert } from 'react-native'; import QRCode from 'react-native-qrcode'; import Barcode from 'react-native-barcode-builder'; export default class App extends React.Component
React NavigatorでTabにStack入れ子にしてReduxでstate管理 - Qiita
あまりサンプルが無いので自分用にメモ。 根本を理解していないのでズレてるかも（でも期待の動作はします）。 動作イメージ 下記のような感じ。Settingsで値いじったら、その他の画面にも反映・利用できるようにしたい。 ユーザープロファイルを引き回すイメージなので、name変数とそれを変更するupdateName()を引き回す。 ディレクトリ構造 とりあえずRedux-way風。いまいち落ち着かない。 以下、実装を見ていきます。 環境 expを利用しますが、create-react-native-appでも基本同じかと。 exp init demo cd demo npm install --save redux react-redux react-navigation npm install import React from 'react'; import { StyleSheet, T
Laravel5.7でAPIのJSONエラーメッセージをカスタマイズしたい - Qiita
APIのバリデーションも（フロントと同様）FormRequestで行いたい場合の対応。 やりたいこと エラー時のJSONメッセージのカスタマイズ（statusとかの追加）したい URLパラメータ(/users/{id}/{password})もバリデーションしたい JSONのカスタマイズのイメージは { "status": "NG", "date": "2018-10-24", "message": "password must be at least 4 chars。" } こな感じ。 status入れたり、エラーメッセージはバリデーション機能が返すものを利用するけどkeyは変えたいとか。 実装 FormRequestを利用していろいろ記述する。 ルーティング api.phpに下記を記述。 POST送信時にURLパラメータ(idやpassword)もValidateしたい。POSTではn
AsyncStorageを使ってみる - Qiita
ReactNativeでは簡単なデータならDBとか使わなくてもAsyncStorageを利用して保存できます。特に悩むことはありません。 基本的には、 設定：AsyncStorage.setItem('key','value'); 取得：AsyncStorage.getItem('key'); とするだけ。 本家サイトを参考に下記のように記述してみました。 名前(name)を受け取り保存。nameをAlertで出力。 import React from 'react'; import { StyleSheet, Text, View, Button, Alert } from 'react-native'; import { AsyncStorage } from "react-native" export default class App extends React.Component
React(Redux)のディバッグ環境を整える - Qiita
いくつかやり方がありますが、ChromeのExtension使うのが一般的。 React Developer Tools 特に何も難しいことはない。インストールして、Reactが使われてるサイトを見れば、stateとの中身とか見れます。 Redux + Redux こちらもいくつかのツールが存在しますが、React DevTools Extensionを利用するのが一般的な感じ。但し、Chromeにツールを入れただけでは何も見えず、コードの中に必要な記述を行う必要がある。 コードはcreateStore()に埋め込むが、middlewareを利用するかによって記述が異なる。 以下はミドルウエアを利用する場合の記述。 どちらも覚えるのめんどいので、私は下記で統一しています。 私はcreateStoreってファイル作ることが多いのですが、下記のように記述しています。 import { crea
Laravel5.7 + React + Redux + Thunk - Qiita
ディレクトリ構造 Laravelのresourcesのjsの中を以下のようにしました。 Redux-Wayとも呼べない中途半端なもの。結局containerは利用しませんでした。 実装 app.js Laravelにおけるエンドポイント。まあ、初期jsを読み込んでるだけ。 import React from 'react'; import ReactDOM from 'react-dom'; import { Provider, connect } from 'react-redux'; import createStore from './createStore'; import TodoApp from './components/TodoApp'; const store = createStore(); ReactDOM.render( <Provider store={store
React Navigation(stack)の簡単な使い方とScreen間の値の受け渡し(reduxなし） - Qiita
You must install peer dependencies yourselfというWarningが沢山でますが、無視（動作に問題ないようです）。 基本実装 実装していきます。はじめから存在しているApp.jsを編集していきます。編集は下から上に進む感じです。 シンプルでわかりやすいですね。 import React from 'react'; import { Button, View, Text } from 'react-native'; import { createStackNavigator } from 'react-navigation'; //About class AboutScreen extends React.Component{ render() { return ( <View style={{flex:1, alignItems: 'center',
Laravel5.7でReactを利用した開発をしてみる - Qiita
やりたいこと React + Laravelで簡単なTodoアプリを作ってみる 以前Vue版を書いたが、そのReact版。正直まとまり悪いです。すみません。あと、参考ですがRedux利用版も書いてみました。 Laravelのプリセットを（Vueから）Reactに切り替える Laravelは標準でVueの利用環境が組み込まれていますが、5.5からはReactにも対応しています。 今回はReactを利用したいのでプリセットをVueからReactに切り替えます。 composer create-project laravel/laravel laravel-react cd laravel-react php artisan preset react npm install && npm run dev 切り替えが完了したら、一度npm installおよびnpm run devで正しくビルドで
Laravel5.7でreCAPTCHAを導入してみる - Qiita
需要があるのでreCAPTCHAを導入法を調べました。 参考サイトはこちら。ほぼまんまです。すみません。 準備 Laravelのインストール 割愛してもいいですが、一応。
Laravel5.7でVueを利用した開発をしてみる - Qiita
やりたいこと Laravel + vue + axiosの連携 Laravel mixを利用したワークフローの確認 React版もいちおう書きました。 やること サンプルとして下記のようなTodo管理システムを作ります。 こちらの記事が特に参考になりました。ありがとうございます。 前提知識 vueの開発環境はwebpackやCLIを利用して行うことが普通ですが、LaravelにはLaravel Mixというwebpackを簡単に取り扱うためのラッパーがあります。動作は、webpack.mix.jsに下記のように定義されています。 mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css'); resources/js/app.jsをいじってnpm run devを実行すると
Laravel5.7でSeederとかFactoryとか - Qiita
しばらくブランクがあったのでまとめ直し。 SeederとFactory Seederはデータベースにデータを（一括）挿入する仕組み。 FactoryはSeederにデータを与える仕組み（通常、Seederの中で呼び出す）。 両者とも便利であることはもちろん、データ生成をプログラムとして定義することで再現性、バージョン管理等が可能としている。 誤解を恐れず言えば、Factoryは必須ではない（Seeder内のプログラムで代用可能）。 利用してみる Seederファイルの作成 下記のコマンドを実行するとdatabase/seeds/以下にファイルが生成される。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ReactNativeで引っ張ってデータ更新 - Qiita
Laravel + ReactNative(FlatList)で無限スクロール - Qiita
