読者です 読者をやめる 読者になる 読者になる

Webエンジニアの備忘録

およそ自己の作業メモとして残しております。

ES6におけるReactコンポーネントの書き換えについて

用途に併せてコンポーネントを書き分けよう eslintに従いクラスコンポーネントを書き換えるケースがよくあるので、サンプルを貼っておきます。 たくさん書いてありますが、全て結果としては同じ内容を表現しています。 クラスコンポーネント(class) 以下の…

Mac新OS「Sierra」で内蔵カメラが動かなくなった件

Mac

今回「Sierra」へのアップデートでは早くもいくつか辛酸を味わっていますが、FaceTimeカメラについてはようやく解決したのでメモを残しておきます。 以下、やってみたこと。 VDCAssistantのプロセス強制終了 カメラを握っているプロセスがあることで、他で利…

React開発をwebpackでおこなう

概要 前回までの記事でgulpを利用しての開発を進めていましたが、いろいろ見聞してwebpackを使ってみることにしました。 利点を簡潔に言えば、jsをひとつに纏めるかファイル群としてストアするかの選択ができます。さらにwebpack-dev-serverと組み合わせれば…

Reactjsのstate/propsの挙動を確認する極力シンプルなコード

以下の記事で紹介したサンプルコードです。 tak-taniguchi.hatenablog.com 概要 Reactのstate/propsの関係を簡潔に表すために書いてみました。 余計なコードをほとんど書いていないので、UIは見づらいですが動きがわかりやすいかと思います(笑) 動作に成功…

フロントエンド初心者がReactによるSPAを構築するに至るメモ

はじめに 最近Javascriptを用いたフロントエンド開発に従事することになり、取り急ぎ敷居が低そうなReactjsに飛びつきました。 jqueryを弄る程度で知識的に止まっていたので、学習は相当ステップを刻むことになってしまいました… 最近ようやくたたき台的なも…

Ruby on Railsにおけるfrontend開発基盤を考えるメモ

概要 Ruby on Railsにおけるフロントエンド開発にて、現段階(2016年7月時点)で必要そうな技術ベース、開発規約を調査しています。 唯一の方法策定ではなく、できるだけ多くの技術について俯瞰的に差異を調査します。 具体的な検討領域 フロントエンドと大…

rubyのメソッド引数が値渡しという話

Rubyを書き始めてまだ2〜3週間ですが、メソッドで思わぬ挙動があったので記録しておきます。 挙動が想定外だった def test_add(arr) arr += [1] puts 'B=' + arr.to_s end def test_push(arr) arr.push(1) puts 'D=' + arr.to_s end arr = [0, 2] puts 'A=…

フロントエンド環境構築(node/nvm/npm/gulp)

以前のプロジェクトでgulpを利用していたのに、フロントエンド担当ではなかったため環境構築に携われませんでした。 正直よくわからないで使っていたので、自分で構築して何をやっていたのか考えてみます。 今回は「ドットインストール」を教材に習ったもの…

PostgreSQLのインストール

UbuntuにPostgreSQLをインストールしてみました。 使い方についてもあまり知らなかったので、メモがてらCUI操作まで描いておきます。 パッケージのインストール こちらで本体、クライアントなど一通りの関連パッケージがインストールされます。 $ sudo apt-g…

Vagrant上でNginx+Unicornサーバー設定

rails serverコマンドでアプリケーションサーバーを立ち上げるのも手間になってきたので、Unicornを入れてみました。 こちらは前回記事の続きの作業になります。 tak-taniguchi.hatenablog.com Unicornをインストール 以下、Vagrant内での作業になります。 G…

Vagrant + Nginx + Ruby on Railsを動かしてみる

かなり遅まきながら、Rubyに触れる機会がありVagrantでのセットアップまでを試してみました。 RubyをVagrantにインストールし、Railsの新規プロジェクトを起動・ブラウザ確認するまでの工程をざっくり記載しました。 コマンドで迷ったところをメインにまとめ…

Unity Cloudで自動ビルドからSlack通知までを試してみました

Unityビルドの悩み これまで実機での確認はPCにAndroid端末を接続して行っていました。 ただ、こちらの方法だと以下の懸念がつきまといます。 ビルドが環境に依存する。(ProjectやSceneを保存し忘れる、Unityバージョンを揃えそこねるなど) 複数のプラット…

さくらVPSの独自ドメインサーバーからgmailにメールを転送

さくらVPSで独自ドメインを取得していたのですが、メールアドレスとして利用していなかったのに気づき、せっかくなので設定してみました。 これまでメールサーバーを構築したことがなかったので、基本的なことから勉強しました。 今回の要件 さくらVPS独自ド…

Go言語を試してみる

PHPに飽きたので、Golangなどに手を出してみました。 インストール Macで実行環境を構築するにはbrew installが簡単そうだったので、こちらを試しました。 $ $ brew install go ==> Downloading https://homebrew.bintray.com/bottles/go-1.5.2.el_capitan.b…

gitのcommitをまとめる

プルリクエストを出すまでの過程で細かい手直しが塵ツモでcommit履歴が伸びてしまうことが多々ありまして、対処方法を調べました。 rebaseで纏められる まず基点となる/の設定が必要でした。 git branch --set-upstream-to=origin/master HEAD~3は先頭から数…

aws-sdk-phpを使い、SimpleEmailServer(SES)にてsendEmail

前回aws-sdk-phpの3系の扱いでつまずいたので、SESクライアントをサンプルにインスタンスの生成についても記載しておきます。 元の情報ページ http://docs.aws.amazon.com/aws-sdk-php/v3/guide/getting-started/basic-usage.html http://docs.aws.amazon.c…

aws-sdk-phpを利用する際のバージョンについて(2系、3系)

aws-sdk-phpを利用する際にバージョン関係の把握や、実装方法の検討に時間をとってしまったのでメモしておこうと思いました。 最新バージョン・ドキュメントの確認について GitHubで公開されているものがもっとも新しいです。 <a href="https://githu…

FuelPHPでJadeを使う

PHP

FuelPHPでJade Template Engineを検証した際にいくつか迷った点があったのでメモを残しておこうかと思います。 実装方法 composerにてJadePHPを取り込む config/config.phpのalways_loadにparserを追加 config/parser.phpを追加 // JADE PHP ( https://githu…

Vagrant上でWebサーバー構築(Nginx)〜ブラウザ確認まで

前回の記事でVagrantで空っぽのサーバーを作ったところで終わっていましたが、Webサーバーとしてローカルで見られるところまでをメモがてら纏めてみようと思います。 あくまでローカルのVM構築メモなので、インターネットとつながるサーバー構築には利用しな…

Vagrantがえらい便利になっていた

Web開発をおこなうことになり、昔の知識を頼りにVirtualBox+Vagrantで仮想サーバーを構築してみました。 環境はMacOSX Yosemiteになります。 ダウンロード こちらのサイトから落としました。括弧の最新バージョンを取得。 Oracle VM VirtualBox - Downloads…

fuelphpにてプロジェクトを作成する

PHP

またも突如としてWeb業務への異動が決まり、PHPエンジニアに復職しました。 忘れないうちにUnity、Cocosノウハウもブログにまとめたい… 今日はfuelphpを勉強がてら試したので、メモがてら纏めておきます。 fuelphpインストール $ curl get.fuelphp.com/oil |…

UnityのuGUIに配置したオブジェクトの順序がうまく表示されないときに確認すべきこと

このあたりで高度な問題が出たことはないです。 たいてい凡ミスですが、人に訊いて判明した際にはエラい恥をかくのでチェックシートがてら羅列しておきます。 既存オブジェクトに隠れる Canvas内の並び順が間違っている(Hierarchyで下にあるほど手前のレイ…

uGUIのキーボード入力ができない

Android、iOSでのキーボード入力を念頭にアプリ開発を行っていたところ、uGUIのInputFieldにて躓くことが多かったのでメモしておきます。 スタンダードな実装 Canvasを追加する InputFieldを追加する InputField下にはPlaceholderとTextがついてくる すごく…

Unity開発はじめました

しばらく記事を書いていませんでしたが、Cocos2dxからUnityメインへと転向しました。 理由としては、 素早く開発できる 個人開発にAssetStoreが便利 プレビューが楽 という印象を受けました。 エンジニアの多くはコードよりもGUIインターフェイスに抵抗があ…

cocos2dxでScrollViewを使う

ScrollViewについてはフレームワークを読む機会も多く、またソースも簡潔だったので備忘録がてら纏めておきます。 バージョン:cocos2d-x-3.3rc0(サンプルはC++) パス:cocos2d_lib/extensions/GUI/CCScrollView/CCScrollView.cpp #include "extensions/co…

cocos2dxで本格的に開発を始める

何度もアプリ開発で挫折しましたが、今回はお仕事です。 ちゃんとやってみようかな… 今回はcocos2dxにてC++開発という要件があるので、それにちなんだセットアップまでおこないました。 必要なもの cocos2dx本体 <a href="http://www.cocos2d…

sshfsを使って、Mac上でグローバルなサーバーをマウントする方法

他のPCで対応しようとして躓いたのでメモっておく。 FUSE for OSXをダウンロードし、インストールする。*1 インストール時は「Mac FUSE Compatibility Layer」をチェック。 SSHFSをインストールする。*2 ターミナルでコマンドラインが使えるようになるので確…

sublime text3 に今さら乗り換えた

乗り換えついでにおこなった設定と利用Packageについてメモっておく。 ヴァージョン Sublime Text 3 is currently in beta. The latest build is 3059. OS X (10.7 or later is required)http://www.sublimetext.com/3 Package Controlの導入 Control+`でコ…

PHPフレームワーク「Laravel」をインストールしてみる

PHP

仕事の都合でLaravelを試してみることになった。 「ララベル」でググルと魔法少女が出てくる。 抵抗あるけど仕事だから仕方ない… Composerでのインストールが常套らしいので、したがって見る。 mkdir /var/www/laravel cd /var/www/laravel curl -sS https:/…

JSONを返却するAPIを作成した際、HTMLを埋め込みたい時のエンコードについて

PHPでAPIを用意してAjaxで呼び出し、divタグのinnerHTMLにそのまま埋め込みたいというのはよくある話。 APIにHTML自体を生成させて吐き出させるということをやると、中途半端にHTMLタグが再生されてグズグズのページが見えてしまうというのもよくある話。 そ…

PHPでQRコードを実装してみた

PHP

こちらを使って、QRコード生成ページを作成しようと思う。 http://pear.php.net/package/Image_QRCode/download ./image_qrcode/ └data └doc └Image ※必要 └imagedata ※必要 └README └tests ./public/ ※HTTPドキュメントルート └qrcode.php ※実装ファイル ./…

nginxでrestfulアクセス対応

昨日、twitterのアクセストークンが消し飛ぶという謎の事象にまる1日悩まされました。 アクセスログなどを追ってみたところ、faviconへのアクセスがウェブアプリへのアクセスと誤認され、ヒットしないアクションだったせいでドキュメントルートにリダイレク…

debianにnodejs、npm、gruntをインストールする

必要なファイル sudo apt-get update sudo apt-get install build-essential curl git libssl-dev バージョン管理ツールを使って入れるのが吉 どうもJS全般でバージョン差異による挙動変化が多く、開発環境下でもそれを変えながら作業する文化があるようだ。…

vagrantの中からネットワークアクセスが一切できなくなる事案について

Macでvagrantを立ち上げていて、時々起こる事象がこのネットワーク不具合。 突然ヤフーにdigしてもヤフーにpingしてもヤフーに…(ごめん、ヤフー) とにかく突然繋がらなくなるんです。 このときはネットワーク設定があってようが無線LANがバリ3(笑)であろ…

mac ports と brewは干渉すると訊いて。

$ brew install node Warning: It appears you have MacPorts or Fink installed. Software installed with other package managers causes known problems for Homebrew. If a formula fails to build, uninstall MacPorts/Fink and try again. どうも共存…

vSSHについて

vSSHというアプリを購入。 iPhoneからSSHできるターミナルです。 この手のアプリはコンソールにがしがし打つのが現実的でないんだけど、vSSHはマクロを簡単に設定できたり、historyもスワイプで呼びたせたりと便利。 ロードやログ監視、緊急時の定型対応なん…

Retinaがすごい件について

RetinaディスプレイのMacBookProを買った。 今使っているMacBookAirと同じ13インチだ。 Proはでかいというイメージがあったが、なにげにそれほど変わらない。 それでいて、解像度が高いので、作業エリアはものすごく広くなった。 一度使うと元に戻れないと訊…

iPhoneアプリ開発、ViewControllerあたりを写経する

かなり真面目にマニュアルに従って開発作法を学んできたが、Xcodeの作法のところはCSSのパラメータ暗記と通ずるところがあるなあ、という私見を抱いた。 なにが面倒というと、やっぱり覚えなきゃならない呪文が多い。これはXcodeがフレームワークを提供して…