タグ

@ITとWebに関するwasaiのブックマーク (11)

  • ブラックなWeb開発現場の救世主、Gruntのインストールと使い方

    連載目次 一昔前であれば、HTMLJavaScriptCSSを使用してWebアプリを作成する場合、(筆者の経験では)所定の位置にファイルを置くだけでした。最近はHTMLJavaScriptCSS関連の技術も複雑化/多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify(圧縮)や結合 単体テストの実行 JSLint(構文チェック)の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル(JavaScript変換)を行う必要もあります。 また、SCSS(Sass)やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル(CSS変換)作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう

    ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
  • Webサイト高速化のプロセスだって自動化したい

    サーバ側にmod_spdyをインストールし、Google Chromeで、HTTP2.0でベースとなるSPDYのデモが行われた「Chrome Tech Talk Night #5」をレポートする。 Webサイト高速化のプロセス自動化と最高のパフォーマンス計測ツール 1月31日、Google 東京オフィスで開催された「Chrome Tech Talk Night #5」の模様をレポートします。Chrome Developer AdvocateのIlya Grigorik(イルヤ・グリゴリック)氏を迎え、SPDY導入方法を含むWebアプリケーションの高速化や、パフォーマンス向上の手法について説明されました。 イベント自体は「Making the Web Fast with PageSpeed」、「Wait, Chrome DevTools can do THAT?」の2部構成でしたが、このレポ

    Webサイト高速化のプロセスだって自動化したい
  • ハイブリッドアプリ化するPhoneGapやMEAPを使う新時代のアプリ開発手法

    ハイブリッドアプリ化するPhoneGapやMEAPを使う新時代のアプリ開発手法:XPagesでスマホWebアプリ開発入門(3) スマホ開発の3手法としてWebアプリ、ネイティブアプリ、ハイブリッドアプリの特徴を比較しPhoneGapやMEAPのWorklightを紹介します さまざまなモバイルアプリ開発手法とXPages これまで2回の連載で、XPagesモバイルコントロールを利用したモバイルWebアプリの開発方法を紹介しました。XPagesを使用することで、Lotus Notes/Dominoアプリのビューや文書を、モバイルデバイスのWebブラウザを用いたアクセスに適したユーザーインターフェイス(以下、UI)で表示できることを理解できたと思います。 これまではモバイルWebアプリ開発を中心に説明しましたが、今回は視野を広げて全般的なモバイルアプリ開発手法について紹介します。それぞれの手法

    ハイブリッドアプリ化するPhoneGapやMEAPを使う新時代のアプリ開発手法
  • もう、Webはブラウザという制約に縛られなくていい ─ @IT

    えーじ 2012/7/10 10年前、旅行先で道に迷わず目的地に辿り着くのがこんなに簡単になるなんて思わなかった。スマホとHTML5が、Webを自由に解き放つ まずは、事のシチュエーションというUXの話から 唐突ですが、あなたはレストランでアルバイトをしたことがありますか? 経験のある方なら、分かるかもしれませんが、レストランでアルバイトしていると、賄いで事を出してもらえる場合があります。もちろん、お店によるので、一概にいえませんが、ちょっとしたファミレスでも、通常、顧客に出すものとほぼ同じ料理べられます。 そのとき、味はどうだったでしょう? 1000円以上の価値があるものを無料でべられるのだから、店によっては、実にうらやましい話だろうと思いきや、筆者の場合、そうでもないという感想を持った経験があります。 確かに、同じ料理なのですが、いわゆるバックヤードと呼ばれる従業員専用の、お

  • 5分でわかるCSSグラフィック

    知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも

    5分でわかるCSSグラフィック
  • こんなに充実!Webで学べるIT系学習講座20選まとめ

    Webにある「学び舎」使っていますか? 無料で学べるオンラインコンテンツが数多く観られるようになってきました。従来は語学や、ビジネス系のものが目立っていましたが、最近では、質の高いIT系のオンライン学習のための教材がそろってきました。オンラインでの学習の利点はいくつか考えられます。 安価もしくは無料で質の高い教材に出会える 自分の時間をうまく使って教材や講座を観られる →モバイルデバイスに入れて持ち歩くこともできる 気に入った講座はサブスクライブ(登録)することで継続的に受講できる 海外の講座であれば、英語の勉強(ヒアリング)にもなる →海外出張や英語イベント参加の前に、英語脳に切り替えるのに便利 物理や数学ITやプログラミングに直接関係無い事柄でも学べる 一方で、一緒に学ぶ同級生の存在が感じられにくい、サボる理由がいくらでもあり、モチベーションが続きにくいといった難点もあります。 また

    こんなに充実!Webで学べるIT系学習講座20選まとめ
    wasai
    wasai 2012/03/24
    いいですね
  • 開発手法とコミュ力は捨てろ――SIエンジニアに告げる、Web企業への転職戦略

    開発手法とコミュ力は捨てろ――SIエンジニアに告げる、Web企業への転職戦略:きのこる先生のエンジニア転職指南(6)(1/2 ページ) 元プログラマ、現Web系企業の人事担当者による、エンジニア転職指南。「応募書類の書き方」や「自己PRの仕方」について、エンジニアの視点を持ちながらアドバイス。エンジニアの幸せな転職のために、菌類が奮闘する。 皆さん、こんにちは。2011年も残すところあとわずか。忙しい日々をお過ごしでしょうか。 師走ということで、師に負けず菌類も走り回っています。新卒採用のエントリが始まり、やるべきことは増えるばかり。冬眠したい気持ちをぐっとこらえてフル稼働中です。 繰り返す、ここはSIerではない さて今回は、かつて私が所属していた「システム・インテグレータ(SIer)」、そしていま所属している「Web系企業」についてお話します。 SIerは、長引く不況とIT業界の構造変

    開発手法とコミュ力は捨てろ――SIエンジニアに告げる、Web企業への転職戦略
    wasai
    wasai 2011/12/27
    まあ、勉強会などに行って話し聞いてると、感覚が違いすぎるのはよくわかりますな。でSI系の仕事に戻るとギャップがありすぎて萎えてしまうと…
  • ケータイWebの今後を安全に保つには

    “特殊だ”と形容されることの多い日の携帯電話向けWebサイト。そこには、さまざまな思い込みや性善説の上しか成り立たないセキュリティが横行しています。連載は、ケータイWebの特殊性をていねいに解説し、正しいケータイWebセキュリティのあるべき姿を考えます(編集部) 前回では、URLにセッションIDを埋め込むことの問題点を指摘した上で、今後はできるだけケータイでもCookieを使うことを提案しました。それを受けて今回は、前半で、ケータイWebでCookieを使う際の注意点について説明します。 そして後半では、連載の終わりに当たり、スマートフォンが普及しつつある状況下でのケータイWebの今後について説明します。 ケータイWebにおけるCookieは「取り扱い注意」 これまで説明したように、KDDIとソフトバンクのケータイでは従来からCookieが利用でき、NTTドコモの端末でも2009年夏モ

    ケータイWebの今後を安全に保つには
  • 4ステップでWebサーバをIPv6に対応させる方法(1/3) - @IT

    World IPv6 Dayに参加してみよう 4ステップでWebサーバをIPv6に対応させる方法 株式会社ユビテック カスタマーサービスタスク サブチーフ 木村 保博 2011/5/19 6月8日に、世界中の主要なコンテンツプロバイダーがWebサイトをIPv6に対応させる「World IPv6 Day」がやってきます。これを機に、手元のWebサーバをIPv6化してみませんか?(編集部) World IPv6 Dayがやってくる 6月8日に予定されている「World IPv6 Day」は、GoogleやFacebook、Yahoo!のようなインターネットの主要なサイトも含め、世界中のサイトがこの1日、集中してIPv6を利用してみよう、というイベントです。すでにIPv6対応のサービスや技術を提供しているNTTMicrosoft、Ciscoなど数多くの組織や企業が参加を表明しています。

    wasai
    wasai 2011/05/20
    あとで読んでおく
  • Google App EngineとSlim3で始める携帯Web入門

    Google App EngineとSlim3で始める携帯Web入門:クラウドとフレームワークで超簡単ケータイ開発(1)(1/3 ページ) 数年前に比べケータイ向けサービス構築を支援するフレームワークやノウハウがたまってきて、そして無料または、格安でサービスを公開できる仕組み(クラウドやVPSなど)も普及している今こそ、ケータイ向けサービス開発を始めるチャンスではないでしょうか 環境が成熟した今ならケータイ向けサービスは簡単だ はじめまして、森俊夫と申します。徳島でフリーランスのプログラマをしております。最近、モバゲータウンやGREEなどのソーシャルゲーム/アプリのCMが多いですね。iPhoneAndroidを代表とするスマートフォンもいよいよ普及段階に入ってきおり、いまや、PCよりも携帯電話やスマートフォンでインターネットにアクセスする人たちの方が多いともいわれています。今ほどモバイル

    Google App EngineとSlim3で始める携帯Web入門
    wasai
    wasai 2011/01/11
    あとで読んでおこう
  • WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT

    ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々(我々は自分たちのことをBambinoと呼んでいます)がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。

    WebSocketで目指せ“リアルタイムWeb”!第1回 node.jsの衝撃とWebSocketが拓く未来 - @IT
    wasai
    wasai 2010/10/06
    興味深いのであとでじっくり読んでみる
  • 1