ワークショップ「お問い合わせフォームを作成する」の第1回目はお問い合わせフォームの入力ページのHTMLを作成します。 この記事のポイント お問い合わせフォームの入力ページを作成する フォームの入力データが実際に送信＆受信できるか確認する ワークショップ第1回目は、お問い合わせフォームを作成するファイルを作成し、基礎となるHTMLを作成していきます。 早速ですが、実際にファイルを作成してコードを書いていきましょう。 まず、「index.php」というファイルを新しく作成して、以下のHTMLコードを書いてください。 ※今回作成するコードは以下のGithubのページからダウンロードすることができます。 vol.1のサンプルコード – Github index.php <!DOCTYPE> <html lang="ja"> <head> <title>お問い合わせフォーム</title> <sty
SEOのために構造化データを実装する方法「SEOのための構造化データ初心者向けガイド――構造化データを実装する方法」にようこそ。 今ご覧になっているこの記事はガイド全体のパート2です。 パート1（日本語未訳）では、「構造化データとは何か」「SEOの取り組みをサポートするために構造化データをどのように利用できるか」について概要を説明した。 このパート2では、ウェブサイトでSEOのために構造化データを実装する手順について説明する。これは初心者向けガイドなので、利用可能な最も基本的な構造化データのマークアップとよくあるユースケースについて説明したい。また、実装の技術的な面について理解するための追加リソースを提供する。 構造化データの利用が適切かどうかを判断する一般的には、SEOのために構造化データを実装すれば、ほとんどの人にメリットがもたらされる。しかし、実装には一定の労力とリソースが必要だ。ま
![SEOのための構造化データ初心者向けガイド [前編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0608ab55b9ad90c4188d020d5681205bd9b65a41/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fseomoz%2Fmoz_teaser_icon_1_200.png%3Fitok%3DCPk14RKP){kind=icon}
インターネットの標準的なプロトコルは「Internet Standards」と呼ばれ、 ISOC（Internet Society）が管理している。 連載目次 前回説明したように、ネットワークに接続されているコンピュータや機器がお互いに通信するためには、それらの間で共通に決められたプロトコルを利用する必要がある。これはインターネットにおいても同様であり、そのためのプロトコルが定められている。この標準的なプロトコルは「Internet Standards」と呼ばれ、ISOC（Internet Society）という組織によって管理されている。今回は、このInternet Standardsと呼ばれるプロトコルの標準化のプロセスと、そこで決められているRFC（Request for Comments）というドキュメントについて見ていく。インターネットのプロトコルは、（ほぼすべてが）このRFCと
ITpro読者のみなさん、はじめまして。新日鉄住金ソリューションズの横山です。本特集は、次世代Web標準である「HTML5」を使って業務システムを構築するために必要な情報や役立つ情報を解説します。HTML5を採用することで、業務システムがどのように見やすく、使いやすいものになるかを紹介すると共に、開発を効率的に進めるための道具や留意点などについてもみていきます。 身のまわりで着実に普及が進むHTML5 最近、ニュースや雑誌で見聞きする機会が増えてきた「HTML5」という言葉ですが、実際に身のまわりでどれくらい利用されているのかよく分からないという人は多いのではないでしょうか。わざわざ「これはHTML5で作ったコンテンツです」と明記しているケースは少ないからです。 HTML5が使われていることが明らかに分かる例としては、スマートフォンでアクセスした際に「ユーザーが今いる場所の最寄りの店舗を紹
API設計を学ぶべき背景と前提知識、外部APIと内部API、エンドポイント、レスポンスデータの設計やHTTPリクエストを送る際のポイントについて解説する。おまけでAPIドキュメント作成ツール4選も。 【0分】API設計を学ぶべき背景 APIの公開が増えている 最近、自社で保有するデータや、システム、アプリケーション、Webサービスの機能を「API（Application Programming Interface）」として公開する企業が、増えてきています。これに伴い、「API経済圏（APIエコノミー）」という新たなビジネスモデルが確立されつつあります（参考：5分で絶対に分かるAPIマネジメント、API経済圏）。 「ProgrammableWeb」というAPIに関するニュースサイトや、さまざまな企業が提供するAPIのリンクがまとまったサイトもあり、APIの普及はものすごいスピードで進んでいる
「skrollr」は、パララックス（視差効果）を簡単に実装できるプラグインです。 サンプルの動画を見ていただければわかりますが、非常に多彩なエフェクトが用意されており、基本的なパララックスサイトであれば、サクッと作れます。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、skrollrを配布ページからダウンロードしましょう。skrollrはGitHubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。 jQuery本体と「dist」フォルダに入っている「skrollr.min.js」を、利用するWebページのbodyの閉じタグ直前で読み込みます。 //(中略) <script src="jquery.min.js"></script> <script src="skrollr.min.js"></sc
こんばんは。少し間があきましたが、今日からまた更新して行きます。見てね！ と、いうわけで今回は「どういう記事がエンジニアさんの参考になるのかな？」と思い凄腕エンジニアさんに相談したところ「デザインのプロセスが知りたい」とのことだったので、アプリを企画からグラフィックに落とすまでのプロセスを書いて行きたいと思います。 そこで私が考えたアプリの企画は、 「独身男性が風邪にかかったときにおつかい、または食事を作ってくれる家事代行サービス」です。 このアプリを企画した理由としては、先週の金曜日の飲み会で独身男性が 「一人暮らしになってから、風邪引いたときは彼女が欲しいと強く思う」 「おかゆつくってくれるときに台所に行こうとしたら『もーだめ。寝てて』って言われたい」 「とりあえず頼りたい」 と虚ろな目で話していたのを聞いたからです。 さて、ここで最初にするのが競合調査です。 他に似たサービスが世に出
企業のCMSサイトやオウンドメディアなどエンタープライズ用途での利用が増加しているWordPressの高速化について解説する連載。初回は、WordPressの高速化が求められる背景や、WordPress高速化の基本的な考え方であるページのロード時間とその構成要素、1秒当たりの同時アクセス数について解説します。 WordPressの高速化が求められる背景 「WordPress」は世界中で最も使われているCMS（Contents Management System）のソフトウエアです。「W3Techs」の統計によると、世界中のWebサイトの約24％、CMSソフトウエアを利用したWebサイトの約6割で利用されています（参考「Usage statistics and market share of WordPress for websites」）日本国内に限定すると、CMSソフトウエアを利用したW
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人を含め広く知られているフォントとして、以前取り上げた「MS Pゴシック」をはじめとした「MSフォントシリーズ」に匹敵すると言っても過言ではないのが、「創英角ポップ体」でしょう。 Microsft Officeに標準搭載されているという共通点をもつふたつのフォントですが、その見た目は大きく異なります。駅の構内や商店の店先など、手作りの掲示物に多く使われているため、普段このソフトを使わない人でも、見覚えがあるのでは? そんな街中にあふれている「創英角ポップ体」は、プロのデザイナーの目から見てどう映るのでしょうか。 本連載では、「MS Pゴシック」の記事に登場していただいた、デザイナー・「Sさん」こと佐々木未来也さんに、テーマとなるフォントについて質問を投げかけていきます。今回は、街中にな
突然ですが、新しい企画を始めます。 創刊のご挨拶 週刊「しょうもないWebアプリをつくる」は、僕@kadoppe が（ほぼ）毎週「しょうもないWebアプリ」をつくって公開するという、比較的どうでもいい企画になります。 Webアプリケーション開発の世界には、新しいワクワクするような技術やツールが、毎日たくさん登場しています。そんな技術に少しでもキャッチアップするために、何かしらのWebアプリを開発するきっかけがほしいと思ったので、なんとなく始めてみました。 「しょうもないWebアプリ」の定義はあいまいですが、 あまり役に立たない 結構すぐにつくれる みたいなものをイメージしています。また、 ソースコードを公開する だれでもDeployできるよう「Deploy to Heroku」ボタンを用意する（後述） ことはちゃんとやっていこうと思います。 もしかしたら、たまに役に立つWebアプリをつくる
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
アート・エンタテインメントの業務を多く扱う「骨董通り法律事務所For the Arts」の弁護士による、著作権とそれにまつわる法律関連の連載です。クリエイターが気になる法律問題についてわかりやすく解説しているので、ぜひ参考にしてください。 文：弁護士 永井幸輔（骨董通り法律事務所 for the Arts） ケース：クライアントからの依頼で、旅行情報誌の表紙のアートワークを制作することになった。メインビジュアルには紅葉の山の風景写真を使いたいが、手元に使える写真がなかったため、インターネットで探して利用することにした。著作権を侵害しないよう適法に写真を使うためには、どうすればよいだろうか。 今回は、著作物の「利用」の側面についてお話ししましょう。 自身で発表するかクライアント・ワークであるかを問わず、制作物に他人のアートワークを使用することも少なくないのではないでしょうか。既存の作品には、
『カメリオ』のオープン・グロースハック 白ヤギコーポレーション ビッグデータ解析やプログラミング、物理学から経営学など、あらゆる道を極めた者たちが集うハードコアなエキスパート集団。粗食に耐え、険しい山道も着実に上っていく白ヤギのように、苦難に負けず常に成長していく会社を目指す。2014年2月にローンチしたフォローメディア『カメリオ』をどうやって育てていくか模索中 はじめまして、白ヤギコーポレーションです。われわれの開発しているフォローメディア『カメリオ』は、フォローしたテーマに関する重要なニュース記事やブログを高精度で自動収集してくれる、まったく新しい形の情報収集ツールです。 『カメリオ』とは 『カメリオ』 正式リリースは2014年2月。盛り上がりを見せるニュース・情報収集系アプリのジャンルでは後発のサービスになりますが、100万以上のテーマから自分の気になるものを選び、追いたい情報を欠か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
