2018年6月29日、さくらインターネットは「さくらの勉強会 フロントエンドナイト」を開催した。「ブラウザゲーム開発の初心者」だったというさくらのクラウドのメンバーがブラウザゲーム「さくらのINFRA WARS」の開発にチャレンジした試行錯誤をこってり語った。 エイプリルフールネタでブラウザゲームをイチから作ってみる 「さくらのINFRA WARS」は2018年のエイプリルフールネタとして、さくらのクラウドのチームが開発したブラウザゲーム。「インフラエンジニア育成型サーバー防衛シミュレーション」を謳うさくらのINFRA WARSは、プレイヤーがインフラエンジニアになり、襲いかかるサイバー攻撃から身を挺してサーバーを守り、お客様に安定したサービスを提供するという内容で、いかにもさくららしいゲーム。年齢層の高いユーザーが喜びそうなドットの荒いレトロゲームらしい見た目もゲームの大きな売りと言える

スマホやタブレットユーザーがPCユーザー人口を上回っていても、長文入力には物理キーボードを使うという人がいるだろう。 いわばキーボードは人間の手の延長にあるデバイスなのだ。ゆえにキーボードには強いこだわりを持つ人がいる。そしてその中にはまだ見ぬ“Endgame（究極の）キーボード”を求めて日々キーボードショップ（あるのか？）をさまよい続けるのだ。 しかし、Endgameキーボードが簡単に見つからない場合も珍しくない。キーの配列が、デザインが、タイピングの感触が気に入らないなど、既成のキーボードに不満を感じる人も多いのだ。 近年、海外のサイトgeekhackやredditなどでキーボードを自作するマニアが増えており、その波が日本にも到来した。 キーボードを自作するための知識がない人もいるだろう。そんな“キーボー道”の門を叩き、キーボード沼の深淵へと誘うための知識を紹介するのがこの企画。キーボ

インテルからクレジットカードサイズの小型PC「Compute Card」が登場。パソコンショップアークやテクノハウス東映で販売がスタートした。 「Compute Card」は、クレジットカードよりほんの少し大きいサイズ95(W)×55(D)×5(H)mmの本体にCPU、メインメモリー、ストレージ、グラフィックス機能や無線通信機能といったPCとしての基本機能が搭載されている。 単体での運用はできず、ComputeCardスロットを装備したIoT機器などに差して利用することになる。ただ、別売のインテル純正ドッキングベイ「Compute Card Dock」のComputeCardスロットに差し込めば、PCとしての利用も可能だ。 入荷を確認したのは「Core m3-7Y30」(2コア4スレッド/クロック1.0GHz/tb時2.6GHz/キャッシュ4MB/TDP4.5W/Intel HD Grap

スマートホンでラクラク日本語入力したくないですか？ 2カ月半ほど前、私は、「スマホの最も生産的な入力方法はフリックではなく《ひと筆書き》だ」という記事を書いた。“ひと筆書き”入力というのは、キーボードの上を通常１つずつキーをタップしていくところを、 指を画面から離さないまま“なぞる”ことで入力するやり方。 「Swype Keyboard」というアプリを使いはじめていて、その気持ちよさを伝えたかったからだ（日本語対応はAndroid版のみ）。ところが、それを読んだ人からエンドウさんが紹介したSwypeはほんの一例ですよと指摘されてしまった。 というのだ。英語では、「スワイプ」（Swipe）とか「ジェスチャー」（gesture）とか、グーグルの場合は「グライド」（glide）などと呼んでいる（私が使っている入力方式は「Swype Keyboard」＝スペル注意）。 たとえば、「遠藤諭」と入力す

WPJが提携するWeb開発者向けメディア「SitePoint」ではCSS開発者を対象にした大規模なアンケート調査を実施しました。その結果から、いま何を学ぶべきかが見えてきました。 CSS開発の現場で実践されている習慣、CSSに関する知識の量、理解度などの情報を集める目的で実施した「究極のCSS調査」には、6週間で1600名以上からの回答が寄せられました。このほど集計が完了したので、結果を発表します！ フォローアップコメントと考察、昨年の結果との比較、コメント欄に寄せられた質問の回答も掲載します。 アンケートの結果は以下を参照してください。 結果は上下の矢印でめくりながら見られます。 調査の目的 まず、読者からは調査の目的とフィードバックで得られることについて、質問がありました。私がSitePointのエディターとしてもっとも優先しているのは、読者を理解することです。いろいろな技術に関して、

久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？  モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは

JavaScriptのデバッグに苦労しているなら、Nodeのデバッガーを試してみてはどうでしょうか。Visual Studio Codeならさらに手軽です。 袋小路です！ 何時間も費やしていろいろ試してみたけれどもうまくいきません。コードをじっと吟味してもエラーになりそうなところはありません。2、3回ロジックを見直して、何度も実行しています。単体テストも助けにはならず、同じく失敗してしまいます。もはやどうしていいか分からず、虚空を見つめたくなります。ひとり闇の中にいるように感じて、だんだん腹が立ってきます。 こんなときの自然な反応は、コードの品質を落とし、邪魔なものを全部捨て去ることです。コードのあちこちにprintをちりばめて、なにかうまくいくことを祈るわけです。これでは暗闇で的を狙うようなもので、望み薄なことが分かるでしょう。 よくある話だと感じたのではないでしょうか。今までに数行以上

確定申告の締め切りが迫っている。個人事業主やフリーランスのみなさんは特に去年の収支を振り返るタイミング。変化の多い時代、これはいま自分がどんな仕事をしていて、これからどうやって生きていくべきかを考えなおすタイミングでもある。 『ブラックジャックによろしく』作者の佐藤秀峰さんは、漫画家でありながら、三鷹に事務所を構える有限会社佐藤漫画製作所の代表でもある。現在の収入は「漫画制作」「電子書籍の取次販売」「電子雑誌の発行」の3本柱。漫画家としての近著には回天特別攻撃隊の青年たちを描いた『特攻の島』（芳文社『週刊漫画TIMES』連載）がある。 佐藤さんは『漫画貧乏』（2012年）で、原稿料・印税・制作原価など、いわゆる“紙の出版社”とだけ契約していた漫画家時代の台所事情を明かした。漫画家は漫画の制作スタッフを雇うなど経営能力も必要になる。大企業1社の裁量次第で商品の売れ行きが左右され、経営が不安定

Googleが運営するFirebaseを使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。 Firebaseは、アプリを素早く開発しデプロイできるようにするための「Backend as a Service（BaaS）」プラットホームです。Firebaseは多くの機能を提供しています。リアルタイムデータベース、ユーザー認証（Eメールとパスワード、Facebook、Twitter、GitHub、Googleアカウントを使用できる）、クラウドメッセージング、ストレージ、ホスティング、リモートコンフィギュレーション、Test Lab、クラッシュレポート、通知、アプリのインデックス付け、ダイナミックリンク、招待、AdWordsとAdMobなどが含まれています。 この記事ではシンプルなToDoアプリを作成しながら、Fir

2016年11月3日と4日、UEI本社でディープラーニングに触れながら学べる体験型イベント「Deep Learning Akiba 2016」が開催された。 ディープラーニングは、日本語では「深層学習」と呼ばれ、機械学習の一種である。ディープラーニングの考え方は以前からあったが、近年、GPUの性能が向上し、従来に比べて遙かに高い効率で学習できるようになったことで、画像認識や絵画の生成などの分野で目覚ましい成果が得られるようになり、大きなブームとなっている。ディープラーニングの発展により、人工知能の実用化の機運が高まっている。 UEI代表取締役社長兼CEOの清水亮氏は、数年前からディープラーニングを中心とする人工知能分野に注力しており、人工知能関連の開発や講演などを積極的に行っている。直近では、2016年10月17日より、清水氏による人工知能の最先端研究者の対談集「よくわかる人工知能」（KA

長らく停滞していたFacebook製のJavaScriptテストフレーム「Jest」が息を吹き返しています。概要とサンプルを使ったテストの手順を紹介します。JavaScript PlaygroundのJack Franklinによる特別寄稿です。 この記事ではFacebookが開発したテストフレームワークJestを使い、ReactJSコンポーネントをテストする方法を説明します。Jestの独創的な機能、特にReactアプリ向けテストを簡単に実施する機能について説明するまえに、プレーンなJavaScript関数でのJestの使用法を紹介します。 Jestが注目に値するのは、Reactに対応しているだけでなく、JavaScriptアプリケーションのテストにも使用できるからです。ただし、いくつかの機能はユーザーインターフェイスのテストにとても役立つ形で提供されるので、Reactにぴったりです。 サ

皆さんこんにちは。 私は将棋プログラム「Ponanza」の作者、山本一成と申します。Ponanzaは初めてプロ棋士を破った将棋プログラムで、近年最も強い将棋プログラムと言えると思われます。また、2017年もトッププロ棋士の方と対局することが予定されています。Ponazaの改良のための機械学習に現在ジサトライッペイさんのPC「大紅蓮丸」の計算リソースを借りているのですが、その関係で原稿を書いてとお願いされたので、3回に渡って将棋プログラムの今について、書いていきたいと思います。 フリーランチの終焉、並列化の効率問題 アスキー読者の方々には言うまでもないのですが、まずは近年のCPU事情について解説していきたいと思います。ちょっと昔まではCPUはシングルコアが当たり前で18ヶ月経過すればCPUのトランジスター数は倍になり、性能が向上するという流れが続いていました。ソフトウェアはその性能向上に伴い

富士通研究所は10月20日、実用性において量子コンピューターを超えるコンピューターアーキテクチャを開発したと発表した。従来の半導体技術を用いつつ、量子コンピューターの得意とする組み合わせ最適化演算を高速で解くことができる。 組み合わせ最適化問題は、さまざまな組み合わせが存在するケースから最適な組を取り出す計算問題。チェスや将棋などのゲームはもちろん、実社会のほとんどの問題に存在する。最適解を得るためには多数の組み合わせを計算する分岐をひとつひとつ探索する必要があり、スーパーコンピューターを用いても計算に膨大な時間がかかってしまう。 量子コンピューターが大きく期待されているのは、物理現象を用いることで最適な組み合わせをひとつひとつ計算することなく解にたどり着くことができ超高速に解が得られるという点。革新的なコンピューターであることは間違いないが、物理現象を用いるため近接した素子同士の接続しか

Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。 「ゲームループ」は、時間をかけて状態を変化させることでアニメーションやゲームをレンダリングするために使う技術につけられた名前です。本来は、ユーザー入力を受け取り、経過時間の状態を更新してからフレームをできるだけ多くの回数描く関数です。 この短い記事では、基本的な技術がどう機能するかを説明します。基本的な技術が分かれば、ブラウザベースのゲームやアニメーションの制作を始められます。 ゲームループは、JavaScriptでは次のようになります。 function update(progress) { // Update the state of the world for the elapsed time since la

インデントにタブとスペースのどちらを使うのがいい？ JavaScriptにセミコロンは付けるべき？ JavaScript Standard Styleを使えばそんな論争にけりがつくかもしれません。 最近、注目を集めている@ferossのJavaScriptスタイルガイド、JavaScript Standard Styleを紹介します。チーム内での開発が円滑になり、プログラミングがより楽しくなります。 JavaScriptスタイルガイドのコーディング規約は、タブとスペースのどちらが良いかといった不毛な議論を無くし、コードに一貫性を持たせてくれます。JSLintやJSHint、ESLintといったLinterで使用できる多くのスタイルガイドのうちの1つです。 もしLinterが分からなければ、SitePointの記事『A Comparison of JavaScript Linting Too

こんにちは。 この連載では、ちょっと変わったRuby入門を書いていきます。 想定読者は、Rubyを学びたいプログラミング初心者です。 Ruby以外の言語でプログラミングしたことがあると理解がはかどると思いますが、 Rubyを知らなくてもわかるように、なるべく丁寧に説明していくつもりです。 Rubyをある程度知っている読者には、最初の数回は退屈かもしれませんが、 回を重ねていくにつれ、より深くRubyを知ることができるはずです。 Rubyとは？ Rubyは「プログラミング言語」です。 プログラミング言語とは、コンピュータにやらせたい仕事を書くための言語です。 つまり、Rubyを覚えて、Rubyでコンピュータへの指示を書けば、 コンピュータはその指示を実行してくれます。 この指示書のことを「プログラム」と言い、特にRubyで書かれたプログラムを「Rubyプログラム」と言います。 ところで、Ru

HTMLを書くときのベースとなる「書き出し」。いまどきはエディターにプリセットされていますし、ネットにも山ほど転がっていますが、どうせならきちんと意味を理解して、自分だけのテンプレートを作っておくとカッコいい。 HTML5を習得していくうちに、HTML5のテクニックをまとめて使ったひな型を作っておきたいと考えることでしょう。もちろんお勧めしますし、開始点として便利な、オンラインソースの使用も検討してみるもいいでしょう（もっと詳しく知りたい場合は、html5boilerplate.comやhttps://github.com/murtaugh/HTML5-Resetも参照してください）。 ただし今回は、構築内容も含め、コードを一から説明していきます。なぜならHTML5とCSS3を使ったサイトやWebアプリを作る際、使えるオプションに詳しくなれるし、この記事をテクニックの手引きとして参照しやす

東京大学は8月29日、 常温で液体のリチウム塩水和物「常温溶融水和物（ハイドレートメルト）」を発見したと発表した。 東京大学大学院工学系研究科の山田裕貴助教と山田淳夫教授らの研究グループは、科学技術振興機構の袖山慶太郎さきがけ研究員、物質・材料研究機構の館山佳尚グループリーダーらとの共同研究により「水」をベースとした新たなカテゴリーのリチウムイオン伝導性液体「常温溶融水和物（ハイドレートメルト、hydrate　melt）」を発見した。 水と特定のリチウム塩2種を一定の割合で混合することで、一般的には固体となるリチウム塩二水和物が常温で安定な液体、つまりハイドレートメルトとして存在することを見出した。発見したハイドレートメルトは通常1.2Vの電圧で水素と酸素に分解する水を使っているにも関わらず、3V以上の高い電圧をかけても分解しないことがわかった。 リチウムイオン電池の電解液が可燃・有毒な有

40V型クラスで10万円前後とかなり身近な価格になった4Kテレビ。しかし、それでもまだ高い、という読者もいそうな気がする。 実は、安くなっているのは4Kテレビだけではない。PC用の4Kモニターも価格の低下が進んでおり、最安ベースなら5万円を切る価格で購入できる製品もある。この安い4Kモニターをテレビとして利用できたら、かなり安く4Kテレビ環境が構築できるのではないか……。 というわけで、4Kテレビ特集の第3回ではPC用の4KモニターでテレビやBDを視聴したらどうなるか、試してみたいと思う。 チューナーがない、だけではない 薄型テレビとPC用モニターの違い 薄型テレビとPCモニターの最大の違いはTVチューナーを内蔵するかどうかだ。これについては、別途TVチューナーを追加する必要がある。 肝心なのは画質となるだろう。4Kテレビの液晶パネルは通常IPSかVAか、という選択肢となるが、4Kモニター