はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? メリークリスマス！ ニューズピックスという会社にに入社して約3ヶ月経った @ko2ic です。 そして、NewsPicks Advent Calender 2019のラス２の投稿です。 少しだけニュースピックスについて書きますね。興味ない人は下のブロック全部飛ばしてください。 自分は、NewsPicks For Businessという法人向けのサービスを担当しています。法人向けなので一般的には知られていませんが、これ、なかなか凄いサービスです。 NewsPicksを知らない方のために説明しますが、すごく簡単にいうとニュースに対してのコメ

Flutterで実装していると割と最初の方に疑問が出てくるのが、BuildContextだと思います。 これは、何も考えずにSnackbarを出そうとしたら、エラーになるので、ほとんどの人はここでつまずくと思います。 Widgetは表面的にはわかりやすいのですが、BuildContextは少しわかりにくいかもしれません。 この記事では、Flutterで実装する上でとても重要なBuildContextについて書いていきます。 BuildContextとは 結論をいうとBuildContextはElementのことです。 ドキュメントに書いてあります。 BuildContext objects are actually Element objects. The BuildContext interface is used to discourage direct manipulation of

Flutterは、Material Designを標準サポートしています。そして、テーマを自分で設定できます。 そのために利用するのが、ThemeDataです。 これについて色々な記事があります。 が、日本語はもちろん、英語でも、ThemeDataのプロパティのどこを変更すれば、Widgetのどこに影響するのかを纏めてある記事が見つかりませんでした。 そこで、この記事では自分が愚直にコードを書いて調べたものを記述します。 基本的にここに書いてあるものだけ変更すればそれなりに統一的なデザインになるものを書いてます。 前提 カスタムテーマは MaterialApp の themeプロパティで設定します。 ThemeData() のプロパティにカスタマイズしたい値を設定していきます。 void main() => runApp(MyApp()); class MyApp extends Stat

はじめに クロスプラットフォームとして語られるFlutterですが、実は、「Android開発だけでもFlutterでやった方がよくね？」 となんとなく思い始めています。 「FlutterってGoogleがAndroid開発を再定義した画期的なものになるんじゃないか」と。 自分は、おっさんなので古い話をしますが、Java開発でEJB2が存在していた頃です。まだ、バージョンが1.1になったばかりのSpring Frameworkを使った案件にたまたま参加したときの衝撃と同じなんです。「何これ？　めっちゃわかりやすい。標準のEJBなんて駄目じゃん。」 今ではEJBは廃れ、Springがデファクトスタンダードになっていますよね。 ただ、使ったことがない人に伝えるのは本当に難しく、納得できない人も多いはずです。 自分でもなんでそう思うのかうまく伝えられる気もしないのですが、言語化してみます。 自分

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

前提 切り替えることに関して2018/07現在、flutterは微妙です。 簡単に切り替えられる方法としてそれぞれのosで以下を追加すればいいはずですが、flutterではできません。 BuildType (Android) Configurations (ios) なぜかというとflutterコマンドのオプションには、--flavor はあるのですが、--buildtype のような指定ができません。 --release と　--debug があるだけです。 なので、以下を追加することになります。 flavor (Android) shcemes (ios) これ、知っている人にはわかると思いますが、本番/ステージング/開発環境を切り替えるには使いづらいです。 まあ、仕組みがないのでやるしかありません。 Buildは以下のように指定します。

dependencies: sample_plugin0: ^1.0.0 sample_plugin1: path: ../sample_plugin1/ sample_plugin2: git: url: git://github.com/flutter/sample_plugin2.git ref: sample_branch sample_package1: git: url: git://github.com/flutter/packages.git path: packages/sample_package1 DeviceInfoPlugin deviceInfo = DeviceInfoPlugin(); if (Theme.of(context).platform == TargetPlatform.android) { deviceInfo.androidInfo.then

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、Firebaseがいいみたいになってるけど、2017年4月時点では、あんまり良くないと思っています。 そんな記事です。 主にFirebase Notificationsについてです。 前提 全ての状況で良くないわけではなくて、以下の前提がある場合です。 技術者でない人、例えば企画がPush通知を送りたい。 ユーザをセグメント分けして、対象のセグメントだけに送りたい。 お金はかけたくない。 駄目だと感じたところ セグメントが上書きされない 2018/12/7追加 現在は改善されているようです。(すいません、自分で試してないですが。。

TDDに限らず単体テストを動作させたら早めに結果が欲しいでしょう。 ios開発では、何も考えずに書くとAppDelegateが呼ばれて、Controllerが呼ばれて・・・となり、時間が無駄にかかったり、テストケースが動く前に落ちたりします。 知っている人にとっては当たり前の解決方法ですが、意外と日本語記事が少なかったので、後輩のために書いてます。 Main Interfaceをコードで書く 以下の部分を書いているとテストを動作させるとそこのControllerが動くので消しておきます。 上記の代わりにコードで書いときます。 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) ->

いまのところの自分的にベストだと思うプロジェクト作成方法のメモです。毎回どうやっていたか忘れるので書いときます。 Carthageも便利ですが、自分的にはすべてやってくれるCocoapodsの方が好きなので、こちらを使います。 また、fastlaneも便利なので入れます。 Xcodeでの作業 まずはXcodeを起動して、メニューの「File」 -> 「New」 -> 「Project」 iOSのApplicationを選択して「Next」で、適切な値を入力して「Next」->「Create」 一旦Xcodeは閉じます。 Cocoapods 普通にインストールするだけでもできるのですが、チームでの開発の場合、全員同じバージョンのrubyとbundlerとcocoapodsにしたいのでそうします。 Homebrew インストール mac標準のrubyでまずはhomebrewをインストールします

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

概要 開発用、本番用など同じ端末に接続先の違うアプリを入れられると便利です。 1端末に同じ Bundle Identifier では入れられないので、環境によって Bundle Identifier を変えることで実現できます。 なおPush通知をするアプリの場合は Bundle Identifier 毎に証明書が必要になるので注意が必要です。 つまり、開発、ステージング、本番接続用のアプリを共存させたければ、それぞれのサーバー用のBundle Identifierを作り、それぞれに別のPush証明書をサーバーに配置する必要があります。 やり方 まずは、Configurationsを追加します。 その後、Objective-cなら Preprocessor Macros 、Swiftなら Other Swift Flags を設定します。(Swiftの場合は、 -D DEBUG のようにす

概要 ios開発でどうしてもFat Controllerになってしまう場合の一つの対処方法です。 よく、MVCSS,MVVM,DDDなどで責務を分けましょうという話は聞くと思います。 で、それらのアーキテクチャでControllerにロジックを書かないようにするというのはよく聞く話でしょう。 今回はそういう話でありません。 そもそも論としてControllerの役割が元々多すぎるから、そこを分割しましょう。という話です。 以下がControllerの役割だと思います。 画面遷移 画面のライフサイクル イベントの処理 Viewの管理 画面遷移に関しては、ios8対応が必要なくなった時には完全にStoryBoard Referenceがその役割を持つようになるでしょう。 が、まだまだ対応するし、StoryBoardもUIViewControllerの持ち物なので素直にControllerに残し

はじめに Swiftでios開発をするときのアーキテクチャを考えてみました。 すでにいくつか良い記事があり、それらを参考に作るのもいいのですが、Web開発で慣れ親しんだDDDではどうなるのかと思い試しました。 結論からするとios開発では、DDDをそのままやるのではなく、あくまでDDDっぽくやるのが生産性が高そうです。 とても参考になるこちらの記事でもios開発に合ったMVVM風として実装しているし、私自身、原理主義的にやるよりもそのプロジェクトに合うように柔軟にやるのが好きです。 この記事では、以下のライブラリを使って、なるべく本質的な実装に専念できるようなコードにしたいと思います。 タイトルの「モダンな」は単にライブラリがモダンということです。 DDDに興味がなくてもこれらのライブラリの利用方法で多少なりとも参考になるかもしれません。 Bond Alamofire ObjectMapp

apply plugin: 'com.android.application' +apply plugin: 'android-apt' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "ko2ic.dagger2" minSdkVersion 15 targetSdkVersion 23 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { compile f

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

仕事でPolymerを使うことになりました。 まずは、どこがwebcomponentsで、どこがPolymerがやってくれてることなのかを把握するためにwebcomponentsで書いた場合とPolymerで書いた場合のコードを比較したいと思います。 Quick tour of PolymerをWebComponentsで書いてみて比較します。 Register an element まずはwebcomponents. 動作確認 <!DOCTYPE html> <script> var ProtoElement = Object.create(HTMLElement.prototype); ProtoElement.createdCallback = function () { this.textContent = "I'm a proto-element. Check out my pr

$ bundle exec rails console ~/.rbenv/versions/2.1.3/lib/ruby/2.1.0/irb/completion.rb:9:in `require': dlopen(~/.rbenv/versions/2.1.3/lib/ruby/2.1.0/x86_64-darwin13.0/readline.bundle, 9): Library not loaded: @@HOMEBREW_PREFIX@@/opt/readline/lib/libreadline.6.dylib (LoadError) Referenced from: ~/.rbenv/versions/2.1.3/lib/ruby/2.1.0/x86_64-darwin13.0/readline.bundle Reason: image not found - ~/.rbenv/

ややっこしいのでメモ。 *.cscfg WebRole,WorkerRoleプロジェクトを作成するとできる。 Azure WebSitesがあるので今後はあまり使われなくなるのかも。 環境ごとの設定 環境ごと(Production,Stagingなど)の設定ができる。 ex)ServiceConfiguration.Production.cscfg 反映方法 パッケージの再作成が不要。また、Azure管理ポータルから直接変更ができる。 app.config／web.configの<appSettings> 環境ごとの設定 環境ごと(Production,Stagingなど)の設定ができる。 ex) web.Debug.config 反映方法 パッケージの再作成が必要。 app.config／web.configの<applicationSettings> データの型指定ができる 環境ごとの

VisualStudio2013のPluginの作成方法です。 以前はマクロやアドインで作成していたみたいですが、いまはVSPackageで作るみたいです。 この記事では、エディタ保存時にBuildを走らせるPluginを作ります。 常に動くと邪魔くさいのでツールバーでOn,Offできるようにします。 どういうときに使うPluginかというと、StyleCopの警告を削除するときに使ったりすると便利かなと思っています。 作り方 準備 Visual Studio SDKをインストールしてください。 http://www.microsoft.com/en-us/download/details.aspx?id=40758 プロジェクト作成 新しいプロジェクト　→　「テンプレート」「C#」「機能拡張」で「Visual Studio Package」を選択して作成します。 しばらく進み、次の画面で

SpecFlowは「Cucumber for .NET」です。 CucumberはRubyで2009年頃に登場した受入テストのためのテストフレームワークで、現在では様々な言語で同様に利用できるようになっています。 C# でも同様の仕組みがあったので動かし方をまとめました。 準備 プロジェクト作成 SpecFlow用のプロジェクトを作成します。 このとき、クラスライブラリ or 単体テストプロジェクトにしないといけません。 今回は、Specsというプロジェクト名にします。 SpecFlowのインストール NuGetパッケージマネージャーコンソールを起動します。 以下を入力します。（ここでのSpecsは任意のプロジェクト名） 関連パッケージ 関連するパッケージには以下があります。 必要であれば任意のパッケージを入れます。 今回はMSTestを利用するので特に必要ありません。 SpecFlow.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Editorは、人によって大きく違うと思うけど、大体こんな感じだと思います。 Rubyでは、Vim,Emacsなどのエディタ + Plugin + 開発支援なgem Javaでは、Eclipse,NetBeans,IntelliJなどのIDE Javaの人はIDEが無いと辛いと思うかもしれませんが、Vim Pluginや開発支援するgemを使えば、IDEと遜色なく使えるのではないかと思います。 例えば、エディタ上で以下のことはできます。 コード補完 ブレイクポイントを置いて、ステップ実行 カーソル上のクラスやメソッドに飛ぶ（gemやRuby本体のC言語も含む） 知りたいクラスやメソッドなどのドキュメントやソースの表示 保存時にコーディング規約違反の表示 homebrew mac標準のrubyでまずはhomebrewをインストールします。 $ ruby -e "$(curl -fsSL ht

ios6 → ios7対応をする際にios6のデザインで対応する際の覚え書き レイアウト崩れ 原因は、ほぼこれ In iOS 7, view controllers use full-screen layout. At the same time, iOS 7 gives you more granular control over the way a view controller lays out its views. In particular, the concept of full-screen layout has been refined to let a view controller specify the layout of each edge of its view. 全体的に上部に寄ってしまっているのを対処 xcode4で作成したアプリをxcode5で見ると全体的に