10分でわかるSVG 基礎編
知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）
メール通知テストに便利な“ダミー”のSMTPサーバー「smtp4dev」
今回紹介するツール ［ツール名］smtp4dev ［対象］Windows ［提供元］Robert N Wood、Microsoft Shared Source Community License（MS-CL) ［ダウンロード先］［URL］http://smtp4dev.codeplex.com/［英語］（CodePlex） “ダミーのSMTPサーバー”って何者？ 何のため？ インターネットメールのプロトコルであるSMTP（Simple Mail Transfer Protocol）は、古くからシステム管理ツールのメッセージ通知にも利用されてきました。例えば、サーバーのダウン、ディスク領域不足、電源異常などなど、さまざまなトラブルやその予兆をIT担当者に電子メールで自動的に通知するといった使い方です。 SMTPによる通知機能が正常に動作するには、メッセージ転送が可能なSMTPメールサーバーが
Linuxはサンバ（Samba）で踊る――WindowsとLinuxのファイル共有のいま
Linuxはサンバ（Samba）で踊る――WindowsとLinuxのファイル共有のいま：その知識、ホントに正しい？ Windowsにまつわる都市伝説（25）（1/2 ページ） 前回は、ネットワーク上を流れるパケットをキャプチャすることで、同じまたは異なるバージョンのWindows間のSMBネゴシエーションの様子を明らかにしました。今回は、同じ方法でWindowsとLinux間のSMBファイル共有の様子をのぞいてみましょう。 連載目次 LinuxにおけるMS-SMB2（SMB2／SMB3）への対応は着々と 前回（ファイル共有プロトコル、SMBとCIFSの違いを正しく理解できていますか？）までの話で「Server Message Block（SMB）」と「Common Internet File System（CIFS）」の関係については、理解していただけたと思います。 おさらいしておくと、
5分で分かるレスポンシブWebデザイン
レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応／変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
＠IT：apt-getでインストール可能なパッケージを探すには
例えば、Vine Linux 3.0にOpenOffice.orgをインストールする場合は、OpenOffice.orgのパッケージが用意されているかどうかを検索する。試しに「office」をキーワードに検索してみる。 # apt-cache search office TeXmacs - A structured wysiwyg scientific text editor gnumeric - GNOMEスプレッドシート imap - IMAP/POP ネットワークメールプロトコル用デーモン kdegraphics - K Desktop Environment - Graphics Applications koffice - Set of office applications for KDE openoffice.org - OpenOffice.org オフィススイート ope
sshでファイルを転送するには － ＠IT
以下は、LANで接続されたwindyというPCに同じアカウントで接続する例だ。接続先は、IPアドレスでも設定できる。初めてアクセスする場合は、以下のように接続を確認するメッセージが表示されるので、「yes」と入力する。 $ sftp windy Connecting to windy... The authenticity of host 'windy (::1)' can't be established. RSA key fingerprint is 23:8f:c5:0e:be:86:0e:a1:d4:c7:xx:xx:xx:xx:xx :xx. Are you sure you want to continue connecting (yes/no)? yes ←「yes」 と入力して［Enter］キーを押す Warning: Permanently added 'windy' (
＠IT：連載 基礎から学ぶWindowsネットワーク 第1回 ユーザーから見たWindowsネットワークとその舞台裏
これだけネットワークが身近な存在になった原動力の1つは、間違いなくWindowsにある。Windowsは、それまでは専門的な知識がなければ不可能だったネットワークの設定などを可能な限りユーザーから隠蔽し、ネットワークに関する深い知識を持たないユーザーでも、気軽にネットワークを使えるようにした。実際、一般的な環境では、ネットワーク・カード（イーサネット・カード）をWindowsマシンに装着して、ネットワーク・ケーブルでPCとLANを接続すれば、とりたてて設定を行わなくても、ネットワークが使えるようになる可能性が高い。 しかしネットワーク設定に限らず、複雑なものが簡単に使える背景には、なるべく当たり障りのない設定を自動的に行ったり、簡単に使えない機能を削除したりという事情がある。こうすると、確かに表面上は複雑なシステムがユーザーから見えなくなるが、この場合でもシステム自体が単純化されたわけでは
Windowsにおけるhostsとlmhostsの違い
Windowsネットワークでの静的な名前解決の手段には「hosts」と「lmhosts」という2種類のファイルがある。hostsはTCP/IPの一般的な名前解決の手段の1つで、NBT系のサービスでも利用されている。lmhostsは、主にNetBIOS名とIPアドレスの対応付けに利用されている。 解説 Windowsネットワークで利用されるプロトコルには、大きく分けてNetBIOS系のプロトコルと、TCP/IP系のプロトコルがあり、その目的に応じて使い分けられている。もともとこれらのプロトコルはまったく別のものであり、Windows OSに附属するコマンドは主にNetBIOS系（SMBやMS-RPCなどを含む）で動作するように作られているものが多かったが（コマンドの操作対象として「\\サーバ名」という形式の指定をするものは、NetBIOS系のことが多い）、現在では両者は巧みに組み合わされ、ユ
Windowsでポートのリッスン状態を調査する
対象OS：Windows 2000 Professional／Windows XP Home Edition／Windows XP Professional／Windows 2000 Server／Windows 2000 Advanced Server／Windows Server 2003 解説 TCP/IPネットワークがつながらないといったトラブルが発生した場合、まず確認するのはpingコマンドによる応答があるかどうかであろう。これにより相手のサーバが生きているかどうかや、そのサーバまでの経路が有効であるかどうかなどが分かる。 そしてpingテストがパスすれば、次は特定のTCPやUDPのポートに対する接続テストを行い、サーバとクライアント間で通信が正しくできているかどうかを調べる、というのが一般的なところだろうか。 この接続性のテストのためにはいくつかの方法やツールがあるので、ここで
WebページをRetina対応させるテクニック～基礎知識編
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ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
「Vagrant」って何ぞ？（・o・）
「Vagrant」って何ぞ？（・o・）：Vagrant開発者 Mitchell Hashimoto氏に聞いた 仮想の開発環境作成ツールとして人気が高まっている「Vagrant（ベイグラント）」。その開発者であるMitchell Hashimoto（ミッチェル ハシモト）氏が来日するとの情報を聞き、2013年7月12日、VOYAGE GROUPで行われたミートアップに駆け付けた。 「Vagrant」とは Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理し、配布することができる開発環境作成ツール。「ほんの数行書くだけで開発用の仮想マシンを構築できる」という優れものだ。 Vagrantのビジョンは、「開発者とシステム管理者にとって最高の『開発フロー』を提供すること」。Vagrantをダウンロードして「vagrant up」と入力し、実行するだけでそれが可能となる。 システム管理
Wgetとメールを使ったお手軽サーバ死活監視
Wgetとメールを使ったお手軽サーバ死活監視：Windows環境でちょっとした定型業務を自動化する（1/2 ページ） 管理下のWebサーバが止まったら、速やかに管理者の携帯端末へメールで通知する。そんな死活監視システムを、無償のソフトウェア・ツールとバッチ・ファイルを組み合わせて簡単かつ手軽に実現しよう。 連載目次 サーバ管理者が行うべき作業はいくつもあるが、その中でも特に重要なのが「予期せぬサーバの停止」の検出とその対処だろう。いうまでもなくサーバが停止していることが分かったら、なるべく早く復旧に向けて対応しなければならない。そのためには、普段からサーバを継続的に監視しておき、停止などの異常があれば速やかに検出して、管理者に知らせる必要がある。 社内設置のサーバであれば特段の監視体制を用意せずとも、その異常に気付きやすい。距離的にもネットワーク的にも「身近」であり、また周りのスタッフが異
ガチで5分で分かる分散型バージョン管理システムGit
0分―― 分散型バージョン管理システム「Git」とは ソフトウェア開発ではソースコードを作成しながらソフトウェアを作り上げていきますが、バグの修正や機能の追加ごとにソースコードの状態を記録し、それぞれのバージョンを管理することが必要になります。 そういったソースコードを管理するソフトウェアが「バージョン管理システム」であり、複数人でのソフトウェア開発において必要不可欠なソフトウェアとなっています。
Vimをプログラム開発環境にしてしまおう
今回から、Vimをプログラム開発環境にしてしまう方法を解説します。これができれば、Vimでプログラムを編集した後に、コンソールに戻ってコンパイルの指示を出すという面倒を避けられます。（編集部） そろそろ実用的なことを - Cプログラミング これまで7回にわたってVimの基本的な使い方を解説してきた。これまで紹介してきた操作法を身に付けておけば、かなりの速度でテキストファイルを編集できるようになっているはずだ。Vimを操作する能力は、熟練すればするほど高速になる。スキルアップに費やす対象としては悪くない選択肢だ。今回以降しばらくの間は、より具体的なシーンを想定して、操作方法や、または操作方法をより便利な次元へ引き上げるプラグインについて紹介していく。 Vimといえばやはりプログラミング言語や設定ファイルの編集エディタとして利用することが多い。今回は、C言語のソースコード編集とコンパイル、実行
プログラミング初心者でもタッチで手軽にTwitter読み上げHTML5アプリを作れるTouchDevelop
プログラミング初心者でもタッチで手軽にTwitter読み上げHTML5アプリを作れるTouchDevelop：iPad上でアプリ開発は、どこまでできるのか（3）（1/4 ページ） タッチデバイスで手軽にアプリを作れる新しい開発ツ－ルの概要や使い方を解説。プログラミングの基本も学べる連載です。今回は、自分で作らずに公開済み画像が使える「art」機能やTwitter／Facebookの検索、音声読み上げ機能の使い方、HTML5アプリとしてクラウド上に公開する方法を紹介します。 前回の「TouchDevelopでプログラミングを始めるための基礎知識」では、TouchDevelopで、グローバル変数の使い方やイベントハンドラ、カスタムコントロールの作成などをご紹介しました。前回まではTouchDevelopの旨味が少なく、どちらかというとプログラミングの基本を取り扱いました。 今回はTouchDe
TouchDevelopでプログラミングを始めるための基礎知識
TouchDevelopでプログラミングを始めるための基礎知識：iPad上でアプリ開発は、どこまでできるのか（2）（1/4 ページ） タッチデバイスで手軽にアプリを作れる新しい開発ツ－ルの概要や使い方を解説。プログラミングの基本も学べる連載です。今回は、文字列の色の変更、入力プロンプトの出現、タップした後の動きの設定、プログラムの再利用方法、グローバル変数の作り方などを解説します。 前回の「タッチでHTML5アプリが作れるTouchDevelop超入門」では、TouchDevelopの概要や癖、独特の開発スタイルと「Hello World！」を紹介しました。今回は、もう少し掘り下げて、TouchDevelopを使ったプログラミングの基礎として、コントロールやイベントの利用方法、コードの再利用の仕方などを紹介します。 コントロールを利用して文字に色を付けたりプロンプトを出したりする 前回は「
インターネットを過激に加速するアプリdolipoの種明かし− ＠IT
Webブラウジングでのクライアントのレスポンスを向上するプロキシソフト「dolipo」。使い方とともに、高速化の仕組みを解説する 少しでもネットワークを高速化したいヨーロッパ圏から学ぶ こんにちは、dolipoを開発したdrikinです。dolipoの着眼点は、ネットワークの技術的な側面だけでなく、Webアプリケーションの開発時に悩むネットワーク速度の問題に対しても、面白いアプローチになっています。 僕のこの技術との出合いは偶然でした。dolipoの元となったPolipoのプログラムを発見したときその効果に感動し、何とかこの素晴らしさをより簡単にもっと多くの人に伝えたいと思いdolipoを作りました。 日本では、光ファイバなどの高速回線の普及度が高く、サービスの品質も高いため、ネットワークサービスを開発する際にも、ネットワークのスピード自体はほとんど問題ではありません。いかにクライアントや
第16回 iPhone／iPod touchのカレンダー機能（iOS 6＆2013年版）
第16回 iPhone／iPod touchのカレンダー機能（iOS 6＆2013年版）：Windowsネットワーク管理者のためのiPhone／iPod touch入門（2/2 ページ） Googleカレンダーと同期する iPhone／iPod touchにはWebブラウザとしてSafariが搭載されており、SafariでGoogleのサイトを開けばGoogleカレンダーの確認・編集が可能だ。またApp StoreではGoogleのオンライン・サービスが簡単に呼び出せる「Google 検索」が無償で提供されている。このアプリケーションを利用することでも、GoogleカレンダーがiPhone／iPod touchで利用できる。 iPhoneの場合は、携帯電話回線（3G／4G回線）を利用してインターネット（Google）へ接続できるため、Safariや「Google 検索」でも困ることはない。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解】Xcode 4.5の使い方リファレンス超まとめ
