【Wi-Fi＆電源情報アリ】品川駅での待ち時間が楽しくなる、居心地の良いカフェ10選 - ぐるなび みんなのごはん
JRや京急、地下鉄のいろんな路線が集合し、新幹線に飛び乗れば全国各地へとアクセスできてしまう品川駅。日々多くの人々が行き交う国内有数のターミナル駅には、様々なお店が集っています。 駅の外ですと、東側の港南口側にも、西側の高輪口側にもバラエティに富んだジャンルの飲食店が並んでいます。大型ホテルを中心に発達した高輪口と、マンションやオフィスの建設に伴い開発が進んだ港南口は雰囲気も対照的ですが、それぞれグルメシーンは充実しています。水族館やホテルの玄関口ともいえるウイング高輪、港南口側を象徴するかのような真新しい品川シーズンテラス、そして駅直結の品川アトレやエキナカ施設のエキュート品川など、品川を日々の生活圏としない方でも、一度は利用したことがあるのではないでしょうか。 忙しい合間のひと時を本当にゆっくりと過ごせるお店というのは乗換駅では案外少ないもの。そこで今回は、品川駅構内、そして品川駅周辺
EnumeratorとEnumerator::Lazyの違い - Qiita
はじめに Ruby 2.0では、Enumerable#lazy というメソッドと、その返り値である Enumerator::Lazy が導入されました。 この記事では、Enumerable#lazy と Enumerator::Lazy によって無限リストをmapできることを紹介します。 また、Enumerator と Enumerator::Lazy の本質的な違いを説明します。 遅延リストとは 遅延リストですが、Haskell などの一部の関数型言語では一般的に使われているもので、 遅延評価といって、値が必要になるまで計算しないことによって、無限に続くリストも扱うことができるというものです。 無限リストをmapする 普通にやってみるとダメ 次のような無限リスト(無限の長さを持つ Range オブジェクト )を map する式[1]を考えてみます。 この式は実行が終わりません。
CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック
本文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit（ビューポートの単位）で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit（ビューポートの単位）とは？ フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精
フロントエンド速度改善をしようとして参考にしたもの - $shibayu36->blog;
最近フロントエンドの速度改善をほんの少しだけやって、いろんな資料を参考にしたので、今後また速度改善をする時に備えて、参考になった資料をまとめておく。今回パフォーマンス改善やった項目としてはExpiresヘッダ付ける、gzip圧縮かける、JSをbodyの一番下にとか基本的なことしかやらなかったので、そのあたりはこの記事ではまとめていません。 今回は「測定する」「ブラウザがどう表示しているか知る」「改善を検討する」の流れで調べていったのでその順にまとめる。 測定する 何はともあれ測定しないと何も始まらないので、まずは測定の仕方について調べた。 PageSpeed Insights( https://developers.google.com/speed/pagespeed/insights/ )と、webpagetest( http://www.webpagetest.org/ ) はとりあえ
中央線沿線で利用したいコワーキングスペースTOP5 - ITプロマガジン
こんにちは。 ITエンジニア・webディレクター・webデザイナーなどのIT人材の自立・キャリアを支援するITプロパートナーズ編集部です。 弊社では、独立精神旺盛な優秀なエンジニアの方々の独立・起業サポートや、フリーランス支援を行っています。 こちらでは、日々の現場でサポートさせていただいている中での、プロの目線で、エンジニアに役立つお話をしてまいります。 自宅が仕事場というフリーランス。 たまには気分転換も兼ねて、コワーキングスペースを利用して仕事を進めたいと思うフリーランスも多いのではないでしょうか。 中央線沿線で人気のコワーキングスペースはどのようなスペースがあるのでしょうか？ 中央線沿線で利用したいコワーキングスペースTOP5について調べました！ 「必要以上に安売りをしてしまう」「市場感より高い単価で参画してしまいトラブルになる..」 フリーランス市場は売り手市場であるものの、いま
IT技術者・ITエンジニアが英語を学ぶべき理由【すぐに使える英語表現集・英語求人付き】 | IT/Web系の起業家・フリーランスに贈る、すべらない起業論
こんにちは。ITエンジニア・webディレクター・webデザイナーなどのIT人材の自立・キャリアを支援するITプロパートナーズの木村です。 通信機器の発達や、交通手段の進化により今では海外がぐっと身近になってきました。ビジネスの世界も例外なく、海外とのやり取りも増えて来ています。ですが、私たち日本人の英会話力はけして高くはありません。そんな環境の中でIT技術者は英語を学ぶべき！なのかを考えてみましょう。 IT技術者界隈の英語事情 英語圏である米国がソフトウェア産業の主要拠点であることは事実です。人材の層は厚く、新しいトレンドの多くは米国発であり、市場としての規模も大きいのです。また、人材、市場と環境が整っているために、投資家も資金を提供しやすいのが現状です。ソフトウェア企業の起業には最適の環境であるといえます。 ですが、何人もの優秀な日本人エンジニアと米国で、コミュニケーション手段としての英
頼りがいのある(かもしれない)Database Migration Utility, Anegoを作っています - Masteries
PerlでWebAppなどを作っている際, データベースのマイグレーションをするのであれば, 例えば@sugyanさんのブログに書かれているSQL::Translator::DiffでDBスキーマに追従させる方法のような手段を使ったり, 或いはこれと同じくSQL::Translator::Diffに基づいたGitDDLやGitDDL::Migratorなどを使う手があると思います. この辺りの方法を参考にしながら, Reactioなどでは独自のマイグレーションの仕組みを作って実践しているのですが, だいぶ安定して使えているし, そろそろ他のプロジェクトでも使いたくなってきたので, モジュールとして切り出してみることにしました. なお名前は, Kansai.pmでAnegoのプロトタイプコードに様々なアドバイスを下さった@karupaneruraさんとそのORM｢Aniki｣に敬意を表して(
自作でイベント駆動型サーバ作るのツライ問題とlua-nginx-module - NaCl Blog
何の因果かわかりませんが、お仕事でちょっと賢いリバースプロキシサーバ（以降、RPサーバ）を作る機会が２回ありました。 HTTPヘッダの内容によってプロキシ先のサーバを動的に切り替えるようなものです。 この要件を満たすため、RPサーバには以下のようなプログラムが必要になります。 HTTPヘッダの内容を知るためにHTTPリクエストをパース プロキシ先のサーバへHTTPリクエストをプロキシ プロキシ先のサーバはRedisから取得 レスポンスをクライアントへ返す 大量のリクエストも捌ける １回目はRubyとI/O多重化のライブラリを使ってイベント駆動型のRPサーバを自作してみました。 が、振り返ってみるとこれは失敗でした。 なぜ失敗だったのか？ Rubyでイベント駆動型のサーバを書こうとすると様々なものが途端に大変になります。 イベント駆動型サーバではほとんどの箇所でブロックする処理を書けません。
【デブサミ2016】19-A-3レポート AWSで実現するクラウドネイティブなアプリ開発のポイント
2月19日に目黒雅叙園で行われたイベント「Developer Summit 2016」で発表されたアマゾン ウェブ サービス ジャパン株式会社 テクニカルソリューション部ソリューションアーキテクト 西谷 圭介氏のセッションでは、AWSや関連サービスを組み合わせ、いかにクラウドネイティブなサーバレスアーキテクチャを実現していくかについて、盛り沢山の内容が解説されました。その発表内容についてレポートします。 クラウドネイティブとは まず始めに西谷氏は“クラウドネイティブ”という言葉の定義について「人によって解釈は異なるとは思いますが」と前置きをしつつ、「クラウドで提供されるサービス利用を前提に構築し、クラウドの特性や利点を最大限に生かす形で構築されるアプリケーション、言い換えると、“最初からクラウド上で生まれるアプリケーション”をクラウドネイティブ、と言ってよいのではないでしょうか」と説明しま
Rebound.jsとCanvasを使った超カッコイイローディングアニメーション実装デモ:phpspot開発日誌
Spring Loaders with Rebound and Canvas | Codrops Rebound.jsとCanvasを使った超カッコイイローディングアニメーション実装デモ Facebook製のアニメーションライブラリRebound.jsを使った、これまで見たことのないようなローディングを実装するデモです 関連エントリ ピュアCSSでシャキシャキ動くローディングアニメーション集「Loaders.css」 CSSで14種のローディングアニメーションが実現できる「waitMe」 モダンなローディングエフェクトを作成できる「PleaseWait」 SVGでクールにアニメーションするローディングボタン実装「Loading Buttons」
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
大手企業やWebサービスが配信！オシャレなHTMLメールのデザイン記事10選
テキストのみのメールに比べてHTMLメールのデザインの表現力が高く、近年のスマートフォンやタブレットなどデバイスの普及もあって活用する企業が増えています。 今回は、デザインの参考になるHTMLメールマガジン（以下、メルマガ）が紹介された記事をご紹介します。 HTMLメールの概要と、HTMLメルマガを利用するメリットなど基礎知識を解説した上で参考になる記事をまとめています。 もし、これからHTMLメルマガの配信を考えている方、既存デザインを見直したい方はぜひご覧ください。 HTMLメールとは HTMLメールとは、HTML形式メールのことを指します。 テキスト形式のメールにはできないテキストの色や大きさなどの装飾や、画像を埋め込んだりできます。また、テキスト形式ではメールがリストに対して届いたかどうかを測る「到達率」、ユーザー開いたかどうかを測る「開封率」を測定することができます。 デザイン性
「はてな教科書」のSwiftの教科書をSwift 2.2に対応しました - Hatena Developer Blog
アプリケーションエンジニアの id:Sixeight です。 先日、iOS 9.3の公開に合わせてXcode 7.3がリリースされ、Swiftのバージョンが2.2になりました。 2015年12月にオープンソース化されてから、最初の公式リリースとなります。 swift.org これに合わせてはてな教科書でもSwift 2.2の変更点を反映させたものを公開しました。 github.com タイポの多さに定評のある筆者にとっては、Objective-Cのselectorを#selector()式で書けるようになったのは嬉しい変更でした。 // こうだったのが let tapGesture = UITapGestureRecognizer(target: self, action: "tap:") // こうなった let tapGesture = UITapGestureRecognizer(t
Criollo web application framework for macOS, iOS and tvOS
A powerful Cocoa web framework and HTTP server for macOS, iOS and tvOS. Criollo helps create fast standalone or embedded web apps that deliver content directly over HTTP or FastCGI. You can write code in Swift or Objective-C and you can use the Cocoa technologies you already know. It's as easy as this: let server = CRHTTPServer() server.get("/") { (req, res, next) in res.send("Hello world!") } ser
まだ CircleCI で消耗してるの？ - Qiita
概要 もう随分と前に TravisCI から CircleCI へ乗り換えたのですが、いかんせん、便利な CircleCI をもってしても Android のプロジェクトのビルド時間は長くなり続け、ついに 1 回のビルドに 20 分を費やすほどにまで成長してしまいました。いくつか無駄を省いたり、キャッシュをしてみたりと言った策を講じたものの、目立った改善が得られませんでした。そこで CircleCI を脱却してみることにしました。現在、CircleCI を脱却し Wercker を利用することで 1 回のビルドが 5 分ほどで終わるようになりました。この記事には、何がどのようにして短時間で済むようになったかを書き記してあります。 問題の根源 そもそも CircleCI で時間がかかっている部分はどこかというところから見ていきます。現在のプロジェクトで使用している分には、以下に上げる部分でか
Kotlinのブロックからなる関数定義でreturnを書かなくて良いようにする - kmizuの日記
Kotlinでは、一つの式からなる関数は fun add(x: Int, y: Int): Int = x + y のように明示的なreturnを必要としません。次のように複数の式からなる関数定義ではreturnが必須となります。 fun printAndAdd(x: Int, y: Int): Int { val k = x + y println(k) return k //必須 } この制限の理由について、Kotlinのリファレンスでは Kotlin does not infer return types for functions with block bodies because such functions may have complex control flow in the body, and the return type will be non-obvious to
#shibuyago #2 で Stretcher の実装について話した - 酒日記 はてな支店
Shibuya.go#2 という勉強会で、自分が開発している Pull型デプロイツール Stretcher について発表してきました。 shibuyago.connpass.com 発表資料はこちらです。 speakerdeck.com Goの勉強会なので、Stretcherの実装で使われているTips的なコードの紹介を多めにしてみました。 ちなみに資料中で紹介している copyAndCalcHash の実装は、既にPRをいただいて io.MultiWriter によってすっきりきれいになっています。 copyAndCalcHash is simplified by io.MultiWriter by shogo82148 · Pull Request #13 · fujiwara/stretcher · GitHub 会場とピザ、ビールを提供していただいた VOYAGE GROUP 様、
Treasure Dataのスケジュールジョブをコードで管理するPendulumというgemをつくった
Treasure Dataに収集したデータを集計・出力するためにジョブをスケジュール登録するにあたり、ブラウザコンソールやAPIから直接行うと履歴管理やレビューができないといった課題を解決するために Pendulum というgemをつくりました。 PendulumはDSLで記述された定義に従い、Treasure Dataのスケジュールジョブを管理します。 定義ファイルをGit管理することで、履歴管理やGitHubと連携したコードレビューが可能になります。 余談ですが、Pendulumは振り子という意味で、定期的な実行という意味と宝探しのダウジング的な意味から連想しています。ペンデュラム。響きがカッコイイ。 使い方 Schedfileという名前で定義ファイルを用意して、 schedule 'my-schedule-job' do database 'db_name' query 'selec
JavaScriptのPromiseオブジェクトについて調べた事 | QUARTETCOM TECH BLOG
JavaScriptのPromiseオブジェクトについて調べた事を紹介します。 目次 同期処理と非同期処理 Promiseとは何か ES6 Promiseのコンストラクタ関数 コンストラクタに渡した関数内で発生したエラー Thenable Static Method 並列処理 逐次処理 アンチパターン JasmineによるPromiseオブジェクトのテスト Promiseオブジェクトのライブラリ「Q」の紹介 Deferred AngularJSの$q ひとこと 私が敢えて書かずともPromise/Deferredについての解説サイトは溢れるほど存在します。なぜそこに重ねるように同じ記事を書いたのか？ 1ヶ月ほど前の私の意識は「Promiseオブジェクト？あー、then()て呼ぶやつね」という程度でした。よく知らずに使っているとアンチパターンに出てきたような使い方をしているところも多々あり、
ginza.rb 第33回で Rails 5 の新機能について学んだ - おもしろwebサービス開発日記
3/15は ginza.rb の33回目のミートアップでした。 Ginza.rb 第33回 もうすぐやってくる！Rails 5を見ておこう - Ginza.rb | Doorkeeper 前回のミートアップ時に、きっと Rails 5.0 がリリースされているだろうと思い Rails 5.0 をテーマとして設定しましたが、見事に期待が外れましたね＞＜ 未完成のリリースノートを読みつつ、主にメジャーな機能について内容を確認していきました。ざっとメモ書きを載せます。何か間違っている点などありましたら教えていただけると嬉しいです！ Ruby on Rails 5.0 Release Notes — Ruby on Rails Guides ActionCable ご存知 websocket 用 pubsubサーバとして postgres と redis に対応している Basecamp のチャッ
ElasticsearchとKibanaを使ってTwitterのトレンドワードを可視化してみた - Qiita
大久保です。 最近、会社でElasticsearch＋Kibana＋Fluentdという定番の組み合わせを使ってログ解析する機会があったので、ついでにいろいろ勉強してみました。 触ってみておもしろかったのが、Elasticsearchがログ解析だけじゃなくてちょっとしたKVSのようにも振る舞えることです。 ElasticsearchはKibanaと組み合わせることで、もっといろいろおもしろいことできそう感あります！！ 本記事では、その一例としてTwitterのトレンドワードをリアルタイムに集計するプログラムを組んでみました。 完成形：トレンドワードごとのツイート数をグラフ化 ＃開発環境と各種ミドルウェアのバージョン ローカルで確認できればよかったので開発環境はMacです。 Java ElasticsearchはJava製なのでJavaのバージョンを確認。 $ java -version j
[Swift] AnyGeneratorの今後
仕事を終えて家でぼちぼちXcode7.3で作ったライブラリのプロジェクト開いてうんうん唸っています。どうも。 今日はとりあえず、人の目に多く触れそうなものから修正しました。 enumの列挙子を配列で取得するのをprotocolで 今回修正した内容は、 typealiasをassociatedtypeに変更 anyGenerator() 関数を AnyGenerator のイニシャライザに変更 EnumerateSequence のイニシャライザを AnySequence.enumerate() に変更 です。 Swift2.1.1からSwift2.2になることで、Warningがでたりするので、ぼちぼち変更していく感じです。 少し、 AnyGenerator 、 EnumerateSequence に関して掘り下げて見ていきます。 anygenerator() 関数を変更する anyGen
![[Swift] AnyGeneratorの今後](https://cdn-ak-scissors.b.st-hatena.com/image/square/54b52f2175c9bbfe2014bc1b1a8e91371664000d/height=288;version=1;width=512/https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F9350581%3Fs%3D600){kind=avatar}
関数型プログラミングを業務開発に適用するための架空の社内勉強会資料 - Qiita
関数型プログラミングを業務開発で活用するために HaskellやScala、Erlang/Elixir、Clojureなどの関数型プログラミング言語に興味がある人は多いと思いますが、自分らが日常行なっている業務での開発では到底それらの関数型言語を採用できないのが現実、という場合があるかもしれません。 なので、当面はJavaやGroovy、JS,Ruby,Pythonなどの非関数型プログラミング言語の上で関数型プログラミングスタイルや考え方をなるべく使っていくことでFPの考え方や技法に馴染み広めていき、利点を享受しつつ、将来は大手を振って転職業務開発で本格的な関数型言語を使えるようにしていこうというのが現実的な戦略かもしれません。 以下はそのような目的での洗脳勉強会をやるための架空の資料の目次(案)のようなものです。 「独自研究」の注意 「FPとは何か」の定義について、現時点で一般に合意のあ
iOSアプリ開発者が理解すべきデザインガイドライン
こんにちは。Airレジ開発チームでiOSエンジニアをしている山口です。 みなさんはiOSは好きでしょうか。私は開発者・ユーザーとして大好きです。統一感のあるデザインや使いやすさなど素晴らしいですね。その背景にはAppleが定めるデザインガイドラインの存在があります。各アプリケーションがデザインガイドラインに沿って開発を行うことで、iOS全体として統一感のある世界観が築かれています。 しかしながら、ただガイドライン通りにアプリを作っていくだけでは個性のないアプリになってしまいます。iOSらしさを保ちつつ個性のあるアプリを作るには、開発に関わるメンバーがガイドラインを意識し、コミュニケーションを取りながら開発をしていくことが重要だと思っています。 そこで今回は、そのガイドラインの観点からアプリ全体の構成・画面遷移を考える際に知っておくべき内容について書いていこうと思います。 iOSデザインガイ
『湯島 春近』出汁の効いたつゆが旨い創作うどん「おざんざ」 - isLog [イズログ]
上野周辺から歩いて10分ほどのところにある湯島駅。 www.islog.jp 友人のヤカンと上野に集まり、昼食をとろうと散歩がてらお店を探して歩いていると、湯島駅周辺までたどり着いていました。 さてさて、どんなお店に入ろうか。 気になったのは、店名が読みづらい、こじんまりとしたお店。 信州うどん「おざんざ」をいただく 湯島の十字路。 近くには湯島天神や不忍池があるところです。 十字路の近くに、ちょっと気になるお店がありました。 「 おざんざ？ 」「 おぎんざ？ 」 離れたところから見ると店名が読めないお店。 こちら。 千代田線湯島駅1番出口をでてすぐのところにあります。 近づいてみると、『 創作うどん おざんざ 』と書いてあります。 ああ、おざんざって店名ではないのか。 お店の名前は『 湯島 春近 』。 入口に貼られたチラシを見てみると、創作うどんを出しているお店のようでした。 「おざんざ
![『湯島 春近』出汁の効いたつゆが旨い創作うどん「おざんざ」 - isLog [イズログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/780862d6401e73a5af3f2d6263bc28f6d342d8bb/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fislog%2F20160322%2F20160322205917.jpg)
超高速で仕様変更に対応するデザインパターン （for リーン駆動＆アプリ） - Qiita
前置き リーンスタートアップ＆スクラム駆動で1年半アプリを継続開発した時 巷によくあるデザインパターンや考え方がイマイチしっくり来なかったので試行錯誤しました そのまとめです 注意 この方法が合うかどうかは状況に依ります 用法用量を守り適切にお願いします あと読んだあとに 「それただのオブジェクト指向じゃん？」とか 「それただのMVCじゃん？」とか 「それただのDDDじゃん？」とか言いたくなると思います そこらへん分かってる人にはあまり価値が無いかもしれません 対象者 アジャイル、リーンスタートアップ、グロースハックなどの開発をガチで行う事になった人 機能レベルの仕様変更がバンバン入る状況に置かれている人 プロダクトオーナーとの仕様会議に出られる人（内部設計、できれば外部設計、要件定義までやってる人） リーンスタートアップって何？ 時間があったら青本読んでみてください 乱暴にまとめてしまう
Swift 2.2 で変わったところ - Qiita
Swift 2.2 の機能で変わったところを、機能面からざくりとですけど具体例も書いたりしながら挙げてみますね。 そこそこのボリューム感になったので、まずはどんな事柄が書かれているか、ざっくり箇条書きにしておきます。細かい部分については以降でじっくり記してみます。 新機能 クラスにおける init? や init-throws でプロパティの初期化前離脱が可能に プロトコルにおける付属型の明記が associatedtype を使う方法に変更 AnyGenerator を AnyGenerator.init(body:) を使って初期化する方法に変更 タプルにおいて、６つまでの要素を持つタプル同士の比較が可能に 引数ラベル名を考慮した関数の参照が可能に 引数ラベル名で予約語のほとんどをそのまま使用可能に ArraySlice で先頭要素を削除したときにインデックスの範囲が維持されるように
Coffee, jQueryで書いていたElectronアプリをES6, React, Reduxで書き直した - k0kubun's blog
ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog の時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6, React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。 移行したスタックと移行時に感じたこと あらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行 参考: 春からはじめるモダンJavaScript / ES201
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WG 14 N 2021 -- Preliminary C2x Charter
Go Micro
https://ubiteku.oinker.me/category/tdd%E5%86%8D%E8%80%83/
新着記事
https://www.ossnews.jp/oss_info/article.html?oid=6404
https://ubiteku.oinker.me/2016/03/22/tdd%E5%86%8D%E8%80%83-8-%E5%87%9D%E9%9B%86%E6%80%A7%EF%BC%88cohesion%EF%BC%89%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%AA%E3%81%AE%E3%81%8B%EF%BC%9F/
GitHub - adobe-apiplatform/apigateway: A Performant API Gateway based on NGINX and Openresty