タグ

ブックマーク / razokulover.hateblo.jp (6)

  • TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog

    最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いてるアプリへ機能追加などされていたので都度追従していく作業もやった。 そもそもリライトすることを決めたのは元のアプリが歴史的な経緯などあり、トランスパイルできる環境に無く、加えてAndroid4.2以降のwebブラウザに対応する必要があったため。素手でES5を書き続けるのは規模が大きくなっていくとだいぶ辛いしここらでちゃんと整えましょうということで重い腰をあげたという感じ。 フロントエンドライブラリとしてはVue.jsに元々は慣れてたこともあり、Vue.jsを利用。この夏に

    TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog
  • 『Writing An Interpreter In Go / Go言語でつくるインタプリタ』 #golang - razokulover publog

    Writing An Interpreter In Goというを読んだ。 このはMonkeyという言語のインタプリタをGo言語で実装するという内容。 全編英語だが、200ページほどだし語り口も面白くてわかりやすいので読みやすい。 流れとしては大きくLexer・Parser・Evaluaterの章に分かれていて、それぞれ字句解析〜抽象構文木〜評価器をGoの標準機能だけで実装していく感じ。 Parserの部分ではyaccなどの既存ツールを使わずにPratt ParserというJS Lintでも使われている手法を用いて実装していくところが特に面白かった。 Pratt Parserについてはググってもあんまり情報が出てこなかったけど、いくつか英語のエントリがあって特に下記のPythonで解説してくれてるやつがわかりやすかった。 Top-Down operator precedence pars

    『Writing An Interpreter In Go / Go言語でつくるインタプリタ』 #golang - razokulover publog
  • Vue.js + ElectronでTwitterクライアントを作った - razokulover publog

    Vue.jsとElectronでシンプルなTwitterクライアントを作った。 vue-twitter-client きっかけとしては一言で言うとフロントエンド周りの勉強。 2017年1~3月の振り返りにも書いた通り。 自分はモダンなフロントエンドの開発に疎かったので重い腰を上げてそろそろやるかという気持ちになって3月中頃くらいからはじめた。 Vue.jsについては2,3週間前くらいから触りはじめている。 Vue.jsはちゃんとしたSPAからフォームにちょいと味付けみたいな使い方もできたり小回りがきく。 個人的にはReactでの開発よりやりたいことが直感的に書ける気がしてるので使いやすいという印象。 とりあえず最初はTODOアプリやAPIを叩く小さなフィードを作って、次にNuxt.jsでSSRできるミニサイトを作ったりで大体使い方は覚えてきたというステータス。 ライブラリでいうとvuex,

    Vue.js + ElectronでTwitterクライアントを作った - razokulover publog
  • bitbucketとwerckerで0円CIをする - razokulover publog

    最近はTravisCIとかCircleCIとか便利なCIサービスが増えているみたい。 いまぼくがつくってるGIFMAGAZINEでもCIサービスを利用してみようと思って、色々調べてたらwerckerというサービスが良さそう。 werckerは、 github/bitbucket対応 privateリポジトリにも対応 無料(ベータ版なのでいつ有料になるかわかりません) という特徴があります。 今回のケースでは、bitbucketのprivateリポジトリが使えて、手頃なお値段で安ければよかったのでwerckerを採用しました。 werckerを使うと、bitbucketのプライベートリポジトリ(0円)+wercker(0円)で最高に懐に優しい開発+CI環境ができます。 ではその手順。 前提 以下については事前に準備済みとします。 bitbucketへのユーザー登録 プライベートリポジトリの作

    bitbucketとwerckerで0円CIをする - razokulover publog
  • LGTMcamというiOSアプリをリリースと同時にgithubに公開しました - razokulover publog

    さきほど「LGTMcam」というiOSアプリをリリースしました。 https://itunes.apple.com/ja/app/lgtmcam/id839859967?l=ja&ls=1&mt=8 できることは、 ①写真撮影 ②撮った写真へLGTMの文字をスタンプ(画像をtouchすると1つだけスタンプできます。) ③SNSへシェア だけです。 需要が無いのか、app storeでLGTMと検索すると一番最初にでてきます...。 はじめてのiOSアプリ これまでObjective-C覚えないといけないし...という理由からなんとなくiOSアプリを避けてきました。 が、ネイティブアプリが作れると、このエントリでも書いた表現力がいっそう高まると感じたので思い切ってiOSアプリの制作にチャレンジしてみました。 最初は「Objective-C?なにこれ???アットマーク多すぎるし引数もどこが区切

    LGTMcamというiOSアプリをリリースと同時にgithubに公開しました - razokulover publog
    slay-t
    slay-t 2014/03/27
  • DevOpsなんてくそくらえ - razokulover publog

    先日こんなことを言われた。 「テストを書いた成果を見せよ」 と。 ショッキングだった。 経緯 わたしはいまレガシーなコードに囲まれている。 もちろんテストもほとんどないピカピカのレガシーちゃんである。 レガシーちゃんは「Ctrl+F5 & tail -f 駆動開発」により開発が進められており、日々進化している。 このまま進化をつづけるといつかモンスターになり(もう軽く怪獣っぽいが)、開発スピードがどんどん遅くなり、メンテナンスやバグつぶしでエンハンスとなるような開発ができなくなる。このままじゃマズい...。 こういった事態を一新すべく、手探りながら私含め数人の先輩たちで「DevOps」に取りかかることになった。 バズワードにもなっているが「DevOps」とは、 従来型のシステム管理や調達(ITILを含む)といった、保守的でプロセスを中心に据えた運用からよ>り戦略的でアジャイルな、そして自動

    DevOpsなんてくそくらえ - razokulover publog
  • 1