Umi Uyuraのブログ

プログラミング関連の作業ログ

2015-01-01から1年間の記事一覧

GitHub PatchWork Tokyoにメンターとして参加させていただきました

GitHub Git イベント

メンターが足りてないのでGitとGitHubを使ったことがある人でメンターやってもいいよって人は是非ご登録ください！ 12月19日 GitHub Patchwork Tokyo https://t.co/AsS18Qv08u— Takafumi Ikeda (@ikeike443) December 12, 2015 9月に参加させていただいたGit…

Apple Musicか、Google Play Musicか、それが問題だ

音楽 Google Play Music

Apple Musicのお試し期間が終了して、シルバーウィークキャンペーン中に登録したGoogle Play Musicのトライアル期間の終わりも近づいてきたので、そろそろどちらかに決めないといけない時期に来ました。 umi-uyura.hatenablog.com 結論：Google Play Music …

Alloy with Jadeでincludeを使う

Titanium Alloy Jade Stylus

私は普段Titanium開発をする際、ViewをJade、StyleをStylusで書いています。 umi-uyura.hatenablog.com 今回、Viewの中でJadeの include を使ってみようとしたところ、上記のalloy.jmkだけではエラーになってしまうようだったので、少し修正してみました。 a…

Titaniumでオブジェクトの中身をダンプする

Titanium JavaScript

普段Emacs + Titanium(Appcelerator) CLIで開発をしているのですが、少し不便なのが、デバッグのときにオブジェクトの中身を確認したいとき。 Appcelerator Studioなら、ステップ実行しながらオブジェクトの中身をGUIで確認できたりするわけですが、わざわざ…

WiMAX 2+とカケホライトと私

WiMAX docomo 通信回線

約1ヶ月半くらい前、9月も終わりの頃、いよいよ覚悟を決めてWiMAX 2+へ移行しました。 加えて、普段使っているドコモ回線契約も新しい料金プラン「カケホーダイライト」に変更したので、１ヶ月使ってみた感想でも書いてみようと思います。 WiMAX 2+へ移行し…

ネット非接続状態でEmacs起動時にEmacsWikiへの通信がエラーになってしまう問題が解決した

Emacs

以前から気になっていたのですが、インターネットへ接続していない状態でEmacsを起動するとエラーが発生してしまい、.emacsの読み込みが中途半端な状態になってしまう現象がありました。 これは、パッケージインストールツールのauto-installにて、起動時に …

FlycheckでESLintの設定を育てるときのメモ

Emacs Flycheck ESLint

Flycheckを導入しているものの、普段は一緒に導入している flycheck/flycheck-pos-tip でエラー箇所をポップアップさせて、その部分を修正していくという使い方をしています。 先日、EmacsでESLintを使える環境を作って、自分好みの設定を模索しようとしてい…

React v0.14とBabelify v7(Babel v6)へアップデート

React Browserify Babel

新しいReactベースのプロジェクトを作ろうとして、せっかくなので以前作った雛形のパッケージ類をアップデートしておくことにしました。 umi-uyura.hatenablog.com ちょうど最近、Reactがv0.14系になり、トランスパイラであるBabelもv6系になったようなので…

ESLintの設定事始め

ESLint Node.js React

先日、とりあえずEmacsでESLintを使う環境を作ってみましたが。 umi-uyura.hatenablog.com チェック内容を設定しておかないと意味がないので、基本的なものだけでも設定しておこうと思い、調べてみました。 設定ファイル雛形の生成 そもそも、これまでESLint…

EmacsのESLint環境をセットアップした

Emacs JavaScript ESLint ES6 Node.js React

以前、EmacsでReact(JSX)コーディングする環境について調べた際に、JSXの構文チェックとして JSXHint を使うようにしました。 umi-uyura.hatenablog.com ところが、こちらの記事によると、どうやらすでにJSXHintはDeprecatedになっていて、ESLintへの移行を…

Appcelerator CLIとNode.js絡みでつまずいたことを書きました

Titanium Node.js Appcelerator Platform

久々にQiitaに投稿しました。 Titanium - Appcelerator CLIで [Error: Module did not self-register.] と出るようになった - Qiita Titanium - Appcelerator CLI Coreのインストールでbufferutilのビルドがエラーになる - Qiita どちらも、Node.jsのバージ…

Titanium製iPhoneアプリのiOS 9対応について調べてみた

Titanium iOS

そろそろ本格的にTitaniumで開発したiPhoneアプリをiOS 9対応することになりそうなので、自分の携わるアプリに関係するところ中心ですが、どんな対応が必要か調べておくことにしました。 iOS 9へ対応するための準備 以下の2つの環境が必要です。 Xcode 7 Tit…

Apple MusicとGoogle Play Musicをトライアル中

音楽

自分的に興味があった洋楽の70年代ロックなどを手軽に聴けることもあって、その昔Napsterを使っていた身としては、定額サブスクリプション型の音楽サービスは待ち望んでいたものでした。 LINE MUSIC、AWAとトライアルが終わって、あとはApple Musicはトライ…

小さなスクリプトはGistで管理するようにした

Gist GitHub Mac 環境構築 dotfiles

頻繁に使うちょっとした処理をシェルスクリプトなどにしていたりいるのですが、それらを管理するのに、現状は自分の環境構築用のリポジトリ（ umi-uyura/dotfiles の bin フォルダ ）に含めています。 umi-uyura.hatenablog.com ですが、環境構築とは目的が…

Meld LauncherをElectronに移植してみた

Electron NW.js Node.js Meld Launcher

ちまたではNW.jsよりElectronの方がフィーバー（死語）している感じなので、ちょっと触ってみることにしました。 とりあえずHello World的なものをやろうかと思ったのですが、ざっと眺めた感じ、作り方はわりと似ている印象だったので、ここはひとつ、NW.js…

NW.jsのパッケージング方式の見直し

NW.js node-webkit Node.js React Material UI

先日、自分用のReactのプロジェクトテンプレートの構造を見なおしたついでに、 React + NW.jsのテンプレートの方 (umi-uyura/react-on-nwjs-sample) も同じ方針で改良しておくことに。 umi-uyura.hatenablog.com ついでに、以前のテンプレートでは配布形式の…

自分用Reactひな形プロジェクトのプロジェクト構造を見直し

React Browserify Node.js npm

先日、Reactの勉強用に作ったプロジェクトのひな形（ umi-uyura/my-react-boilerplate ）ですが、プロジェクトの構造を変更することにしました。 umi-uyura.hatenablog.com 気になってきたところ 当初の構造は以下のような感じでした。 . ├── README.md ├── …

GitHub PatchWork Tokyoへ参加しました

GitHub Git イベント

GitHubが開催するハンズオン・イベントが、9月3日にありました。 GitHub Patchwork Tokyo 当日ふと見たら定員に空きがあったので、先日「GitHubの教科書」を読んでGitHub熱（？）があがっているうちにプルリクエストを体験できるなら、と思い参加してみまし…

「Web制作者のためのGitHubの教科書」を読んでみた

GitHub Git 読書

TimezoneConv を作ったときにGitHub Pagesを使ってみた流れで、以前Kindle 75%セールのときに買っていた「Web制作者のためのGitHubの教科書」を読んでみました。 Web制作者のためのGitHubの教科書 チームの効率を最大化する共同開発ツール作者: 塩谷啓,紫竹…

GitHub Pagesでプロジェクトページを作ってみた

GitHub GitHub Pages Git

先日、React + Material UIでタイムゾーン変換ツール TimezoneConv を作ってみました。 React + Material UI + Moment.jsでタイムゾーン変換ツールを作った - Umi Uyuraのブログumi-uyura.hatenablog.com 公開するにあたって、当初はHerokuもしくは別のホス…

React + Material UI + Moment.jsでタイムゾーン変換ツールを作った

React Material UI Node.js GitHub Moment.js ツール

海外のWebinarを見たりする際などに 9:00 AM PST って日本時間のいつになるの？というのを調べることがあるので、タイムゾーン変換ツールを作ってみました。 GitHub Pagesで公開しています。 TimezoneConv ソースはこれです。 umi-uyura/timezoneconv 良かっ…

Twilio & Titaniumミートアップに行ってきました

Titanium Twilio イベント

少し前ですが、7/30にKDDIウェブコミュニケーションズで開催されたTitanium関連のイベントに参加しました。 Twilio & Titanium JavaScriptで作るネイティブアプリ 〜あなたのiPhoneが電話になる - TwilioJP-UG Tokyo | Doorkeeper Titanium関連のイベントに…

React + BrowserifyプロジェクトでJS/CSS/HTMLを圧縮(Minify)する

React Browserify Node.js

ReactとMaterial UIを組み合わせると、それだけでBrowserifyで結合したJavaScriptファイルが1MB超えてしまうので、やっぱり圧縮とかした方が良いのかな―と思い、やり方を調べてみました。 ※2015/08/03更新 Licensifyを開発された @t_wada さんから改良の連絡…

MacのWi-Fi切→入するだけのツールを作った

Mac ツール

MacのWi-Fiは不安定という話をよく聞きますが、自分が会社で使っているMacBook Proも、1日に数回くらい、突然Wi-Fi接続が切れたり、Wi-Fi自体はつながっているみたいだけど通信ができなくなったりすることがあります。 ネットワークの問題なのか、Mac側の問…

dマガジンのサッカーダイジェストの残念なところ

docomo

NTTドコモが提供している雑誌読み放題サービスの dマガジン、月額400円で、いろんな雑誌を斜め読みできるので、奥さん共々活用しています。 自分が主に読んでいるのは、「週刊アスキー」「横浜ウォーカー」「日経ビジネス Associe」「MacFan」などで、それ以…

Material UIのv0.10.0が出ていたので見てみた

Material UI マテリアルデザイン React

Material UIのv0.10.0が出たようです。 Material UI、v0.10.0が出てる。バージョンアップ早い。Breaking Changes書いてあるけど、最近使い始めた自分にはあまり影響なさそう / https://t.co/5QdgldMwuV— Umi Uyura (@umi_uyura) July 10, 2015 またマイナー…

永遠にBrothers & Sisters

音楽 石田長生 Char

今朝、Twitter眺めていたら、ショッキングなニュースが眼に飛び込んできました。 ご報告。 かねてから闘病中でした石田長生ですが、残念ながら７月８日の早朝に永眠いたしました。 回復を信じて応援して頂いた皆さま、有難うございました。 【スタッフより】…

React + Browserify + Babelify環境の自動リロードにBeefyを使ってみた

React Browserify Node.js

最近Reactを少し触っていましたが、業務の関係もあって、純粋なWebサイトではなく、主にNW.jsのUI構築用に使っていましたが、せっかくなので、シングルページなWeb制作でも使っていけるようにしようと思って、試しています。 NW.jsのときに作ったBrowserify …

Browserify環境でMoment.jsの国際化を利用しようとしたときのメモ

Browserify React Moment.js Node.js

ちょっとした日時計算をするだけのペライチなWebページを作ろうとしていました。 日時情報を取り扱う処理を実装するので、定番の Moment.js を組み込んでいたのですが。 UI部分は最近取り組んでいるReactを使うことにして、JSXの変換も済ませた形で組み込む…

Material UIのTableをさっそく使ってみて

マテリアルデザイン Material UI React

Material UI v0.9.2でTableコンポーネントが追加されました。 Table - Material UI ちょうどデータの閲覧ツール的なものを作っていたこともあり、これを使うと見た目が整理できて良さ気だな、と思ったのですが、まだ First iteration と言っているくらいなの…