第2回 ファイル転送はFTPじゃなくてSFTP？ SSHで安全にサーバへ入ろう | gihyo.jp
Webデザイナーになったばかりの皆さん、サーバに「入った」ことはありますか？ 前回は「サーバとかクラウドサーバってどんなもの？」と題して、サーバそのものの理解を深めました。今回はそのサーバに「入る」方法について学んでいきます。 制作した画像やCSS、HTMLファイルをサーバにアップして納品することは、Webデザイナーの皆さんにとっても馴染みがあると思います。スムーズにサーバへ入って、さっくり仕事を終わらせましょう。 プロローグ：FFFTPでファイルをアップしたいのにサーバに入れない！ ここは企業のWebサイトの構築を専門としているA社の一室。プライドゆえ人には言いづらい悩みごとを抱えたWebデザイナーと、その駆け込み寺となっているインフラエンジニアがいました。 「テストサイトをアップしたいのに、サーバに入れない！」 「なに？顔真っ赤にしてどうしたの!?」 「Webサイトの画像ができあがった
第1回 今どきのWebサイト制作にはBootstrapがおすすめ！ | gihyo.jp
本連載では、HTML5やCSSの基礎を理解している方へ向けて、Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども「実務採用したことがない」「仕方がわからない！」という方。そんな「あなた」が1つ上のステージへ進むためのパスポートです。Bootstrapを使うことで簡単にレスポンシブサイトを制作できるようになります。 「スマホ専用サイトは使いづらい！予算が掛かる」は古い 昨年頃からスマホ専用サイトの「必要説」が揺らいでいます。その背景には、従来のPCサイト用のデータから必要最低限のデータを抽出した形で、全く別サイトとしてスマホ専用サイトが設計されているため、「UIが変わりすぎてわからない」「情報量が少ないなどの欠点が目立ちユーザーに受け入れらない」といった状況があるからです。 参考資料： 8割以上が「スマートフォン専用サイト不要」と回
第2回 「脳波」を真剣に科学してみる | gihyo.jp
脳波で何かできるんじゃない？ 今年のニコニコ超会議で話題になった脳波で動くnecomimi（写真1）や見つめるだけで気持ちがバレてしまう脳波ゲームBrainKissなど、ここ最近脳波データを利用したデバイスやアプリケーションが多数出まわるようになりました。 写真1 necomimi リクルートテクノロジーズでも、今年のNextBERLINというヨーロッパで開催されたカンファレンスに参加したメンバーによる「次のデバイスは、MindControlだ！」というレポートをきっかけに、脳波のデータを利用して何か新しいことができないか真剣に検討するようになりました。 脳波データ以外にも、アイコントロール（視線）なども研究テーマの候補として意見があったのですが、たまたま手元にあったnecomimiがどのような仕組みになっているか調査を行なっているうちに、ハードウェアが手軽に手に入りかつ開発環境も簡単に構
Gitに潜む光と闇 | gihyo.jp
今年に入ってから、急速にGitが注目を浴びています。Google Trendsを見ると、Subversion、Mercurialなどに比べると圧倒的にGitの人気が高いのがわかります（図1）。 図1 Google TrendsによるGit（青）、Mercurial（赤）、Subversion（橙）の検索数 しかしながら、Gitを利用する人の意見は2つに分かれています。 A．わかりにくい B．すごく便利だ なぜこのようなに印象が二分されてしまうのでしょうか? 本稿では、「Gitに潜む光と闇」と称してこれらの意見に対して考察していくことにします。 Gitはわかりにくい? Gitがわかりにくいと思う人は、どうしてそう感じるのでしょうか。そのあたりのおおよその事情は下記のようなことだと考えられます。 （1）Subversionとコマンド体系が少し違う バージョン管理ツールとして、Su
第5回 LESS記法について（上級編：文字列の宣言と編集） | gihyo.jp
今までの例では変数に色（カラーコード）やpxなどの数値を宣言して扱っていました。前述のカラー関数やMath関数で変換や計算ができるものです。 しかし、LESSでは通常の文字列も変数に代入することができます。 「CSSで文字列？」と思われるかもしれませんが、urlやcontentなど、文字列の出現頻度は意外と高いものです。 CSSの概念からかなり外れた話なのでちょっと難しいかもしれませんが、文字列の宣言から編集の仕方まで、ポイントを1つずつ見ていきましょう。 文字列を宣言するときの注意点 まずは文字列としてそのまま出力されわかりやすい、contentプロパティを用いた例を見てみましょう。 // LESS @foo: 'var'; content: '@foo'; 「var」という文字列を「@foo」で宣言してcontentの中に入れると、どのように表示されるでしょうか？ 想定としては以下のよ
第1回 LESSのメリットと導入方法 | gihyo.jp
CSSをより柔軟に、わかりやすく、速く、ミスを少なく記述できる 最近、CSSの拡張メタ言語「LESS」が話題になっています。LESSとは、かんたんに言えば、CSSの良いところを活かしつつも 「より柔軟に」 「よりわかりやすく」 「より速く」 「よりミスを少なく」 記述できるという、新しい書き方です。うさんくさいと感じるほどにいいことづくめですね。 CSSの拡張メタ言語には、LESSの他にも、Sass、Stylusといったものがありますが、LESSは一番CSSの書式に近く、活用するためのツールがそろっているのが特徴です。 最近LESSについて、はてなブックマークや技術系ブログでもたくさんとりあげられているので、実際に興味を持っている方や試した方もいらっしゃるかもしれません。しかし、まだ入門記事が多く、実際に導入したときのメリットをイメージできないことも多いのではないでしょうか？ 本連載では、
第1回 はじめよう！Progression | gihyo.jp
はじめまして。本連載の執筆を担当する青木と申します。Flashのフレームワークである「Progression」が4月22日にバージョンアップされました。本連載では、約8回に渡ってProgression4の使い方を説明していきます。少しでも分かりやすく作成手順を紹介することで、Progressionの素晴らしさを伝えることができればと考えています。どうぞよろしくお願いいたします。 初回は、Progressionの沿革や概要を説明し、Progression環境を設定します。 Progressionの需要と事例 Progressionは、実案件にも耐えうるフレームワークとして、数々の案件に使用されてきました。導入事例数は、把握しているだけでも軽く1,000件を超えます。Flashサイトを見た時に右クリックを押すと、Progressionの文字をよく見かけるはずです。 それだけ、Flashサイトを
提供するEPUBの概要 | Gihyo Digital Publishing … 技術評論社の電子書籍
こんにちは。gihyo.jpを担当している高橋です。今回のGihyo Digital Publishing（以下GDP）に携わっている一人です。GDPで提供される電子書籍の形式の一つにEPUBがあります。ここではGDPのEPUBについて説明していきます。 EPUB3の採用 GDPのEPUBはリフロー型のEPUB3形式の電子書籍になります。リフロー型とはページの概念がない（そのため電子書籍リーダーは一般的に，読み進めた箇所までを百分率で表示する）電子書籍であり，EPUB3とは電子書籍のパッケージ方法の一つEPUBのバージョン3を指します。 non-DRM GDPのEPUBではDRMをつけないことにしました。そのため，お手元のパソコンやデバイスに自由にコピーできます。もちろん，DRMなしと言いましても著作権法を超えるコピーはNGですのでご承知おきください。 EPUBの電子書籍を購入後，お手元の
価値を生むために知っておくべき，フルフラッシュサイト制作のあらすじ
進化し続けるFlash 現在、Webサイト制作に関わる人々の多くは、Flashを採用したWebサイトの普及について好意的な印象を抱いているかもしれません。「Macromedia FLASH 1」としてFlashが世に登場したのは1996年。以来、2002年の"MX"、'05年の"8"など、数々のバージョンを経て、2007年現在の最新版"CS3"に到るまで、Flashは絶えず進化してきました。 アクションスクリプトの高速化やサーバーとの連携強化は、Flashで制作された各種コンテンツを、立派な「商品」として利用できるレベルに高めています。ブロードバンドの普及やデバイスの進歩も手伝い、リッチなWeb体験をユーザーが享受しやすい環境になった現在、Flashを用いたWebサイトは安定した普及期に入ったと言えるでしょう。 SNSや動画投稿サイトなど、新しい形態のWebサイトが誕生している現状にも、
第1回 Twitterキホンのキホン：2009年版 | gihyo.jp
皆さんこんにちは！#fc0（エフシーゼロ）の藤川と申します。 いまや世界的な大ブームとなりつつあるWebサービス「Twitter」の使い方、楽しみ方などについて連載をさせていただくことになりました。 実は、私がTwitterについての連載を持つのは2回目です。2007年の4月から12月まで、同じテーマで連載をしていました。あれから2年、Twitterそのものも、Twitterを取り巻く環境もいろいろ変わりました。今回は「2009年版」として、改めてTwitterの使い方を基本から解説しつつ、今どきのTwitterの楽しみ方などもご紹介できればと思っています。 Twitterって最近よく聞くけど、なんなのかよくわからない Twitterに登録してみたけど、何をしたらいいかわからない いまさらTwitterの初歩的な操作を周りの人に聞きづらい Twitterのことを誰かに紹介するときに、基本操
第1回 プログラマのためのiPhone基本仕様の紹介 | gihyo.jp
今回から始まった「目指せ！iPhoneアプリ開発エキスパート」。iPhoneアプリ開発について解説します。第1回目は、iPhoneアプリ開発をするうえで最初に知っておきたい基礎知識を中心にお届けします。 アプリ開発者から見るiPhoneの特色 iPhoneはときおり「革新的なデバイスである」などという表現とともに紹介されることがあります。その言葉が表す通り、単なる「iPod付き携帯電話」にとどまらず、iPhoneは魅力的な特徴がたくさんあります。ここではアプリ開発者が特に意識するであろうiPhoneの特色を見てみましょう。 携帯電話にはあたりまえの方向ボタンや数字キーがない アプリ内で使われるボタンやスイッチなどのパーツが統一されている 限られたボタンしかない代わりに、本体のほぼ全面をタッチパネルとしたiPhoneでは、アプリ開発者は従来のようにボタンの種類や数に制約を受けることなくイ
第2回 なぜ、楽天の商品ページはものすごく縦に長いのか？ | gihyo.jp
みなさんはオンラインショッピングモールの「楽天市場」に出店しているの店舗の商品ページをご覧になったことがありますか？ その中で「何で、楽天のお店の商品ページは、こんなに縦長いんだ？」と思われたことはありますか？ おそらく、楽天市場を利用したことのある方のほとんどは、「ものすごく縦長い商品ページ」を見たことがあるのではないかと思います。 ではなぜ、このように縦長いページが多いのでしょうか。そこにはネットショップで売上を上げるためのポイントが多く含まれていたのです。 ショッピングモールの商品ページが「ものすごく縦長い」理由 前回の記事「ネットショップに訪れるお客様の意識」にて、楽天市場やYahoo!ショッピングなどのオンラインショッピングモールを利用するお客様は「お買い物がしたい」という気持ちが強い、と解説しました。 モールに出店している店舗は、このお客様の高い購入意欲をより一層高め、商品を
第1回 Firebugの基礎知識と、Firebugを使った開発のメリット | gihyo.jp
はじめに このたび、Firefox 3＋Firebugについての連載を書かせていただきます、堀と申します。普段は仕事でJavaScriptやPHPを用いたフロントエンドの開発を行いながら、個人でRoppongi.JSという、JavaScriptのイベントの企画・主催をしております。 この連載では、Firefox 3のリリースに備えて、現在提供されているFirefox 3のベータ版とFirebugによるJavaScriptの開発手法について解説していきます。 第1回はFirefox 3ベータ版とFirebugのインストールから、Firebugによって、どのようなことが行えるようになるかについて簡単に概略を説明していきます。 Firebugとは FirebugとはHTML、CSS、JavaScriptのための開発ツールを提供するFirefoxアドオンです。このツールによって、あなたのJavaS
新春特別企画・2008年を展望する!：2008年Webデザインに使えるJavaScriptライブラリ｜gihyo.jp … 技術評論社
昨年を振り返ると、いろいろなJavaScriptライブラリが登場しました。デザインで使えるものから、インターフェースを改善するものなど、2008年も活躍しそうなものを紹介したいと思います。 Internet Explorer 6でアルファチャンネルを含むPNGを表示 iepngfix.htc Internet Explorer 7からアルファチャンネルを含むPNG画像の表示が出来るようになりましたが、以前のバージョンでは表示するためにひと手間必要になります。iepngfix.htcを利用すれば、アルファチャンネルを含むPNG画像を利用する際に簡単にIE5.5以降のブラウザで表示させることが可能になります。 IE6でアルファチャンネルを含むPNGを表示 <img>タグ、またはエレメントの背景画像にxxx.png画像が指定されているものに対して、DXImageTransform.Microso
第1回 まずは実装してみよう | gihyo.jp
はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基本的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに？ Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
