コンパイラかく語りき

import { Fun } from 'programming'

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

WebStormのターミナルで、rvmのPATHが通っていなかった

すみません、ひょっとしたらWebStorm関係ないかもしれません。少なくとも、自分のWebStorm環境で発生したので便宜的に「WebStormのターミナルで、rvmのPATHが通っていなかった」となりました。 発端 いつものようにrails開発を始めようとしたところ、 $ rail…

nodebrew install でsyntax errorが出たら、nodebrew install-binaryを試す

nodebrew install したら、syntax errorが出てインストールに失敗した。 hasen.hatenablog.com Pythonのバージョンが違うのかなと思って調べてみたら、確かに3系を使っていた。 ところがpyenvで2系に戻してみても、install時にsyntax error。結果は変わらず…

Qiitaの"俺たちはJavaScriptの非同期処理とどう付き合っていけば良いのだろうか"をやってみる

非同期周りにまだ慣れてない感じがあったので、素振りです。 こちらの記事をただただ写経しました。 qiita.com 書いたコードはこちらに。 github.com Promiseにまだまだ慣れていないなと感じたので、改めて噛み砕いてQiitaに投稿しました。 qiita.com

Qiitaの"Node.jsのOAuthを使ってGoogleDriveAPIを叩いてみた"をやってみる

ちょっと仕事で必要になったので、練習。 参考: qiita.com

【JSer向け】ローカルで生のRethinkDBを触る

RethinkDBについて。

webpackはどのように動いているのか(3)

webpackの仕組みについて、見ていきます。 前回↓ chuckwebtips.hatenablog.com 前回は、webpackがexportやmodule.exportsをどのように変換するかについて見てみました。 今回は、モジュールのimportやrequireがどのように処理されるかを見てみます。 まず、…

webpackはどのように動いているのか(2)

引き続き、webpackの仕組みについて見ていきます。 chuckwebtips.hatenablog.com 前回書いたコードはこちらでした。 // gist.github.com 本当に単純な定数定義ですね。 実際の開発では、JavaScriptはモジュール単位で書くのが基本だと思います。なので、まず…

webpackはどのように動いているのか(1)

ずっとWebpackのソースコードを読んだり、仕組みを知りたかったのですが、時間がなくてやれずにいました。 今日からはWebpackの仕組みについて、ちょっとずつ探っていこうと思います。何度かに分けて書きますが、記事が溜まってきたらQiitaにでもまとめます…

001 UIKit - 014 UIImageViewの画像の回転/拡縮/反転

iOS開発のお勉強。今回は画像周りについて。 教材:014 UIImageViewの画像の回転/拡縮/反転 - Swift Docs できたもの 画像がいろんな形式で表示されています。 書いたコード // gist.github.com 学び UIViewImageのtransformに対して、CGAffineTransformMake…

001 UIKit - 013 UITabBarControllerでタブの表示

iOSのお勉強。今日はタブです。 教材:013 UITabBarControllerでタブの表示 - Swift Docs できたもの 画面下の方にタブが2つあります。デフォルトでは、Featuredが選択されている状態です。 ここでHistroyをタップすると、 画面が切り替わります。 書いたコ…

001 UIKit - 012 UINavigationControllerの表示

iOS開発のお勉強。 教材:012 UINavigationControllerの表示 - Swift Docs UINavigationControllerについて。 今回、はじめて、複数ページを実装しました。こんなに簡単にできるとは。。 UINavigationは複数ページのナビゲーションであって、複数のページは…

Relayアプリケーションに、routerを導入する

RelayでSPAを作っています。前回までで、ひとまず形には為りました。 chuckwebtips.hatenablog.com ただ、現在の状態だと1つのページしかありません。 (求人一覧が表示されている状態) 求人をクリックしたら、求人の詳細画面にうつる。みたいな処理をReac…

001 UIKit - 011 UIPickerViewで値の選択

iOS開発のお勉強。今日はUIPickerViewについて。 教材→011 UIPickerViewで値の選択 - Swift Docs こんなやつができました。↓ 学び いつぞやのUITableと同じく、データソースメソッド、デリゲートメソッドが必要だった。 書いたコード // gist.github.com

JS開発環境の構築(5)Relayのインテグレーション

引き続き、JSでつくるアプリケーション。 前回までで、開発環境の構築と、GraphQLの導入が済みました。 chuckwebtips.hatenablog.com chuckwebtips.hatenablog.com 今回は、ReactとGraphQLを上手いことつなぐための、Relayを導入していきます。今回は量が多…

001 UIKit - 010 UIAlertControllerでアラートを表示

iOS開発のお勉強。今日はアラートについて。 教材→010 UIAlertControllerでアラートを表示 - Swift Docs 学んだこと まず、UIAlertControllerのインスタンスを作成する。そのインスタンスに対して、UIAlertActionのインスタンスを追加していく。 UIAlertCont…

001 UIKit - 008 UILocalNotificationの表示

引き続き、iOS開発のお勉強。 chuckwebtips.hatenablog.com 今回は、ノーティフィケーションについて。 今までは、アプリの画面のUIまわりを触っていたので、今回はじめてアプリの外側に飛び出した感じがあります。 学び UIUserNotificationSettingsでノーテ…

001 UIKit - 007 UIFontで文字を装飾

iOS開発において、viewControllerから文字を装飾する方法について。 教材↓ 007 UIFontで文字を装飾 - Swift Docs 基本的にはUIFontクラスになんでも入ってる。 UIFont - iPhoneアプリ開発の虎の巻 書いたコード // gist.github.com こんな風に表示される。

001 UIKit - 006 UITableViewでテーブルを表示

引き続き、iOS開発のお勉強。 今日はTableについて。正しくは、UITableViewですね。 006 UITableViewでテーブルを表示 - Swift Docs 学び まず、コードを書き終えたときにこんなエラーが出た。 syufuxsyufu.blog.fc2.com 焦ったけど、単に必要なメソッドが定…

001 UIKit - 005 UIImageViewで画像を表示

iOS開発のお勉強 005 UIImageViewで画像を表示 - Swift Docs 学び 画像の表示には、UIImageViewを使います。 今回のレッスンで気になったのは、self.view.boundsについて。 いつもの、self.view.frameとは違うのか。。?? ちょうど良いQiitaが。 qiita.com …

GraphQLをCLI実行

GraphQLの基本的なシンタックス・文法を学びました。 chuckwebtips.hatenablog.com そして、スキーマ定義についても学びました。 chuckwebtips.hatenablog.com chuckwebtips.hatenablog.com 今回は、CLIで実行する方法について。 教材はこちら。 https://lea…

GraphQLのスキーマ定義(ミューテーション編)

前回は、GraphQLでスキーマ定義をする方法について、書きました。 chuckwebtips.hatenablog.com 今回は、前回書き漏らしたミューテーションについて。 教材はこちら。 https://learngraphql.com/basics/defining-mutations 写経。 // gist.github.com ほぼク…

GraphQLスキーマ定義について学んだ

前回はGraphQLで基本的なシンタックスと文法を学びました。 chuckwebtips.hatenablog.com 今回は、GraphQLのスキーマ定義について。 教材は↓です。 https://learngraphql.com/basics/defining-queries JSで書いていくのですが、フィールドを入れ子にしていく…

GraphQLの基本的なシンタックス・文法を学んだ

GraphQL、ずっと気になっていたのですが、Relayを使いたいのでここらで触ってみました。 使った教材は、以下のサイト。 https://learngraphql.com/basics/introduction そして、以下が写経になります。 // // gist.github.com gist.github.com GraphQLいいで…

01 UIKit - 003 UIButtonでいろいろなボタンを表示

今日やったやつ。 003 UIButtonでいろいろなボタンを表示 - Swift Docs 学び UIButtonクラス、というか、UIContorolerクラスには様々な便利なメソッドやプロパティが用意されている。 iOS開発全般に言えそうだけど、Storyboardを使わずに開発する場合、これ…

いまさらnpmのfetchパッケージをつかってみた

まず、これを読みました。 qiita.com fetchなんてものがあるんですね。Podcastや勉強会でも耳にするので、実際に使ってみました。 fetchの種類 fetchにはいくつかの種類があるそうで。 まず、ネイティブのfetch。つまり、ブラウザが実装しているwindow.fetch…

001 UIKit - 004 UITextFieldで文字を入力

iOS開発のお勉強。 今日はこれ。テキストフィールドですね。 004 UITextFieldで文字を入力 - Swift Docs 学び いきなりデリゲートという知識が現れた。どうやら、SwiftTourで飛ばしてしまった、プロトコルの項にあったっぽい?? ここでは、あまり深く詮索せ…

iOS開発30本ノック 1本目+2本目

swift、というかiOS開発の練習を引き続きしています。 今日始めた教材がこちら。 https://sites.google.com/a/gclue.jp/swift-docs/ 30くらいのレッスンがあります。このレッスンの特徴として、storyboardを使わないみたいです。 XCodeの操作にまだ慣れてい…

JS開発環境の構築(4)GraphQLのインテグレーション

前回までで、JSの開発環境が整いました。 chuckwebtips.hatenablog.com ビューライブラリにReact.jsを、サーバサイドにExpressを、そして開発環境のサポートにはWebpackを利用しています。 今回は、ReactのうえにRelayを載せていきます。 Relayとは最近話題…

JS開発環境の構築(3) Expressを利用した、Reactのサーバサイドレンダリング

JSでつくる開発環境のつづきです。 chuckwebtips.hatenablog.com 今回は、Reactをサーバサイドレンダリングできるようにします。主にExpressを利用して実現するのですが、そこらへんは以下の記事に書いたとおりです。 chuckwebtips.hatenablog.com ↑のとおり…

JS開発環境の構築(2) WebpackローカルサーバのHMR起動

↓のつづき。 chuckwebtips.hatenablog.com 今回は、スムーズに開発が進むように、WebpackのHMR(HotModuleReplacement)をオンにします。 以前、QiitaにPostしたこの記事では、CLIから実行することが推奨されていました。 qiita.com ただし、今回はコンフィ…