ここ1, 2年で、フロントエンドの制作事情は大きく変化してきました。 スマホの登場によりレスポンシブ対応からモバイルファースト・モバイルオンリーへ、HTMLは構造化され、CSSはモジュール単位で実装され、JavaScriptは多くのプロジェクトでjQueryではなく新しいライブラリやフレームワークが採用されるようになりました。 フロントエンドのWeb制作の現在の状況とこれから必要とされるテクニックや考え方を紹介します。 What is the Future of Front End Web Development? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ユーザーの期待値はますます上昇 JavaScriptの新しい動き ページ制作ではなく、全体を構築する ネイティブとWebの境界線はあいまい URLは依然として重要 パフ

Submitted by Daniel Lebrero on Thu, 19/05/2016 - 08:46 I was quite surprised at a recent blog post by Uncle Bob Martin, titled: "Type Wars", in which he writes: "Therefore, I predict, that as Test Driven Development becomes ever more accepted as a necessary professional discipline, dynamic languages will become the preferred languages. The Smalltalkers will, eventually, win." This statement didn't

編集画面で絵が描けるよ ワタクシ知らなかったですの。 そんなの当たり前だ、 ハァーーー何を今更、 とか言わないでくださいね。 （初心者なもので） 知らない同志の皆様、簡単に出来るよ。 たまに遊んでみるのもいいですよ。 この順番でね １、「記事を書く」から編集に入り、サイドバー下の＋（追加）をクリック ２、絵を描くをクリック ３、別窓にキャンバスが出るので、絵でも文字でも描く、 「画像をアップロード」をポチッする ４、ここに貼りつきます。 こんな感じで☝ 注意点は 一筆書きになる アップロードすると修正不可（書き直し） マウスのみ？（ペンが使えるかは不明） まあ手軽ですから、 失敗したらまた最初から書き直しても、 そんなに時間はかかりませんね。 絵心のないワタクシ、似顔絵を描いてみました。 たぶん全く似てません。 これを使ってプロフィール画像を変えようと 思っているのですが、 余計にひどくな

Google、継続的デリバリに対応したデプロイ自動化ツール「Spinnaker 1.0」リリースを発表。GCE/GKEだけでなく、AWS、Azure、OpenStackなどマルチクラウド対応 SpinnakerはもともとNetflixが開発し、2015年にオープンソースとして最初のバージョンを公開しています。 参考：Netflix、マルチクラウド対応の継続的デリバリを実現する「Spinnaker」をオープンソースで公開 このときすでにNetflixの開発にGoogleは参加しており、その後もSpinnakerの開発が進められてきました。 Spinnakerはデプロイに求められるほとんどすべての機能を備えていると、次のように説明されています。 In Spinnaker, deployments are orchestrated using custom release pipelines,

2017 - 06 - 08 ブロガーで結果を出している人がひた隠しにしている文章力向上法 あなたがWEB上で上手に文章が書けるようになれば、どれくらい良いことが起こるでしょうか。例えば、以下のようなメリットが思い浮かびますね。 文章を最後まで読んでくれる 自分のサイトにたくさん人を呼ぶことができる より多くの人に感動してもらえる、心を動かせる 自分の紹介した商品が売れる 儲かる 現に、ブロガーとして有名になっている人やライターとしてご飯を食べている人は「ライティングスキル」のレベルが非常に高いです。つまり、何かしら大きな結果を出すためには「文章力の向上」は不可欠なのです。では、彼らはどのようにしてライティングスキルを高めたのでしょうか。 この記事では、あなたに「ライティングスキル」の建設的な高め方について、”結果を出している人”聞いたお話を元にお伝えします。これからお伝えする内容を実践す

部屋の大改造しました 以下の記事を書いてから1年以上経過。すっかり忘れてましたが、収納神であることの妻の厳しい監修のもと、生まれ変わった部屋のBefore Afterを大公開します。 生まれ変わったというか、そもそも引越しをしているので、部屋が違うというのはあるのですが、内容物自体はほとんど同じなので、まあ生暖かい目で見てもらえればと思います。 部屋のBefore After Before 早速ですが、Before オエーーーー、ごちゃごちゃしすぎ！ After 生まれ変わった後 だいぶスッキリしました 別の角度で 実際にやったこと 断捨離 最初にやるべきなのは、不要なものを捨てることです。キンブルを活用して断捨離しました。詳しくは以下参照ください。 ただ、私は極端な断捨離はしたくない派です。ここらへんは個人のポリシーとかライフスタイル（趣味とか）で大きく変わってくるかと思います。自分で何

今回は、qnyp GraphQL APIを設計・実装する過程で役立ったものや参考になった情報を実際のコードを交えて紹介しようと思います（qnypはアニメの感想を記録するサービスです）。API設計の詳細や具体的な実装手順までは踏み込みません。 API実装はRailsアプリ内で行っていますので、紹介するライブラリなどは主にRuby向けのものとなります。 GraphQLの概要をつかむ The Anatomy of a GraphQL Query このエントリは、GraphQLを使う際に知っておく必要のあるOperationやVariables、Fragments、Directiveといった概念を手っ取り早く俯瞰する際に役立ちました。 GraphQL APIの実装を進めていくと、最終的には graphql.org にある Introduction to GraphQL を隅々まで読むことになるとは

突然ではあるが、ビジュアルファシリテーションをご存知だろうか？ビジュアルファシリテーション（VF）とは会議やユーザーリサーチなどでの会話を図や絵に表現しながら話をしていく手法で、グラフィックファシリテーション（GF）という呼び方でも知られている。会話を見える化することのメリットとしては、以下の7点が挙げられる。 記憶に残りやすくなるメッセージをより速く伝えられる理解度を高める（抽象的な概念の説明など、見える化する事でイメージしやすくなる）感情に訴える（伝える相手の感情に訴えることによってエンパシー＝共感が生まれる。エンパシーが生まれると他人事が自分事になる）学習者のモチベーションをあげる（教科書も文字だけだとつまらない）アイデアの発想がしやすくなる環境づくりをサポートするグローバルなチーム内においては言語の壁をサポートするのにも役立つアイディエーションとは？効率的に行うための5つのポイント

IT業界に限った話ではありませんが、仕事をしているとたまにとんでもない顧客に出くわすことがありますよね。そんな顧客の対応をしているうちに精神的に消耗してしまうこともあるかと思います。そういう顧客とはできるだけ取引しないように注意はいますが、注意していても一定の確率でそういう顧客と当たってしまうこともあります。交通事故みたいなものです。 以前こんなブログを書きました。↓ 残業を求めてくる顧客はブラック企業です 本日はより具体的に、私が今まで出会ってきたとんでもないブラック顧客ｗをご紹介したいと思います。 ブラック度10%：「こうなると思ってました」を連発する システム開発ではこれから構築するシステムの仕様について、顧客と開発会社側で認識の齟齬が発生しないように、顧客の要件をヒアリングしながら仕様書に落とし込んでいきます。システム完成後の検収は基本的にこの仕様書に基いてシステムが正しく動作して

It’s that time of week again, folks. Welcome to Week in Review (WiR), TechCrunch’s regular digest of the past week in tech. New here? Not to worry — sign up here to get WiR in your i

AWS Summit Tokyo 2017 の先行発売でゲットした「実践 AWS Lambda」をさっそく読んだ．Lambda の解説だけではなく，サーバレスの文脈で導入事例が増えてきたアーキテクチャ（ユースケース）の紹介がされていたり，サーバレスのデプロイツールとして AWS SAM の紹介がされていたりして，非常に良書だった．Amazon を見ると，一般発売は明日 6/9 になっていたので，気になる人はすぐに買うと良いのでは！ 実践AWS Lambda ~「サーバレス」を実現する新しいアプリケーションのプラットフォーム~ 作者: 西谷圭介出版社/メーカー: マイナビ出版発売日: 2017/06/09メディア: 単行本（ソフトカバー）この商品を含むブログを見る Chapter 3 AWS Lambdaの使い方 3-7 バージョニングとエイリアス Lambda 関数の ARN にバージョン

はてな村奇譚上 作者: 小島アジコ発売日: 2015/08/20メディア: Kindle版この商品を含むブログ (3件) を見る 最近のことなど はてな村怖い怖い 最近、なんだかインターネットが昔の殺伐とした感じに戻ってきた感じがします、怖ーい。なんとなくだけど、そういう気配がある。 最近のこと ＦＧＯ始めました。始めさせられました。頑張ります。 amazonプライム amazonプライム会員が超お得で便利！マンガで分かりやすく説明します！ - orangestarの雑記 この記事からamazonプライムを始めた人が二人しかいないんだ。こんなにアクセスがあったのに…って思ったけど、この記事を読んでamazonプライムを始めようと思う方がおかしい。当たり前の事実だった。 仮面ライダー５５５観終わった。 むちゃくちゃ面白かった！ 海堂いいな。 あと思いっきり鬱エンドで（メリーバットエンド）でこ

自分がハマり、今も楽しんでいる FM音源 の面白さ、奥深さについて紹介します。 プログラミングは抜きにして、音の成り立ちからFM音源の原理、実例を書いてみました。 そもそも音とは 空気中を伝播する微弱な圧力変化の波動を「音」と呼びます。 真空中など、伝播する物質の無い場所に音は伝わりません。 普段我々が耳にする音によって生じる気圧変化は μPa から Pa 程度の範囲であり、 天気予報で耳にする 1,013hPa という大気圧と比較して非常に微弱な変化です。 $(※μ=10^{-6},　h=10^2)$ 低気圧や高気圧によって外気圧は常に変化します。 しかし、その変化を我々は耳で聞くことはできません。 音に比べれば十分に巨大な変化であるはずの気圧の変化を感知できないのは、 変化の速さが極端に低いことが原因です。 音と周波数 音は波の性質を持ちます。 波の押し引きの速さは 周波数 (単位:

新規事業の検討が増えている 新規事業の検討をお手伝いすることが、ここ数年で飛躍的に増えてきました。 ベンチャー企業が増加していてそのお手伝いを、というよりは いわゆるレガシー企業が「新たに何かやらなくては！」と検討を開始されるケースです。 規模は大企業から零細まで、場所も東京から地方の郡部までと本当に様々です。 背景にあるのは、既存事業（コア事業）の伸び悩みであったり、 既存事業そのものは現状順調であるが10年後の外部環境を見据えると不安…という場合のいずれかに分類されます。 （本当は、伸び悩む前にご相談いただきたいこともあるのですが、まあそこはご縁ですから・・・） 「新規事業がざっとわかる本」を求める若手の方 で、プロジェクトとなると経営企画部かそれに準ずる部署の部長クラスと若手（入社3～5年目くらい）、というチームが配置されます。 そして若手の方が事務局とか社内調整をご担当されるわけで

ブラジルの国鳥であるオオハシのくちばしは、鮮やかで発色のよいマルチカラーとなっています。今回は、この色の組み合わせについて詳しくみていきましょう。グラデーションではありません。カラーブレンド（英: Color Blends）の世界へようこそ。 カラーブレンドって一体なに？ まずは以下のSlackロゴを見て見ましょう。 このロゴでは何色が使われているでしょう。4色ですか。いいえ違います、もっとよく見てみましょう。 ここでは、4つのベースカラーが重なり合っています。重なっているところには、新しい色「ブレンド（英: Blend）」が作成され、合計8色が使われています。カラーブレンドは、2つの重なり合う色を交差させることによって作成されます。 ある意味では、グラデーションの逆と言えるでしょう。グラデーションは２つのカラーが段階的に変化するのに対し、ブレンドは2つの異なる色の重なり方によって配色が変