Microsoft、手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表：AIで手書きの図形と文字を認識 Microsoftは、手書きでスケッチしたUI画面をHTMLコードに自動変換するWebベースソリューション「Sketch2Code」を発表した。 Microsoftは2018年8月30日（米国時間）、ホワイトボードなどに手書きでスケッチしたユーザーインタフェース（UI）画面を、AI（人工知能）を利用して、HTMLコードに変換するWebベースソリューション「Sketch2Code」を発表した。 Microsoftによれば、UIのデザインプロセスには無駄が多いという。通常は、まずアイデアレベルのスケッチをホワイトボードに描き、数人で検討してから写真に撮影し、HTMLコードを書き下す。これでは手間ばかりかかり、すぐにアイデアを形にできない。 画像認識技術とAIを組み合わせ

特集：小学生の「プログラミング教育」その前に 政府の成長戦略の中で小学校の「プログラミング教育」を必修化し2020年度に開始することが発表され、さまざまな議論を生んでいる。そもそも「プログラミング」とは何か、小学生に「プログラミング教育」を必修化する意味はあるのか、「プログラミング的思考」とは何なのか、親はどのように準備しておけばいいのか、小学生の教員は各教科にどのように取り入れればいいのか――本特集では、有識者へのインタビューなどで、これらの疑問を解きほぐしていく。 今回は、プログラミング教育を積極的に実践している小金井市立 前原小学校 校長の松田孝氏に話を伺った。 子どものプログラミング教育をめぐる動きでは、政府の新たな成長戦略で2020年度から小学校のプログラミング教育がスタートすることが2016年4月19日に発表されている。また総務省は、「若年層に対するプログラミング教育の普及推進

［本Tech TIPSに対する注意事項］ 2006年12月13日、マイクロソフトからセキュリティ更新プログラムMS06-077が公開された。これは本Tech TIPSで解説しているtftpd.exeに関する脆弱性に対処するためものである。そのため本Tech TIPSの方法でtftpdサービスをインストールした後は、MS06-077のセキュリティ対策を施す必要がある。またすでに本Tech TIPSの方法に基づいてこのサービスを利用している場合も、同様の対策を行う必要がある。詳細については、稿末の解説を参照していただきたい。 tftp（Trivial File Transfer Protocol）プロトコルは、UDPを使った簡易ファイル転送プロトコルである（プロトコルはRFC1350で定義されている）。TCPを使った通常のFTPプロトコルと比べると低機能な半面、非常に「軽量な」プロトコルだ（ネ

「Visual Studio Codeの拡張機能を使ってみよう」ではVisual Studio Codeの拡張機能の使い方を見た。今回は拡張機能を自分で作成しながら、その基本を見ていこう。今回はWindowsとMacで動作を確認している。 拡張機能作成に必要なもの VS Codeの拡張機能作成には以下を使用するのがよい。 yo、generator-code： Node.js上で動作するスキャフォールディングツール（yo）と、拡張機能のひな型のジェネレーター yoとgenerator-codeをインストールするには、Node.jsとnpmが必要なので、これらもPCにインストールされていて、パスが通っている必要がある。拡張機能を作成してみたいという方は準備しておこう。 Node.jsとnpmがインストールされていれば、yoとgenerator-codeは以下のコマンドラインでインストールできる

IoTとは何か？企業、社会をどう変えるのか？　：特集：IoT時代のビジネス＆IT戦略（1）（1/3 ページ） 世の中全体に大きなインパクトをもたらすとして、社会一般から大きな注目を集めているIoT（Internet of Things）。だが、その具体像はまだ浸透しているとはいえない。そこで本特集ではIoTがもたらすインパクトから、実践に必要なインフラ、ノウハウまで、順を追って掘り下げていく。 今やIT業界にとどまらず、一般のビジネスシーンでも頻繁に耳にするようになった「IoT（Internet of Things）」。「モノのインターネット」という名の通り、世の中に存在するさまざまなモノがインターネットにつながり、膨大な量・範囲のデータが収集・分析され、ビジネスや社会全般に大きな革新をもたらすと期待されている。 とはいえ、具体的な事例はまだ多いとは言えない他、「IoT」の解釈自体も人によ

医療、スポーツ、飲食――プログラミングで自身の専門分野をより良くしていこうとチャレンジしている人たちに、ハッカソン芸人「ハブチン」こと、羽渕彰博がお話を伺うシリーズ。第一弾は、現役の整形外科医であり、医療×ITで起業も果たした医師の黒坂望さんだ。 総合病院の整形外科医である黒坂望氏は、医療に従事しながら、ITで医療の発展を目指すために、プログラミングを学びながらWebサービスを開発している。黒坂さんはなぜWebサービスを開発するのか、なぜプログラミングを学んでいるのだろうか。 守りの医療から攻めの医療へ 黒坂望氏 1969年、神奈川県生まれ。横浜市立大学医学部博士課程卒業。 大学病院で整形外科医として働き始め、その後オーストラリアにリウマチの勉強のために留学。帰国後、一般病院で整形外科部長、副院長を務め、病院の経営改善に携わる。 現在、新百合ケ丘総合病院整形外科やクリニックなどで外来診療な

ドットインストールは、1回のレッスン動画が約3分と短めで、気軽に勉強に取り組めるのが大きな特徴だ。schooの特徴は生放送というスタイルにある。その時間に間に合うようにディスプレーの前に座る（努力をする）ことで、自然と勉強への意欲が高まる。MVAはマイクロソフトが純正で提供する学習コンテンツであり、「マイクロソフトテクノロジー」全般にわたって豊富なコンテンツが用意されている。 では、個々のサイトの特徴を見ていこう。 ドットインストール 日本国内でプログラミングの動画学習サイトといったときに、真っ先に名前が挙がるのがドットインストールだ。 前述した通り、ドットインストールでは1回に見る動画の長さは約3分なので、気軽に学習に取り組めるのがよいところだ。3分の動画で伝えられる情報量は限られたものだが、逆に通勤時間など、ちょっと時間が空いたときに手軽に動画を見られるし、頭が疲れる前に次の動画へ進み

連載目次 2015年の夏に正式リリースされるというVisual Studio 2015（以降、VS 2015）。それに含まれるVisual Basic（VB.NETと呼ばれる場合もある。以降、VB）にも、数々の新機能が投入される。その中から筆者が重要だと感じたものを、IDE（＝統合開発環境）で5項目／言語機能で5項目、合わせて10項目を紹介しよう。 VS 2015では、VBのバージョンは14となる（以降、VB 14）。VB 14は、初めてVBのコードで全面的に書き直され（これが最大のニュースかもしれない）、併せて多くの新機能も盛り込まれた。 VS 2015は、2014年11月にプレビュー版が公開された。その後も頻繁にCTP版がリリースされ、本稿執筆時点では2015年2月に公開されたCTP 6が最新となっている。本稿では、CTP 6に基づいて新機能を紹介する。CTP 6は日本語化されておらず

JavaのGenericsよりも便利なScalaの型パラメータ：スケーラブルで関数型でオブジェクト指向なScala入門（8）（1/2 ページ） 前回のおさらいと今回の内容 前回の記事「Scalaのトレイトでプログラマをミックスインしてやんよ」では、Scalaの重要な機能であるトレイトの基本的な使い方から始まり、複数のトレイトを積み重ねた場合にどのような順番で線形化されるかについても紹介しました。今回は型のパラメータ化について紹介します。 第1回記事では、Scala標準のREPLとScala IDEで動作を確認してみました。今後本記事のサンプルコードは、どちらで確認しても問題はありませんが、対話的に実行でき、1文ごとにコードの結果が分かって便利なので、基本的にはREPLを用いて説明していきます。 Scala IDEを使用する場合、第1回記事の『Scala IDE for Eclipseで「H

連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツールを統合したワークフローを提供する「Yeoman」 Yeomanとは、公式サイトいわく、「The web's scaffolding tool for modern webapps」とのことです。 訳すと、「今風のWebアプリのための土台／基盤を作ってくれるツール」といったところでしょうか。「scaffolding」はRuby on Railsの主要機能として有名になった言葉で、コマンドを打つだ

連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう

JavaScriptでも制御できる！ Arduinoの基礎知識：Arduinoで始めるWeb技術者のためのIoT入門（1）（1/2 ページ） 今注目のInternet of Thingsを実現するセンサーデバイスのインターフェースとしてArduinoを使い、電子工作の基礎から実装までを紹介する連載。初回は、Arduinoの概要と注目を集める理由、4つの面白い利用例を紹介します。 連載目次 「IoT：モノのインターネット」をJavaScriptで体験 皆さんは「IoT」という言葉をご存じでしょうか。IoTは「Internet of Things」の略称で「モノ同士がネットワーク越しに連携し合う世界」を言い表しています。 これまで、インターネットといえば、PCやサーバー、スマートフォンなどの限られたデバイスをつないでいました。IoTが目指す世界では、その対象を大きく広げて、モノをインターネット

Vagrantで手軽に構築してオープンPaaS「Cloud Foundry」を理解する：DevOps時代のJavaプログラマのためのオープンクラウド入門（2）（1/4 ページ） オープンなクラウドで重要性を増すJava。DevOps時代のJavaプログラマはアプリケーション開発者（Dev）もデプロイや運用（Ops）面におけるクラウド／インフラ技術への幅広い理解が必要となる。本連載では、さまざまなオープンクラウド技術を紹介していく。今回は、オープンソースのPaaSである「Cloud Foundry」を紹介。また、環境構築が手軽にできる「Vagrant」を使ってローカルにCloud Foundryの開発用稼働環境を用意してみよう。 Cloud Foundryとは Cloud Foundryはヴイエムウェアが中心となって開発をしているオープンソースのPaaS構築用ソフトウェアです。ソースコードは

キュー構造をJavaで実装してジェネリック型を理解する：【改訂版】Eclipseではじめるプログラミング（19）（1/3 ページ） これからプログラミングを学習したい方、Javaは難しそうでとっつきづらいという方のためのJavaプログラミング超入門連載です。最新のEclipse 3.4とJava 6を使い大幅に情報量を増やした、連載「Eclipseではじめるプログラミング」の改訂版となります 安全なままコレクションフレームワークを利用するために 今回は、「ジェネリックス（Generics）」について説明します。 Javaでは、すべてのクラスはjava.lang.Object型から派生しているので、どのオブジェクトもObject型として扱えば、ある処理をさまざまなデータ型に対して適用できます。 ただし、この場合は型について安全であることを保証するために、自分でチェックコードを記述したりキャス

ここまでの連載で、クラスの基礎的な理解は終えていただけていると思います。今回は、クラスのメンバであるメソッドや変数について、もう少し掘り下げていくことにします。 本題に入る前に、少し復習をします。Java的なプログラムを記述するには、ユーザーが扱うのはどんなデータなのかを念頭に置いて、例えばHTML文書を扱うならHTMLDocumentというクラスを設計する、といった発想が必要であることは理解いただけていると思います。ユーザーがWebブラウザで扱うのはHTML文書ですので、WebブラウザをJavaで作るとしたら、まず設計しなくてはならないのはHTML文書を扱う「HTMLDocument」などという名前のクラスになるはずです。 クラスをWebブラウザで理解する HTMLDocumentというクラスは制御文を使ったアルゴリズムの実例として「第7回　制御文を使いこなす」で取り扱いました。といって

例外が発生する可能性があるメソッドでは、そのメソッドにおいて例外を捕捉するか、そのメソッドを呼び出したメソッドに例外を投げる（任せる）かを選ぶ必要があります（例外がRuntimeExceptionのサブクラスである場合を除く）。前者を選ぶ場合は「try-catch」構文を用い、後者を選ぶ場合は「throws」を用います。 このどちらを選択するかは、機械的には決められません。メソッドの役割を考えて選択する必要があります。また、複数の例外がある場合、「try-catch」すべき例外と「throws」すべき例外に分けることを考えましょう。 まず、コンパイルエラーを逃れるためだけの「throws」は避けるべきです。下は最も悪い例といえるでしょう。 6行目の「throws Exception」を外すと分かりますが、このメソッドは、URLクラスのコンストラクタが不正なURLを受け取ったときに投げる M

「天才」と呼ばれるプログラマたちが自ら会社を立ち上げるとどうなるか。その答えが知りたければ、あるベンチャー企業に注目すればいい。IT業界で注目を集めるテクノロジーベンチャー「プリファードインフラストラクチャー」の社長に話を聞いた。 特集「学生起業家たちの肖像」、最終回は現在、最も注目を集めているテクノロジーベンチャーの1つ、プリファードインフラストラクチャー（PFI）の代表取締役社長 西川徹氏に登場してもらった。東京大学大学院に在学中、ACM国際大学対抗プログラミングコンテスト（ACM/ICPC）の世界大会に出場したメンバーと設立した会社は、自然言語処理の分野で日増しにその存在感を大きくしている。 今回は特別に、連載「天才プログラマに聞く10の質問」でおなじみ、Lispハッカーの竹内郁雄氏にインタビュアーをお願いした。2人の濃密な対談の様子を余すところなくお届けする（以下、敬称略）。 出会

Pivotalが目指す「企業が生き残るための新世代アプリプラットフォーム」って何？：ポール・マリッツ氏がEMC Worldで語ったこと EMCとヴイエムウェアが4月に設立した、企業のための次世代アプリケーション開発環境を提供する企業、Pivotal。CEOに就任したポール・マリッツ氏が、5月7日にEMCのイベント「EMC World」で、この新会社について説明した。Pivotalはどういったアプリケーションを想定しているのか、具体的にはどのような製品を提供しようとしているのだろうか。 EMCとヴイエムウェアが4月に設立した、企業のための次世代アプリケーション開発環境を提供する企業、Pivotal。CEOに就任したポール・マリッツ（Paul Maritz）氏が、5月7日にEMCのイベント「EMC World」で、この新会社について説明した。本記事では、マリッツ氏の説明に基づき、Pivotal

Web上には履歴書的意味を持つサービスが多く台頭している。それらを効果的に活用するのも 就職活動には有効だ。厳選して紹介しよう 「継続」という説得力 一匹狼として、困難なプロジェクトを点々と渡り歩くプログラマもいれば、新卒で大きな企業に就職し、その中で大規模なプロジェクトにかかわりながらコツコツとキャリアと経験を積み上げていくプログラマなど、さまざまな職種／職歴があるでしょう。 皆さんが最後に「履歴書」を書いたのは、いつのことでしょうか？ 就職活動のときにしか書いたことない？ 先日転職の際に慌てて書いた？ どちらにしろ、いざ履歴書を書くとなると、面倒なものです。 いざ転職しようと思ったときに、職歴がまとまっていないだけではなく、転職を一切考えていないような人でも積み重ねてきた仕事や、新しく身に付けた技術などを常々更新していくのは、地味ではありますが大切な事柄です。 過去の仕事履歴や、自分の