Web のデバッグには Fiddler が非常に便利です。Fiddler は .NET Framework 上で動作するので原理的には Windows 以外の OS でも動作可能です。macOS の場合は Homebrew Cask でインストール可能です。 インストールは… brew install Caskroom/cask/fiddlerまたは… brew cask install fiddler…で可能なはずです。/Applications 配下にアプリケーションがインストールされているはずなので、アイコンをダブルクリックして起動します。

FirebaseとAngular2を使ってリアルタイムでデータのやり取り【導入編】 林 優一 Firebaseはリアルタイム同期なデータベースを中心に、Auth認証やPushNotificationやユーザーの行動分析といったアプリケーションに最適な機能を提供するBasSです。先月行われたGoogle IOにて、PushNotificationや行動分析機能が追加されるなど話題となりました。 今回はFirebaseのリアルタイムベースとAngular2を用いて、リアルタイムにデータをやり取りする方法について解説します。 Firebaseのリアルタイムデータベース Firebaseのリアルタイムデータベースはクラウドホスト型のNoSQLデータベースです。JSONの形式でデータは保存されます。 APIはもちろん、iOS/Android/Web用のSDKが提供されているので、非常に簡単に導入する

とあるコンサルタントのつぶやき とあるコンサルタントのつぶやき MCS （Microsoft Consulting Services） の某コンサルタントがまったり語るテクノロジのお話です。 ご存知の方も多いと思いますが、ここ最近、うちの会社の歌って踊れる DevOps エバの牛尾さんが、こんなエントリを書かれていました。 私は間違っていた。ごめん。ウォーターフォールは何のメリットも無い http://simplearchitect.hatenablog.com/entry/2016/06/20/080807 「自分で人生を決めない」ことが、決定的に業界の進化を遅らせているのかもしれない http://simplearchitect.hatenablog.com/entry/2016/06/24/080049 特に前者は炎上気味でしたが；、二回分のエントリを通して読めば、牛尾さんが言いたい

先日ブログを書いたら大いに炎上した。いろんな方がいろんなブログを書かれていたようだ。しかし、私は一切読んでいない。なぜならそこに関心がないからだ。ウォータフォール vs アジャイルの比較は私の関心ではなく、私の関心は「どうやったらソフトウェアに関する新しい考えや技術が、日本でも早く導入されるようになるか」だからだ。人生は短い。自分の時間配分は自分で決めているので 申し訳ないが、今後も読まないだろう。自分の人生は自分で決めるのだから。 simplearchitect.hatenablog.com 実は、この炎上の過程でいろんな仮説を考えることができた。なぜ、日本のソフトウェア産業は、海外に大きく後れを取ってしまっているのか？どうすれば、進化する手助けができるのだろうか？ 自分の現在の仮説はマインドセット、つまり「考え方」が根本的な原因ではないか？という気がしてきた。 私が最近研究しているのは

エバンジェリストとしての矜持 長沢智治の「エバンジェリスト講演資料」からの引用 最近では、プリセールス職も広報も「エバンジェリスト」と呼ぶようですので、その範囲はもう私でも想像の範囲をゆうに超えております。そうであってもなくても、私は、「人(柄)」が先に立つ難しい役割・職業だと思って10年以上活動しているわけです。なので、他の人の活動について何かいうことはありません。 「エバンジェリストとはこういう活動としてこういう言動をしなければならない」としてしまうならば、それはきっと人ではなく、マーケティング施策やプログラムでできてしまうことだと思っているからです。 人である以上、ミスや間違いもします。だから謝る勇気、訂正する勇気と覚悟は常に持っていなければならないと思っています。 長沢智治の「エバンジェリスト講演資料」からの引用 また、私はエバンジェリストであろうとなかろうと、「すべての可能性を排

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

こんにちは、サーバエンジニアの長南(ちょうなん)です。 サーバやインフラ分野でなくてもITエンジニアとして働いていると、色々な場面でWebサーバを構築する必要にせまられます。この Times Tech blog を読んでいるあなたもきっと一度はWebサーバを作ったことがあるかと思います。しかし、SSL接続可能なWebサーバと言われたらどうでしょう? 「秘密にしたい情報を扱わないし」「個人情報を入力するサイトじゃいないし」「API専用サーバだし」「証明書が高いし」などといった理由で敬遠していたりしませんか? そんな敬遠されやすいHTTPSサーバについて少し書いてみたいと思います。 あなたのWebサイトをHTTPS化しないといけない理由 WebサーバをHTTPS化することで得られるメリットや、HTTPS化しないといけない理由をあげてみました。 SEO的に少しだけ有利になる 2014年と少し古い

Webの最先端では何が起こっているか、今Googleが取り組んでいることは？──Google I/O 2016セッションレポート【後編】 河合良哉 Google I/O 2016のセッション「What’s new for the web?」についてのレポート後編です。（前編はこちら） 前編では、既に導入済みの機能、API、またこれから導入される機能が怒涛のごとく紹介してきました。後編では、Web Platformをより先に進めるためにGoogleが取り組んでいること、そしてWeb BluetoothやPhysical Webについて解説していきます。 Google loves the web ChromeチームWeb Platformをより先に進めるために、ここ1～2年取り組んでいるアプローチの紹介です。 まず、前提としてGoogleはWebが大好きです。Googleの同僚は皆、Webが大

React及びその周辺技術、事例から見るReact最新情報！──HTML5とか勉強会イベントレポート 佐川 夫美雄（Ashiras, inc.） 5月31日、イベント＆コミュニティスペース dots.にて「第65回HTML5とか勉強会──React最新情報」が開催されました。React及びその周辺技術、事例からReactの最新情報をキャッチアップします。 React現状確認 ＠koba04氏は「React現状確認」というタイトルで、現在、Reactの取り巻く状況を様々まとめて語りました。 皆さんご存知の通り、React.jsはFacebookが開発しているJavaScriptライブラリです。まず、Reactはどのようなアプリで利用されているかということからお話します。具体的な例として、まず挙げられるのがFacebookです。ここではバリバリに利用されていますし、Instagramでは、アプ

NTTデータは2016年2月24日、Javaアプリケーションサーバー環境で利用できるソフトウエア開発部品（フレームワーク）の新版「TERASOLUNA Server Framework for Java 5」（図）を発表、同日提供を開始した。新版では、Web画面の遷移を制御するMVC（モデル・ビュー・コントローラー）フレームワークをStruts1からSpring MVCに切り替えるなど、ソフトウエアの構成を刷新した。 TERASOLUNAは、NTTデータが自社のシステム構築サービスで社内利用している、サーバーサイドJavaのフレームワーク。StrutsやSpring Framework、iBATISといったオープンソース（OSS）のフレームワークを中核機能として採用するとともに、NTTデータが独自に開発した機能を追加してOSSとして公開している。2014年4月にStruts1のセキュリティ

このような比較から、.NETのような高水準言語での開発に慣れ親しんだ開発者が、SPA開発に取り組むのはハードルが高いといえます。まとめると次の問題が挙げられます。 低水準開発の必要性：HTML, CSS, JavaScriptでの開発はC#, .NETでの開発に比べて低水準 高すぎる開発自由度：「どう作るか」は自分でゼロから決める必要がある ライブラリの選択の難しさ：膨大なライブラリからどれを選べばよいか分からない そしてSPA型開発では、利用するフロントエンドライブラリによって作り方が大きく変わります。同じ「HTML5」の開発といえど、コードの互換性はほとんどありません。このためライブラリの選択には特に慎重を期す必要があるといえます。 そこで、自分のプロジェクトに合わせた適切なライブラリの選択が必要になるのですが、実際の現場ではこれが非常に難しい。Microsoftからは、クライアントラ

angular2 の RC もリリースされたことですし、とりあえずどんなワークフローになるか知りたかったので簡単な SPA を作ってみることにしました。せっかくなので Material Design for Angular2 も使ってみました（執筆時点でまだ 2.0.0-alpha.5 granite-gouda ですが）。作ってみて現時点で思ったことを記しておきます。 申し訳ないですがあまりまとまりのない文章です！ 誤った記載などありましたらご指摘いただければすごくうれしいです ↓こんなの作りました(ソース) 概要 画面としては ログイン画面 ユーザー登録画面 ダッシュボード（投稿一覧） 新規投稿/編集画面 を作りました。サーバーサイドはMockの json-server を、特にカスタマイズせずに使ったので、ユーザー登録周りとかはただのハリボテです。 Material Design の

先日の記事で書いたのですが、de:code2016に初参加しました。 shin21.hatenablog.com 『de:codeでは最新技術に触れながら、明日現場に戻れば旧態依然の開発現場が待っている・・・。』 セッション「拝啓 『変わらない開発現場』を嘆く皆様へ　～エンプラ系 SI 開発現場の「今」を変えていくために～」でグサッとささる一言でした。 はい、まさにその通り！哀しくなります。 僕自身はずっと業務系開発（いわゆるエンタープライズ系、略してエンプラ系）をやって来ていた為、本当にオープンソースソフトウェア（以下、OSS）には疎いのです。エンプラ系の周りには当然エンプラ系しかいない為、OSS側の知識なんて本当に入ってこない閉鎖的な状況でした。 そんな旧態依然の環境で日々戦っている訳ですので、やれDevOpsだInfrastructure as a Codeだ何だとなった日には、本当

Angular2のリリースが刻一刻と近づいてきました。しかし世の中のプロダクトは、まだまだ大半がAngular1.xで開発されています。Angular2はコンポーネント指向が徹底されていたり、TypeScriptが推奨の開発言語であるなど、Angular1から大きく変わっており、一見すると移行は容易ではありません。 しかしAngular1.xの最新バージョンである1.5では、Angular1から2への移行をスムーズに行うために、Angular2を見据えたコーディングが行えるようになっています。この記事ではAngular2への移行をスムーズにするための、Angular1の書き方を紹介していきます。 【編集部注】 ※この記事は、2016年3月21日に開催された「ng-japan 2016」のセッション「Angular2を書くためのAngularJSの書き方」についての、講演者自身によるレポート

もう、アルゴリズム自分で書いてる場合じゃない？機械学習が開発手法を変える─de:code 2016セッションレポート 白石 俊平（HTML5 Experts.jp編集長） de:code 2016に参加中の、編集長の白石です。 今回は、編集部のメンバーそれぞれが興味あるセッションに参加してセッションレポートを書こう、ということになってまして、ぼくは「Big Data/機械学習がソフトウェア開発手法を変える! 〜静的アルゴリズム生成から動的アルゴリズム生成への道〜」というセッションを聴講しました。 スピーカーである田丸健三郎さんの語り口が心地よく、機械学習についてはかじったことくらいしかないぼくにとってはレベル感もちょうど良く、知らなかったことも数多く学べてとても満足でした。 以下に、簡単なセッションレポートを掲載します。機械学習については素人の、Webエンジニアによるレポートではありますが

進化の早いMicrosoft EdgeとWebプラットフォーム ～「de:code 2016」セッションレポート ～ 佐川 夫美雄（Ashiras, inc.） エキスパートの佐川が、「de:code2016」のセッションレポート、日本マイクロソフトエバンジェリスト・物江修氏の「Developing on the Edge. 〜 WebプラットフォームとCordova 〜」をご紹介します。 今年の夏、MicrosoftはWindows 10の大型アップデート「Windows 10 Anniversary Update」を予定している。このアップデートで「Microsoft Edge」にも数多くのAPIが追加される。このセッションでは新しく追加されるAPIの紹介と、それらを利用したUniversal Windows Platform(以下、UWPと記載する)、Cordovaアプリケーションの

モダンWeb：たった今と、ほんの少し未来のはなし～「de:code 2016」セッションレポート～ 佐川 夫美雄（Ashiras, inc.） この記事は、「de:code2016」のセッションレポート、日本マイクロソフトエバンジェリスト物江修氏による「モダンWeb:たった今と、ほんの少し未来のはなし」です。講演内容を再現していますが、ニュアンス等伝えきれない場合があるかもしれません。ご了承ください。 モダンWebとは 昨今、様々なところで「モダンWeb」という言葉を聞くが、その定義は曖昧で意味するところの範囲が広範囲に及んでいるためではないかと考える。多くの場合、「モダンWeb」という文脈で語られている内容は次の４つの事柄で語られている。 モダンなWebシステム モダンな開発手法 モダンな標準機能 モダンなアプリケーション 単にモダンWebアプリケーションと言った場合にはこれらいろいろな

MS変革の立役者ナデラCEOが日本に来た！なんかマイクロソフトカッコいいぞ！─de:code 2016基調講演レポート 白石 俊平（HTML5 Experts.jp編集長） おはようございます、編集長の白石です。 今、Microsoftが主催する技術者向けイベント、de:code 2016に来ています。 最近のMicrosoft、なんか変わりましたよね。今回のイベントでは、その変化の立役者であるサティア・ナデラCEO自らが来て話をするというので、とてもワクワクしていました。 で、まだ基調講演を半分聞いただけですが先に感想を言っちゃいますと、ぼくはここ10年くらい記者も細々と続けてまして、Microsoftのイベントもちょこちょこと参加して記事を書いたりしてきましたが、正直、今のMicrosoftが一番カッコいいと、率直に思います。 この記事では、基調講演の前半の模様をお伝えします。現場の熱

止まらないMicrosoftの変革：デベロッパーと共に 〜 de:code基調講演レポート 〜 佐川 夫美雄（Ashiras, inc.） 編集長の白石さんに続き、エキスパートの佐川がde:codeをレポート。 「すべての人の可能性を拡げるモバイルファースト、クラウドファーストの世界」をテーマに行われたde:code基調講演は、静なる改革者 米国本社CEOのサティア ナデラ(Satya Nadella)氏の素晴らしい基調講演の後、スティーブングッゲンハイマー(Steven Guggenheimer)氏が具体的な事例とともに紹介した。 de:codeは5/24-25の2日プリンスパークタワー東京で開催された。 de:code2016では、IT技術者の多くが、昨年から始まったMicrosoftの変革を疑わなくなり、更に変貌するMicrosoftのすべてをキャッチアップできる。ただ残念なことにコ

現状、実装途中ですが調べたついでに書き留めています。 まずは注意点 実装途中ですので動かないものがあります。 その１ どうやら、名前からの呼び出しとデフォルトメンバーからの呼び出しをまだできません。 仕様上、以下の import が使えますが、動くのは赤文字のものだけです。 import name from "module-name"; import * as name from "module-name"; import { member } from "module-name"; import { member as alias } from "module-name"; import { member1 , member2 } from "module-name"; import { member1 , member2 as alias2 , [...] } from "module