パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
リーンスタートアップを実践するための参考記事116選まとめ
これからリーンスタートアップを始めたい開発者・技術者向けの＠IT記事一覧をリリースしました。今後インタビューやコラムなどを順次追加します。 2008年に米国の起業家エリック・リース氏が提唱した「リーンスタートアップ」。「スタートアップ」という名前からベンチャーや起業家のものと思われがちですが、技術者出身のリース氏が、ビジネス面の考え方を取り入れた開発手法／マネジメント手法として提唱した概念であり、その適用範囲はWebサービスを提供するベンチャーや起業家にとどまらず、エンタープライズ分野の中堅・大企業における新規社内プロジェクトにまで及びます。 特に、ビジネスパーソンやプランナーとは異なり、自身の手によって新しいプロダクトを生み出すことができる開発者・技術者が実践するには打ってつけの手法といえます。アップルやグーグル、フェイスブックをはじめ、技術者が起業をして成功を収めた有名な事例が数多くあ
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
Gruntを使用する際に必要な技術 Gruntのインストールの前に、Gruntに関連する技術を簡単に解説します。 Node.jsとは 先ほども言ったように、GruntはNode.js上で動作します。Node.jsはGoogle ChromeのJavaScript実行環境（V8）をベースに構築されたサーバーサイドJavaScriptのプラットフォームです。JavaScriptを使用してイベント駆動でノンブロッキングIOモデルのアプリケーションを開発できます。
HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選
HTML5初心者でもWebアニメーションの簡単な作り方が分かる記事11選：Webサイト作成手順を勉強するまとめ（3）（1/3 ページ） 新社会人のWeb制作者／デザイナー向けにAdobe Creative Cloudの使い方を例に、現場で使える具体的な制作手順とテクニックを学んでいく入門まとめ連載。今回はWebアニメーション制作に役立つEdge AnimateやFlash の使い方について。エレメント、シンボル、モーションパスの使い方から、パブリッシュ方法、レスポンシブ対応、音の付け方、Flashからの変換まで、さまざまなテクニックを紹介します。 前々回の「初心者でもPhotoshopの基本的な使い方が分かる入門記事9選」、前回の「HTML・CSS・WordPress初心者のためのDreamweaverの基本的な使い方が分かる記事10選」でWebサイトを作れるようになったら、Webサイトに
exe/dmgしか知らない人のためのインストール／パッケージ管理／ビルドの基礎知識
本連載「ユカイ、ツーカイ、カイハツ環境！」では、開発に役立つさまざまなツール（アプリケーション／ソフトウェア）を紹介してきましたが、皆さんは、PCにアプリケーション／ソフトウェアをインストールするときに、どのようにしていますか？ Windowsを利用している人はインストーラーとなるexeファイルを実行してインストールしたり、Mac（OS X）を利用している人は、dmgファイルをクリックしてインストールしたりと、インストール作業自体は特別に意識していないと思います。 また、AndroidやiPhoneなどのスマートフォンは、アプリケーションストアからアプリケーションを選択するだけで自動的にインストールされるため、インストールファイル自体を意識しないことも多いでしょう。 Windows 8やOS XなどのPCでもオンラインのストアからインストールできるようになってきており、ますますインストール
連載記事 「ステップ・バイ・ステップ・シェルスクリプト」
2つの顔を持つソフトウェア：シェル ステップ・バイ・ステップ・シェルスクリプト（1） この連載では、シェルスクリプトで実用的なプログラムを組むことを目標にして、シェルの基本的な知識を説明していきます
ソーシャルアプリのインフラはNode.jsが主役になるか～デブサミまとめレポート（ソーシャル＆インフラ編） - ＠IT
大人気ソーシャルアプリ「ドラコレ」のインフラ 最初に紹介するセッションは「大ヒットソーシャルアプリ「ドラゴンコレクション」の裏側 ～ 超高トラフィックを支えるアプリ・インフラの“明日から使えるテクニック”」。講演者は、コナミデジタルエンタテインメント ドラコレスタジオ マネージャー 廣田竜平氏だ。 「ドラゴンコレクション」（以下、ドラコレ）はコナミデジタルエンタテインメントが製作・運営しているソーシャルゲームである。同社の廣田氏による講演では、ドラコレを運用するインフラ技術について紹介された。 廣田氏によれば、ドラコレのHTTPリクエストはピーク時で1秒間に5けた台にのぼり、それを3けたの台数のサーバによって運用しているという。サーバ技術自体はCentOS＋Apache＋PHP＋MySQL（＋memcached）という一般的なLAMP環境であり、複数のソフトウェアロードバランサとDNSラウ
プログラミングもクラウドへ―― 学習＆開発環境Webサービス23選まとめ
プログラミングもクラウドへ―― 学習＆開発環境Webサービス23選まとめ：安藤幸央のランダウン（67）（1/3 ページ） オンラインのプログラミング環境や、オンラインでコードを書いて学べる学習サイト9選、ビジュアル（子ども向け）プログミラングWeb環境5選を紹介する。 道具としての開発環境 今となっては昔のことですが、机の上でノートに鉛筆でソースコードを書いてプログラミングしていた時代がありました。現在のプログラミング環境から振り返ると、そういう作業はアルゴリズムを考え、頭で想像したコードを書き下ろしており、脳内エミュレーターのようなものだったのかもしれません。 最近のプログラミング環境は、規模も複雑さも肥大化しつつ、プログラミングに関する情報もツールも大変充実したものです（マイナーな環境の情報が少ないことや、新古の情報が混在している問題はありますが）。 Web上の情報も書籍も豊富で、自分
設定ファイルを作って自分の好みに改造
今回はいよいよVimの設定ファイルの解説に入ります。基本的な設定項目とよく使う設定項目について説明した後に、いくつかサンプルをお見せします（編集部） 設定ファイル次第で自由に動作を制御できる これまで、Vimの標準的な操作法を解説してきた。前回までに説明した操作法をマスターすれば、不自由なくVimでテキスト編集ができるだろう。しかし、Vimが真価を発揮するのは、ユーザーが自分の好みに合わせて動作をカスタマイズしたときだ。 Vimは本当にさまざまな部分の動き方を自由に設定できる。自分がいつも編集しているファイルや、よく利用する操作を便利にするために、驚くほど自由に設定を変更できるのだ。 設定を変更するには、設定ファイルを用意する。Mac OS X、Linux、FreeBSDなどのUNIX系のOSに向けたVimと、Windows向けのVimとでは、設定ファイルの名前が異なるので注意が必要。UN
RFCとなった「OAuth 2.0」――その要点は？
RFCとなった「OAuth 2.0」――その要点は？：デジタル・アイデンティティ技術最新動向（2）（1/2 ページ） いまWebの世界では、さまざまなWebサービスが提供するプラットフォームと、サー ドパーティが提供するアプリケーションがAPIを中心に結び付き、一種の「APIエコノミー」を形成しています。この連載では、そこで重要な役割を果たす「デジタル・アイデンティティ」について理解を深めていきます。 再び、デジタル・アイデンティティの世界へようこそ 前回「『OAuth』の基本動作を知る」ではOAuthの仕様がどういうものかについて説明しました。今回は引き続き、 OAuth 1.0とOAuth 2.0の違い OAuth 2.0をセキュアに使うために知っておくべきこと について述べていきます。 OAuth 1.0とOAuth 2.0の違い クライアントタイプの定義 OAuth 2.0では、O
意外と知らないファイル圧縮技術の常識
本連載は、Java言語やその文法は一通り理解しているが、「プログラマー」としては初心者、という方を対象とします。Javaコアパッケージを掘り下げることにより「プログラマーの常識」を身に付けられるように話を進めていきます。今回はアーカイブと圧縮の違いなどの基礎知識とともに、Java APIでJava定番のファイル圧縮形式jarやgzip、zip形式を扱う方法も紹介。 今回はデータの圧縮技術を学んでいきます。データの圧縮技術はさまざまなコンピュータ関連用途において利用されていますが、この記事では「ファイル圧縮」の話題に絞って話を進めていきます。 意外と知らない、「圧縮」って何？ 私たちが普通にOSを利用していると、ファイルの拡張子が「.zip」「.lzh」「.cab」などとなっているファイルを扱うことがあります。これらの拡張子を持つファイルは、複数のファイルやディレクトリを1つのファイルにまと
Bootstrap、Hogan.js、Finagleなど注目のTwitter系オープンソース - ＠IT
Bootstrap、Hogan.js、Finagleなど 注目のTwitter系オープンソース Twitter Tokyo Open Houseまとめレポート 山本裕介 2012/5/15 「Twitter Open House」はTwitter社のエンジニアと直接情報交換ができるオフラインイベントで、すでにサンフランシスコの本社では何度か開催している。 先日、日本では初めてとなる「Twitter Tokyo Open House」がTwitter Japanのオフィスで開催された。季節外れの大型低気圧により天候は荒れ、開催すら危ぶまれたが、結果としては多くのエンジニアが集まり盛況なイベントとなった。 OpenJDKにも参加するTwitterのアーキテクチャ 最初に講演を行ったのはTwitterのアーキテクチャのディレクターであるロブ・ベンソン氏。なでしこジャパンや天空の城ラピュタを例に挙
さよなら、ハッカージャパン
IEやOfficeゼロデイはありましたが、比較的平穏だった11月。しかし、数少ない専門誌「ハッカージャパン」が休刊……。実に残念です。 2013年11月はInternet ExplorerやOfficeのゼロデイ脆弱性が報告されたくらいで、10月に引き続きそれほど大きなセキュリティインシデントは発生しませんでした。「Anonymous」が日本を攻撃するとの予告もありましたが、これも特に何も起きませんでした。 しかし別の方向からセキュリティクラスターを騒がせる出来事が起こりました。クラスター御用達の雑誌ともいえる「ハッカージャパン」誌の休刊です。 終わるものがあれば始まるものもあります。11月11～25日まで開催されたサイボウズの脆弱性コンテストをきっかけに、国内企業でも脆弱性報告窓口の設置や報奨金制度が始められて、盛り上がりつつあります。サーバー側のプログラムからJavaScriptを書き
ビジュアルモードでテキストを選択し加工する
前回はタブやタイルウィンドウといったユーザーインターフェイスを有効に活用する方法を紹介しました。今回は、目視しながらテキストの選択ができる「ビジュアルモード」の基本と、その活用例を紹介します。（編集部） 目視で確認しながらテキストを選択できる ViとVimの大きな違いの1つに、Vimには「ビジュアルモード」と呼ぶテキスト選択機能があるということが挙げられる。ビジュアルモードではテキストを文字単位、行単位、矩形単位で選択し、選択したテキストに対してVimのコマンドを適用できる。今回は、いつもよりもスクリーンショットを多く使って、Vimのビジュアルモードについて解説する。 Viでも範囲を指定してのコマンド実行は可能だ。例えば、「5行目から8行目まで、○○という文字を□□に置換する」といった処理ができる。しかし、Vimのビジュアルモードのようなモードはなく、ViとVimを区別する大きな要因の1つ
システムエンジニアはなぜ、ヒゲをそるべきなのか
「あるエンジニア、かく語りき」、第0回では私がなぜこの連載を始めようと思ったのかを書きました。今回から始まる本編では、一介のエンジニアが人生の節目節目で考えたことをつづります。今回は「学生から社会人へ」。私が新卒で働き始めたころの話です。 大学を卒業して就職し、仕事としてソフトウェア開発を行う人間になったことで、大きな認識の変化がありました。今考えると、とても一面的だったりナイーブだったりします。それは大学時代の自分の考えであったり、新卒1年目にたどり着いた（と思っていた）「真理」だったり。それでも学生から社会人になり、また趣味で自分のための開発をしていたのが職業として組織の課題解決のための開発をするようになり、立ち位置が変わった体験は印象深いものでした。 大学生の身分、サラリーマンの身分 会社に入って何カ月かして、自分の意識が変化していることに気が付きました。まず挙げるべきは、計画性につ
書き換え事件でも使われた？ WordPressプラグインの脆弱性とシンボリックリンク
書き換え事件でも使われた？ WordPressプラグインの脆弱性とシンボリックリンク：試してみなけりゃ分からない？ 古いWebアプリの脆弱性（4）（1/4 ページ） 前回の記事「CMSに残る反射型XSSを使ったセッションハイジャック」でも紹介したとおり、CMS（Contents Management System）の脆弱性を狙った攻撃が後を絶たないようだ。 中でも話題となっていたのが、共用レンタルサーバを狙った広範囲の書き換え攻撃だ。「共用」という性質もあって、同一のサーバを使用していた複数のユーザーのデータが横断的に書き換えられた点が、2010年代には逆に新しい。この事件で、忘れかけていた昔の設定方法を思い出した方も多かったのではなかろうか。どうやらこの事件を起こしたのは愉快犯だったらしく、書き換え以外に大きな実害はなかったようだが、それでも今さらながら、共用レンタルサーバの怖さに気づい
5分で絶対に分かるリスティング広告＋運用テクニック
Yahoo!やGoogleで検索すると表示される広告は、一体何なのか？ その概要や歴史、種類、PCとケータイの違いなどを5分で解説 リスティング広告の概要 リスティング広告とは、どのような広告のことを指す言葉か、ご存じでしょうか？ 「PPC（Pay Per Click）」「P4P（Pay for Performance）」「CPC（Click Per Cost）」「キーワード連動広告」「検索連動広告」「リスティング広告」などいろいろな呼び名がありますが、本稿では、すべて「リスティング広告」と呼ぶことにします。 リスティング広告とは、具体的にどのような広告のことをいうのでしょうか？ 下記の図1・2をご欄ください。 PCサイトは、図1の赤い枠で囲った「スポンサーリンク」という枠がリスティング広告です。モバイルサイトは、図2の赤い枠で囲った4つの枠がリスティング広告です。 この広告枠はランダムで
いまさら聞けない「Javadoc」と「アノテーション」入門
いまさら聞けない「Javadoc」と「アノテーション」入門：【改訂版】Eclipseではじめるプログラミング（22）（1/4 ページ） これからプログラミングを学習したい方、Javaは難しそうでとっつきづらいという方のためのJavaプログラミング超入門連載です。最新のEclipseとJava 6を使い大幅に情報量を増やした、連載「Eclipseではじめるプログラミング」の改訂版となります 注釈とコメントで開発しやすくしよう 開発者がソースコードにコメントを自由に記述すると、統一性がなくなり、同じ内容をさまざまな表現で書いてしまいます。これを防ぎ、重要な情報について統一的な表現で記述したいときは、「アノテーション（annotation、注釈）」を使うことを検討してみましょう。 Javaではアノテーションをプログラムのソースコードへプログラムのメタデータとして記述できます。また、プログラムにア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スケーラブルで関数型でオブジェクト指向なScala入門