APIの開発がむちゃくちゃ捗る「Postman」の使い方
いまどきのWebアプリケーションの開発で重要となっているのが、APIの設計と開発。APIを開発するときの面倒な課題を一気に解決するすばらしいツール「Postman」の使い方を紹介します。 APIを構築した経験があれば、難しさが分かるでしょう。プロジェクトは収拾がつかないほど複雑になり、ドキュメントを作成してみても、結局すっきりしません。 以前簡単に紹介したツールPostmanを試しました。Postmanなら、認証、テスト、ドキュメント作成、バージョン管理などAPIの多くの要素を統合して開発できる環境で、API構築の強力な助けになると分かりました。 Postmanの多彩な機能と統合環境で、APIを簡潔に開発する方法を紹介します。 リクエストする PostmanでシンプルなAPIリクエストを送信して、レスポンスを取得します。 上記のスクリーンショットで、ビューにたくさんの要素が配置されていてい
スマホでプラレールやミニ四駆を操作できる！スゴイIoT乾電池「MaBeee」
スマホと繋がる乾電池型IoT「MaBeee（マビー）」をご紹介します。 MaBeeeはおもちゃや自分で作った工作、電動歯ブラシなど乾電池で動く製品をスマホでコントロールできる乾電池型IoT製品です。 市販の単4電池をMaBeeeに入れたら、単3電池を入れる要領でおもちゃの中にMaBeeeを入れてアプリと接続します。電池を複数個使う製品でもMaBeeeを1つだけ入れれば使用できます。 接続が完了したらスマートフォンのアプリで乾電池の出力をコントロールしましょう。 スマートフォンを振ったり、傾けたり、大きな声で話しかけることで操作可能です。おもちゃと組み合わせて遊んだり、お子様の知育に活用したりとさまざまな用途で活用できます。アプリは最大10台のMaBeeeと同時に接続できるのでたくさんのおもちゃなどを一度に動かすことができます。
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
ASCII.jp：ブラウザとサーバは何をやりとりしているの？｜WWW完全制覇
多種多様なWebコンテンツをやりとりするためのプロトコルがHTTPである。やりとりはシンプルながらも、豊富なメッセージヘッダを用いて、さまざまな通信制御が実現されている。また、SSLやCookieを使うと、より高度な個人情報管理もできるのだ 今も変わらず使われるHTTP Webでは、WebブラウザがWebサーバにリクエストを出して、Webサーバがそのリクエストに応じたコンテンツを返すというやりとりで成立している。これを実現しているプロトコルが、HTTPである。 ここまで見てきた通り、WebではWebブラウザやWebサーバも着実に進化している。また、やりとりするコンテンツに至っては静的なHTMLから、拡張性の高いXMLやスクリプト、さらに動的なアプレットやRIAといったコンテンツへ大きく移り変わった。しかし、プロトコルに関してはずっとHTTP 1.1を使い続けている。もちろん、HTTPに弱点
Chromeが自動提案！Webパフォーマンス最適化 (1/2)
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第6回は、「Network」パネル、「Timeline」パネル、「Audits」パネルでWebページを高速化する方法を説明します。 KISSmetricsの調査によると、ECサイトではページの読み込みが1秒遅れると、CVRが7%下がります。今回は、ページ表示を高速化するために、Chromeデベロッパーツールでページの読み込みが遅い要因を3つの方法で調査します。 HTTPリクエスト数を疑う ページ表示が遅い原因の一つは「HTTPリクエスト数」です。 HTTPリクエストとは、クライアントからサーバーへの要求のことです。たとえば、画像を表示するとき、クライアントからサーバーに「この画像が欲しい」と要求し、サーバーが画像ファイルを送信するやりとりをHTTPリクエスト、その回数をHTTPリクエスト数と呼びます。 画像
Navigation Timing APIでサイトパフォーマンスを調査 (1/4)
Webサイトの制作では、ページデータの読み込み時間が問題になることがあります。ページが表示されるまでに時間がかかると、ユーザーのストレスが増加し、場合によってはユーザーが離れてしまう場合もあります。すばやく表示されるWebサイトであれば、ユーザーも使いやすいはずです。また、Googleはページの表示速度を検索結果の順位算出に使っていると明らかにしています（Googleの発表）。 ページの読み込み速度はJavaScriptで計測できます。ところが、JavaScriptではHTMLファイルが読み込まれHTMLの解釈が始まった段階からしか計測できず、どの処理に時間がかかっているのか、詳細な処理時間を把握できません。 そこで登場したのが、「Navigation Timing API」です。Navigation Timing APIは、DNSの処理時間や、HTTPリクエスト／レスポンス時間など、HT
寿司もITも鮮度が一番！あきんどスシローのAWS活用術 (1/2)
AWS Summit 2013の2日目にあたる6月6日には、回転寿司チェーンを展開するあきんどスシローがIT活用やクラウド導入について披露した。自慢の寿司をふるまいながらの講演は、回転寿司屋の舞台裏がつまびらかにされた笑いの絶えないセッションとなった。 中とろ vs システム 「スシロー」は関西を中心に全国350店舗を展開する回転寿司のチェーン店。年間の来店客数は日本の人口と同じ1億2000万人にのぼり、売上高では1000億円を超えるという。全店舗1皿105円という均一価格で有名だが、えびアボガドを始め、既存の寿司の常識を覆す新しいメニューを出すことでも知られている。最近では、189円の吟味ネタという取り組みも進めている。 今回のAWS Summit 2013では、情報システム部 部長の田中覚氏が「中とろより価値あるITを。あきんどスシローのクラウド活用術」というタイトルで、AWS上に構築
新Webエンジン「Blink」—GoogleはなぜWebKitを捨てたか？ (1/3)
先週、Webブラウザーの世界にふたつほど衝撃的なニュースが走った。ひとつ目はMozillaがSamsungと共同でプログラミング言語Rustをベースにした新Webレンダリングエンジン「Servo」の開発を進めていくと表明したこと、そしてもうひとつが今回の主題、GoogleがWebKitを離れて「Blink」への移行を表明したことだ（開発者向けバイナリーを配布するGoogle Chrome Canary（28.0.1468.0 canary）では、すでにBlinkが含まれている模様）。 Mozillaの抱えるGecko、AppleとGoogleが推進するWebKit、そしてMicrosoftのTridentの3つは、Webブラウザー業界においてシェアのほとんどを握る3大勢力となっている。その勢力のうちのふたつが従来の技術とは別の新しいエンジン採用と開発推進をほぼ同時に発表したことは、今後のト
Chromeで使えるエクステンション厳選25本！ (1/6)
ページ分けの多い記事も自動でめくれる、クリック一発で翻訳出来る――。 便利な拡張機能の豊富さで知られる人気ブラウザーといえばFirefoxだ。だが、そこに現在Google Chromeが「エクステンション」と呼ばれる拡張機能で猛追を始めている。グーグルが9日に公開したサイト「Chrome Extensions」にはすでに、500本を超えるエクステンションが登録されている。 エクステンションに対応するChromeは現在、Windows版およびLinux版のみ。いずれも正式版ではなく4.0ベータ版で、体験したい人はそれぞれをインストールすることになる（エクステンションを入れようとするとダウンロードを促されるので、それに従えばオーケー）。Mac版も近いうちに対応予定とのことなので、しばしお待ちを。正式版の4.0リリースは2010年の見通しだ。 リリース間もない現在の問題は、Firefoxのときと
メールを支えるドメイン名とDNSの仕組み (1/2)
メールアドレスに含まれるのはドメイン名で、メールサーバそのものを指すわけではない。では、どのようにしてメールサーバを探し当てるのだろうか。ドメイン名とIPアドレスをひも付けるDNSサーバとの関連性を見ながら説明しよう。 ドメイン名からメールサーバ？ 通常のメールアドレスには、宛先のユーザー（のメールボックス）が所属する組織を表わす「ドメイン名」が含まれている。ただ、このドメイン名は、組織などのグループに付けられる名前で、特定のサーバを示すわけではない。たとえばWebサーバであれば「tech.ascii.jp」のように、ホスト名の形で通信相手を特定する。これと同様に、本来であればメールの宛先であるメールサーバのホスト名を指定するべきである。もちろん、メールアドレスに「@mta.biglobe.ne.jp」といった具合に、メールサーバの名前（に見える情報）を追加しているISPもある。しかし、企
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
