もうFTPは使えない！ WordPressのデプロイはWordmoveで決まり！
WorPressのデプロイってどうしていますか？ まだFTP？ Wordmoveを使えばかなり効率よくデプロイできそうです。 PHPアプリケーションとして、WordPressはFTP経由でファイルをアップロードするという古い方法でデプロイメントされることがよくあります。これは特に、非常に重いWordPressプロジェクトをデプロイする必要がある場合に、ストレスとなったり、長い時間がかかったりします。 数あるツールの中で、Jenkins、Beanstalk、Deployは、自動化されたわずらわしくない方法でWordPressをデプロイしますが、記事ではRubyの強力なパッケージ「Wordmove」を紹介します。Wordmoveは、WordPressのWebサイトをスピーディーかつ簡単にデプロイできます。 Wordmoveとはなにか WordmoveはRuby製の軽量なgem（ライブラリー）で
中学生でもわかる「子どものための人工知能プログラミング ワークショップ」が凄かった (1/2)
2016年11月3日と4日、UEI本社でディープラーニングに触れながら学べる体験型イベント「Deep Learning Akiba 2016」が開催された。 ディープラーニングは、日本語では「深層学習」と呼ばれ、機械学習の一種である。ディープラーニングの考え方は以前からあったが、近年、GPUの性能が向上し、従来に比べて遙かに高い効率で学習できるようになったことで、画像認識や絵画の生成などの分野で目覚ましい成果が得られるようになり、大きなブームとなっている。ディープラーニングの発展により、人工知能の実用化の機運が高まっている。 UEI代表取締役社長兼CEOの清水亮氏は、数年前からディープラーニングを中心とする人工知能分野に注力しており、人工知能関連の開発や講演などを積極的に行っている。直近では、2016年10月17日より、清水氏による人工知能の最先端研究者の対談集「よくわかる人工知能」（KA
インストール不要で複数OSが高速起動する東大の変態Mac (1/5)
東京大学では、学生や教職員が利用するPCや各種サービス一式を教育用計算機システム（ECCS）と呼んでおり、これを4年一度リプレースしています。2016年度はその更新時期にあたり、今回も入札の結果、クライアントマシンにはMacが選ばれました。東大では、2004年以来3期12年に渡ってMacが導入されてきましたが、、今回（ECCS2016）もこれが継承されたことで4年後の2020年3月（2019年度）までは引き続きMacが使われることになります。このあたりは、前回の取材記事で詳しく紹介しているので、文末に張ったリンクから関連記事をチェックしてください。 東大での取材で個人的にかなり気になったのが、もう変態といっていいほど特殊なMac。電源ボタンを押してもすんなりとOS Xが起動するわけではありません。Macハードウェア上で、UEFI（Unified Extensible Firmware In
クラウドで動き出す精鋭チームの夢と挑戦 (1/3)
東京都の東部にあるギルランデ（GIRLANDE）。経営母体は建設会社だ。建設会社の代表であり、ギルランデの代表取締役社長でもある中村千喜氏が、建設業界のビジネスノウハウとゲームにかける熱い情熱を注ぎ込んだのがギルランデだ。 10万人が待ち望むデビュー作 「苦労のかいあって、最高のことがやれる、最高のチームが出来上がりました。組織は小ぶりでも、やっていることは日本一と断言できます」と中村氏は話す。 ギルランデの社員は総勢10名足らず。それでも、初のプロダクトとなるソーシャルゲーム「忘却のパンドラスフィア」（pandorasphere.jp/）をわずかな期間で完成させ、この春には提携先であるサイバーエージェントのアメーバ経由で配信する。アメーバの積極的なプロモーションや、ゲームキャラクターイラストの完成度の高さが話題を集め、事前登録者数はすでに10万件超えの勢いだ。リリース直後には、万単位の利
「ハッカーが30ｍ圏内にいる場合は利用を控えてください」
ターゲットに“タグ付け”すると自動発砲するライフル 2011年に創業したTrackingPointは、ド素人でも長距離からターゲットを正確に撃ち抜くことができる「自動照準ライフル」の開発・販売で、一躍注目を浴びた。しかし今回、そのライフルに認証の実装不備が発見された。悪用された場合、攻撃者ははWi-Fi経由で自動照準スコープにアクセスし、射撃のターゲットを変えるなどの操作を実行できてしまうという。 同問題をBlack Hat USA 2015で発表したのは、マイケル・アウガー氏とルナ・A・サンドヴィック氏夫妻だ。「When IoT Attacks: Hacking A Linux-Powered Rifle」の講演の中で、両氏は「TrackingPoint TP750」の詳細を調査し、セキュリティ上の問題があることを突き止めたと話した。
『SHIROBAKO』永谷Pの覚悟――「負けはPの責任、勝ちは現場の手柄」 (1/5)
＜後編はこちら＞ アニメ業界はブラックか否か――。 『SHIROBAKO』は、アニメ制作会社を舞台にした異色の「アニメ業界もの」だ。主人公は新人の制作進行・宮森あおい。物語には、監督、作画、CGなど、さまざまなセクションの人物が登場し、テレビアニメを作り上げていく過程が描かれた。仕事にまつわる困難や喜びを、時にコミカルに、時に感動的に描写した本作品は、放映開始と同時に大きな話題となった。 今回登場いただいたのは『SHIROBAKO』をプロデュースした永谷敬之氏。 企画を取りまとめ、視聴者に届ける役割を担う永谷氏は、アニメ業界ものという未知の題材に苦心する。 ひとつ間違えば「業界のマイナスイメージ」になりかねない危険性。しかもアニメ制作会社P.A.Works社長・堀川憲司氏からは“リアル青春群像劇にしたい”というオーダーが届いていた。 ブラックで爽やか、二律背反のなかで「売れる商品」にするた
新築マンションをOculus Riftで内覧！ 未来の物件検索「ROOM VR」を体験してきた (1/2)
ゲーム業界をはじめ、国内外のソフト開発者からアツい注目を集めているVRヘッドマウントディスプレー「Oculus Rift」（オキュラス・リフト）。かぶると視界がすべて覆われて、頭を振った方向に映像を切り替えてくれる。テレビのように平面ディスプレーを眺めるのではなく、3DCGや録画した映像の世界の中に自分が入り込んで、上下左右すべてを全周パノラマで「体験」できるのが特徴だ（詳細はこちら）。 Oculus Rift向けのVRコンテンツとして、アメリカではFPSやシューティングなどゲームでの利用が期待されているが、日本ではキャラクターとの握手や乗馬体験といった別ベクトルにぐいぐい進化していってるのが非常に興味深い。 そうした導入事例のうち、今回クローズアップするのが、不動産・住宅情報サイトの「HOME'S」を運営するネクストが公開した「ROOM VR」というアプリだ。 ほとんどの人にとって、マン
たった4行で電話が作れるAPI「Twilio」とは？ (2/2)
入力した電話番号にSMSで６桁の数字が送られてきますので、サインアッページでこの数字を入力すれば認証完了です。 テスト通話 認証が完了したら、テスト用番号（トライアル番号）が発行されます。実際にTwilioから電話をかけてみましょう。 メッセージを入力して「Make Call」をクリックすると、入力したメッセージを女性の声で読み上げてくれます。 これで登録が完了しました。 ダッシュボードにログインしてみよう コントロールパネルにログインした後、すぐに表示されるのが「ダッシュボード」です。 ダッシュボードでは、TwilioAPIの利用に必要な「ACCOUNT SID」「AUTH TOKEN」、Twilio APIのコードを作成するための「API EXPLORER」（第２回で紹介します）、通話分析のサマリーなどが表示されます。 ダッシュボードの簡単な見方を紹介しましょう。 1.サービスメニュー
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
『 jQueryデザイン入門』が3年ぶりに改訂
Web制作者の圧倒的な支持を集めた“ドーナツ本”がついに改訂。最新のjQuery 1.9に対応した『Web制作の現場で使うjQueryデザイン入門[改訂新版]』（西畑一馬 著）として、が3月8日、アスキー・メディアワークスから発売されました。Amazon.co.jpほかネット書店、全国の大型書店で購入できます。 基礎から実践的なUI制作まで身に付く Web制作の現場ではデザイナーにもjQueryの知識が必要ではないか――。この想いで企画された旧版は、3万人近くの方に読まれるベストセラーになりました。スマートフォンやタブレットが普及したいま、jQueryはFlashの実質的な代替技術として、さらに多くの制作現場で一般的に使われています。 改訂新版では、HTML/CSSの知識をベースにWeb制作に必要なjQueryの使い方を効率よく学べる構成はそのまま踏襲。一方で最新のトレンドに合わせて、jQ
「自宅でコードを書くプログラマー」は優秀か？
靴の通販サイトの記者発表に現れた社長の靴は擦り傷だらけで汚かった。あまりに汚いので「社長はどんな靴が好きなんですか？」と尋ねると、「あ、ボク別に靴が好きとかじゃないので」だそうだ。「靴の通販」事業にベンチャーキャピタルが出資してくれて起業した社長が、「あ、ボクが好きなのはお金ですから、靴なんてどうでもいいでしょ」と言っているように聞こえてしまい、しばらくその会社の記事を書く気がしなかった。 もう昨年になるが、コラボレーションツールのConfluenceやプロジェクト管理ツールのJIRAを開発・販売しているアトラシアン社アジャイル エバンジェリストのニコラス・マルドゥーン氏とのインタビューが終わりにさしかかって、ソニーやパナソニックといった日本企業はなぜ元気がなくなったのか？ なぜ日本から人々の生活を一変させてしまうようなソフトウェアが登場しないのか尋ねられた。私の答えは「日本のプログラマー
伊藤穰一、川上量生、まつもとゆきひろ、角川グループに!?
右から、角川歴彦氏、伊藤穰一氏、川上量生氏、まつもとゆきひろ氏、遠藤 諭氏、福田 正氏。この6名が角川グループの新会社「角川アスキー総合研究所」の主要メンバーだ 写真：「角川アスキー総合研究所」発足記念フォーラム 株式会社角川グループホールディングスは17日、新会社として「株式会社角川アスキー総合研究所」を設立すると発表した。代表取締役社長は角川グループホールディングスの会長を務める角川歴彦氏。角川アスキー総合研究所では、ネットワーク・デジタル分野の調査や研究、さらには出版や教育なども進めていく。 角川氏が事業を新たに立ち上げようと思い立ったのはクラウド時代の到来がきっかけだったという。「アスキー創業者の西 和彦さんが『パソコンができたことで何が変わるのか』というところでアスキー総合研究所を始めたのに対し、こちらは『クラウドで社会がどう変わっていくのか』ということ」（角川歴彦氏） 主席研究
いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
フルードグリッドとレスポンシブWebデザインの完成 (1/3)
本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 メディアクエリーを設定し、グリッドデザインで大きな画面にも対応した「枝豆隊」をフルードデザイン（リキッドレイアウト）に変更します。レスポンシブWebデザインによるサイト制作もいよいよ今回で完成です。 フルードグリッドへの変換 前回の記事で、1024px以上のスタイルシートが一通り完成しましたが、この状態ではウィンドウサイズを広げてもpxで幅
無料で使えるHTML5 JavaScriptゲームエンジンまとめ
HTML5とJavaScriptによるインタラクティブなWebアプリケーションの開発が注目される中、ゲーム分野では数多くのHTML5 JavaScriptゲームエンジン（ゲーム開発用のフレームワーク）が登場している。JavaScriptのライブラリーや情報をまとめているJSwikiによると、その数は70以上に上り、開発者はどのゲームエンジンを選べばいいのか判断が難しい状況だ。 本記事では、数多くあるJavaScriptゲームエンジンの中から、筆者がおすすめするライブラリーを紹介しよう。紹介するゲームエンジンはすべてMIT Licenseで提供されているので、個人はもちろん、商用でも利用できる。 Cocos2D JavaScript (http://cocos2d-javascript.org/) Crafty (http://craftyjs.com/) enchant.js (http:
古籏一浩のJavaScriptラボ
活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。
Amazonと楽天のアフィリエイトを効率化するjQuery技 (1/5)
書評サイトやDVDレビューサイトなど、特定の商品を紹介するWebサイトを運営しているなら一度は検討したいのが、アフィリエイト広告の掲載です。個別の商品を紹介しているページからショッピングサイトに当該商品ページへアフィリエイトリンクを張れば、ユーザー（読者）は商品をすぐに購入できるようになり、サイト運営者はその分の報酬（紹介手数料）を手にできます。 たとえば、多くの映画ファンが集うコミュニティサイト「映画生活」では、すでにDVDになっている映画作品のページにAmazon.co.jpと楽天ブックスへのアフィリエイトリンクを設置しています。今回は、この映画生活のサイトと同様に、サンプルの書評サイトにアフィリエイトリンクを付けてみます。 今回のお手本サイト：『映画生活』 ユーザーによるレビュー、掲示板などのコミュニティ機能に強みを持つ総合映画情報サイト。1999年に個人サイトからスタートし、200
jQuery＋CSSによるカルーセルパネルの作り方 (1/3)
「カルーセルパネル」は、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるUIです。Amazonの「この商品を買った人はこんな商品も買っています」で利用されているので、名前は知らなくてもご存じの方は多いでしょう。カルーセル（Carousel：回転木馬）は、メリーゴーラウンド（merry-go-round）のことで、パネルをスライドしていくと一周して元のスライドに戻ることから「カルーセルパネル」と呼ばれています。今回はjQueryでカルーセルパネルを作成する方法を解説します。 HTML/CSSでカルーセルのベースを作成する 今回作成するカルーセルパネルのHTML／XHTML（以下、HTML）は次のようになっています。カルーセル全体を囲むdiv要素を配置し、id属性に「carouselWrap」を設定します。div要素の内側にはパネルを左方向にスライドさせる「戻る」ボタン用のp
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マンガ：Webディレクター 江口明日香が行く
