タグ

ブックマーク / ascii.jp (11)

  • たった30秒でREST APIのモックが作れる JSON Serverでフロントエンド開発が捗る

    「まだバックエンドのAPIできていないから、とりあえずダミーテキストでデザインしといて」ってフロントエンドの実装を進めたら、仕様が微妙に違った…なんてトラブルはこれで防げそうですね。 バックエンドが用意されていない中でアプリケーションのフロントエンドをプロトタイピングしなくてはならない、ということがあるでしょう。呼び出す基的なAPIのモックを作るだけでも時間がかかりますが、JSON Serverのライブラリーを使うと開発やテスト用の複雑なRESTful APIを速く簡単に作れます。 記事ではJSON Serverを使ってREST APIのモックを作る方法を紹介します。紹介するQuick Tipを使えば、すべての機能を備えたAPIがたったの30秒で動き始めます。 要件 RESTfulの原則とAPIの使用方法についての基礎的な知識が必要です。 次のツールが必要です。 Node.js:JSON

    たった30秒でREST APIのモックが作れる JSON Serverでフロントエンド開発が捗る
  • NoSQLじゃなくてMySQLを使いたい!Node.jsのmysqlモジュールの使い方

    JavaScriptでデータベースといえば非SQLだと思っていませんか? Node.jsのmysqlモジュールでMySQLを使う方法を解説します。 Node.jsアプリのバックエンドに適しているからか、非SQLのデータベースが話題ですが、流行っていて格好良いという理由だけで次のプロジェクトに採用するわけにはいきません。プロジェクトで要求されることに基づいてデータベース型を選ぶべきです。プロジェクトに動的なテーブル生成やリアルタイムのデータ挿入があるなら非SQLを、複雑なクエリとトランザクションを扱うならSQLデータベースが適しています。 このチュートリアルではまず、JavaScriptで書かれたNode.js用MySQLドライバー「mysql module」の導入方法を解説します。次に、このモジュールを使ってMySQLデータベースに接続する方法、一般的なCRUD操作(レコードの新規作成、読

    NoSQLじゃなくてMySQLを使いたい!Node.jsのmysqlモジュールの使い方
  • メールを支えるドメイン名とDNSの仕組み (1/2)

    メールアドレスに含まれるのはドメイン名で、メールサーバそのものを指すわけではない。では、どのようにしてメールサーバを探し当てるのだろうか。ドメイン名とIPアドレスをひも付けるDNSサーバとの関連性を見ながら説明しよう。 ドメイン名からメールサーバ? 通常のメールアドレスには、宛先のユーザー(のメールボックス)が所属する組織を表わす「ドメイン名」が含まれている。ただ、このドメイン名は、組織などのグループに付けられる名前で、特定のサーバを示すわけではない。たとえばWebサーバであれば「tech.ascii.jp」のように、ホスト名の形で通信相手を特定する。これと同様に、来であればメールの宛先であるメールサーバのホスト名を指定するべきである。もちろん、メールアドレスに「@mta.biglobe.ne.jp」といった具合に、メールサーバの名前(に見える情報)を追加しているISPもある。しかし、企

    メールを支えるドメイン名とDNSの仕組み (1/2)
  • ゼロから始めるレスポンシブWebデザイン入門

    スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基まで、菊池 崇氏が解説します。

    ゼロから始めるレスポンシブWebデザイン入門
    chanpon0
    chanpon0 2012/12/06
    レスポンシブ・ウェブデザインの作り方
  • 最新技術の実験場「石狩データセンター」のすべて

    さくらインターネットが11月に開所した石狩データセンターは、外気冷却やHVDCの実証実験など最新の省エネ技術を盛り込んだ郊外型データセンター。「日ITコストを押し下げる」という大きな目標を掲げた同データセンターの詳細やコスト削減への取り組み、省エネを支える技術などを総ざらいする。 2011年12月19日 09時00分 データセンター データセンター事業者が戦えるインフラを HVDCサーバー投入!最新技術で省エネを追求するNEC 「データセンターに最適なサーバーとはなにか?」この答えを探し続け、他社との差別化を追求し続けるベンダーがNECである。NEC プラットフォームマーケティング戦略部 シニアマネージャー 永実氏に、同社が特に強みとしているデータセンター向けサーバーの省エネ技術について聞いた。 2011年12月13日 09時00分 データセンター NECのHVDC対応へのいち早い

  • jQuery作者が明かす「jQuery Mobile」の魅力

    JavaScriptをWebデザイナーでも扱える身近な存在に変えた「jQuery」。世界中の有名サイトで使われている人気フレームワークの作者=ジョン・レッシグ(John Resig)氏が次に注目したのが「モバイル」です。2010年10月に最初のアルファ版がリリースされた「jQuery Mobile」は、モバイルWebアプリケーションフレームワークの命として、多くの開発者の関心を集めています。 稿では、11月13日に開幕するWeb Directions East 2010に合わせて来日予定のジョン・レッシグ氏が、jQuery Mobileの魅力(の一部)を紹介します。(編集部) クロスブラウザーやブラウザー固有の問題を避け、高いインタラクションを手軽に組み込むには jQueryのようなJavaScriptライブラリーの利用が欠かせません。jQueryはDOMへアクセスしたり、イベントを付

    jQuery作者が明かす「jQuery Mobile」の魅力
  • ASCII.jp:西畑一馬のjQuery Mobileデザイン入門

    いまもっとも注目されているモバイルフレームワーク「jQuery Mobile」。jQuery Mobileの基的な使い方から、実践的なデザインテクニックまで。iPhone/Androidなどのスマートフォンサイト制作にjQuery Mobileを活用する方法を具体的に解説します。<cj:inc template="792" element_id="673471" />

    ASCII.jp:西畑一馬のjQuery Mobileデザイン入門
  • JavaScriptで振り分けてスマホサイト完成! (4/5)

    スマートフォンとPCの振り分け ここまでできたらいよいよサイトの公開です。今回は、スマートフォンサイト用に「iphone」というサブドメインを割り当てました。 作成したファイルをWebサーバーにアップロードすれば一応完成ですが、スマートフォンサイトのURLをユーザーに入力してもらうのは現実的ではないので、iPhone/AndoridからPCサイトにアクセスしたときには自動的にスマートフォン専用サイトに振り分けるようにしましょう。 iPhone/Androidからのアクセスを判別して専用サイトに振り分けるには、JavaScriptPHPなどのプログラム言語か、Webサーバーの設定を利用します。今回はもっとも手軽なJavaScriptを使って振り分ける方法を紹介します。まず、端末の振り分けのときに利用するのが、「ユーザーエージェント」と呼ばれる情報です。 ユーザーエージェントとは ユーザーエ

    JavaScriptで振り分けてスマホサイト完成! (4/5)
    chanpon0
    chanpon0 2011/10/24
    スマホ用サイト作成
  • ASCII.jp:ガラパゴスだから見えた夢――KDDIが「セカイ」に託すもの

    「セカイカメラ」を開発した頓智・の井口尊仁氏(左)、「実空間透視ケータイ」を開発したKDDI研究所の小林亜令氏(右)。井口氏が持っているアクリル板は「完全に透明な『セカイカメラ専用モバイル』のモックアップ」とのこと iPadの発売や、SIMフリー化に向けての動きが出るなど、大きな話題に押され、埋もれがちなニュースがある。KDDIがスマートフォン向けの人気アプリケーション「セカイカメラ」を開発する頓智・と協同し、新たなサービスを生みだそうとしているのだ。 セカイカメラは拡張現実技術(AR)を使ったアプリ。GPSで現実空間とつながった仮想空間上に好きな言葉や写真などを投稿し、ケータイのカメラを通じ「投稿したものを現実空間に『置いてある』ように眺める」というものだ(関連記事)。 KDDIは今回、自社のAndroidケータイ用のセカイカメラをリリースするとともに、スマートフォンではない「普通のケー

    ASCII.jp:ガラパゴスだから見えた夢――KDDIが「セカイ」に託すもの
  • 40分で覚える!jQuery速習講座 (1/6)

    いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。

    40分で覚える!jQuery速習講座 (1/6)
  • 正しいURLなのに偽サイトに飛ばされる「ファーミング」とは? (1/2)

    Q. 「ファーミング」って何ですか? A. ユーザーにメールを送るといった働きかけをせず、偽Webサイトに誘導する手口のことです。 正規サイトへのアクセスを「すり替える」 ファーミング(pharming)とは、DNSサーバーの情報やユーザーのPCの設定を書き換え、偽のWebサイトへ誘導する手口である。名前の由来は、偽サイトへ誘導するための準備を行ない(種まき)、偽サイトに訪問者を誘導し収穫を得ることから、「農業(farming)」にたとえたとされている。 偽サイトに誘導するという点ではフィッシング詐欺と同じ詐欺の手口だが、その誘導の方法が少々異なる。フィッシング詐欺は、金融機関などの正規の企業に偽装したメールでユーザーの興味を引き、メールに記載されているURLから偽サイトに誘導する。一方ファーミングは、ドメイン名からIPアドレスを割り出す「名前解決」の情報を細工し、ユーザーに気づかれること

    正しいURLなのに偽サイトに飛ばされる「ファーミング」とは? (1/2)
  • 1