タグ

ブックマーク / gihyo.jp (54)

  • 2012年6月第4週号 1位は、CSSとJavaScriptのテクニックを大量に紹介、気になるネタは、JAL、国際線でネット接続サービス「JAL SKY Wi-Fi」提供 | gihyo.jp

    週刊Webテク通信 2012年6月第4週号1位は、CSSJavaScriptのテクニックを大量に紹介、気になるネタは、JAL、国際線でネット接続サービス「JAL SKY Wi-Fi」提供 ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2012年6月18日~2012年6月24日の間に見つけた記事のベスト5です。 1. Powerful New CSS- and JavaScript-Techniques (2012 Edition) | Smashing Codinghttp://coding.smashingmagazine.com/2012/06/21/powerful-new-cssjavascript-techniques/ CSSJavaScriptを使ったテクニックから、新し

    2012年6月第4週号 1位は、CSSとJavaScriptのテクニックを大量に紹介、気になるネタは、JAL、国際線でネット接続サービス「JAL SKY Wi-Fi」提供 | gihyo.jp
  • 第4回 図形のクリックを検出しよう─JavaScriptで外積の計算 | gihyo.jp

    以前gihyo.jpの特集で、Nゲージのエディタを取り上げたことがあります。このエディタでは、レールをドラッグ操作で動かせるようにしました。 レールの始点または終点から、x, y共に±3以内だったら端点と見なすことで、端点をドラッグすると変形になる処理が実現できます。これは簡単ですね。ifの条件で書くと ((sx - 4 < x)&&(x < sx + 4)&&(sy - 4 < y)&&(y < sy + 4)) のようになります。 では、レールの上をドラッグしたら移動になる、という処理はどう書けばよいでしょうか。レールは直線ですが、水平や垂直ではなく斜めにもなります。もちろん、1ドット幅を正確にクリックしないといけないのでは実用になりませんから、ある程度の幅を持たせる必要があります。高校で「点と直線の距離」を習った記憶がありますが、ルートが出てくるなど計算が複雑なため、たくさんの線があ

    第4回 図形のクリックを検出しよう─JavaScriptで外積の計算 | gihyo.jp
  • 第9回 NHN Japan執行役員/CTO 池邉智洋氏に訊く(前編)―「放置」と「無茶ぶり」の裏に隠されたNHN Japan流の学習環境 | gihyo.jp

    Webクリエイティブ職の学び場研究 第9回NHN Japan執行役員/CTO 池邉智洋氏に訊く(前編)―「放置」と「無茶ぶり」の裏に隠されたNHN Japan流の学習環境 NHN Japanといえば、「⁠ハンゲーム」「⁠NAVER」「⁠livedoor」を展開する国内最大手のインターネット企業。2012年1月1日には、ネイバージャパン、ライブドアと経営統合し、今後さらなるパワーアップが期待されています。今回は同社を訪問し、ライブドアの前身、オン・ザ・エッヂ時代から技術部門を支えてこられた現NHN Japan 執行役員/CTOの池邉智洋さんにお話を伺います。技術力に定評がある同社ですが、「⁠研修はほとんどやらない」職場環境。「⁠放置」と「無茶ぶり」の裏側に、どんな人材育成の仕組みが隠されているのかを探ってきました。 NHN Japan 執行役員/CTOの池邉智洋氏 大前提は、独特の「Webの

    第9回 NHN Japan執行役員/CTO 池邉智洋氏に訊く(前編)―「放置」と「無茶ぶり」の裏に隠されたNHN Japan流の学習環境 | gihyo.jp
  • 第6回 TitaniumでTwitterクライアント──GPSとMap | gihyo.jp

    スマートフォンらしい機能を 前回まではアプリ作成に必要なTitaniumの基的な機能について解説してきましたが、今回からは、GPSやカメラなどスマートフォンらしい機能の解説をしていきます。GPS,カメラそして加速度センサなどが簡単に利用でき、またiPhoneAndroidで共通のコードで扱うことができるというのはTitaniumの大きな利点です。 GPS情報とMap Twitterには位置情報を投稿する機能もあるので、今回はこの投稿部分を拡張してくことにします。前々回に作った投稿画面のコードを拡張して、投稿画面を次のような形に変更します。 左側のLocationボタンをタップすると、画面下側に地図が表示され現在位置が表示されます。テキストエリアにコメントを入れてPostボタンを押すと現在位置付きでPostされます。Twitter側の設定で位置情報を受け付ける設定にしないと、投稿しても無

    第6回 TitaniumでTwitterクライアント──GPSとMap | gihyo.jp
  • 第1回 PSGI/Plack―フレームワークとサーバをつなぐエンジン (2) | gihyo.jp

    Plack─⁠─PSGIユーティリティ PSGIのおかげで、フレームワークはCGIやFastCGI、mod_perlといった環境の差異を吸収するためのコードを書く必要はなくなり、PSGIのインタフェースだけを実行すればよくなりました。実際に多くのフレームワークがすでにPSGIをサポートしていますが、さて、そうしたアプリケーションをどうやって動かせばよいのでしょうか。 Apacheなど既存のWebサーバでPSGIアプリケーションを動かすには、CGI、FastCGI、mod_perlなどのインタフェースをPSGIに変換する必要があります。また、PSGIをネイティブで実行できるPerlベースのHTTPサーバもほしいところです。 Plackはそうした要件を満たすためのユーティリティで、リファレンス実装としてのPSGIサーバやそれらへのアダプタ、周辺ライブラリや後述するミドルウェアが含まれています。

    第1回 PSGI/Plack―フレームワークとサーバをつなぐエンジン (2) | gihyo.jp
  • 第8回 クリティカル・パスをみつける | gihyo.jp

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    第8回 クリティカル・パスをみつける | gihyo.jp
  • 第1回 まずはTitaniumを体験してみよう | gihyo.jp

    はじめまして、株式会社はてなでアプリケーションエンジニアをしている倉井龍太郎(id:r_kurain)と申します。この連載では、今もっとも注目集めているスマートフォンアプリ開発環境であるTitanium Mobile(以下Titaniumと省略)を使ったiPhone及びAndroidアプリケーションの開発方法について解説していきます。 Titaniumとは TitaniumはAppceleratorが開発しているスマートフォンアプリ開発環境です。iPhone/iPod/iPad であればObjectice-Cを使用して、AndoridであればJavaを用いて作成するネイティブアプリケーションが、どちらの環境でもJavascriptのみで開発できるようになるものです。Titanuiumは無料で利用することができます。サポートを受けるにはAppceleratorの有料プランに入会する必要が

    第1回 まずはTitaniumを体験してみよう | gihyo.jp
  • マネタイズとアウトプットを意識する~エンジニアの視点から考えるネットサービス:エンジニアブレークスルー#02レポート | gihyo.jp

    マネタイズとアウトプットを意識する~エンジニアの視点から考えるネットサービス:エンジニアブレークスルー#02レポート エンジニアがどのようにしてブレークスルーしていけるか エンジニアブレークスルーは、その名のとおり「エンジニアがどのようにブレークスルーしていけるか」をテーマに、株式会社ゼロスタートコミュニケーションズ 山崎徳之氏を中心にスタートした活動。10月7日に、スタートアップデイティングの一企画として第1回が開催され、今回初の単独開催として、第2回目開催の運びとなった。今回は二部構成で、一部がパネルディスカッション、二部がパネリストと参加者の交流を兼ねたエンジニア査定大会が実施された。 イベントの企画者でもあり、モデレータを務めた山崎氏。 エンジニアの視点から考えるネットサービス 今回のパネリストは以下の通り。 米林正明 氏(株式会社Abby) 閑歳孝子 氏(株式会社ユーザーローカル

    マネタイズとアウトプットを意識する~エンジニアの視点から考えるネットサービス:エンジニアブレークスルー#02レポート | gihyo.jp
  • 2010年11月18日 &quot;ミラクルパッチ&quot;にLinusも大喜び!Linuxカーネルを高速化させた233行のコード | gihyo.jp

    Linux Daily Topics 2010年11月18日"ミラクルパッチ"にLinusも大喜び!Linuxカーネルを高速化させた233行のコード Linus Torvalds氏という人は、少なくともメールの中では、かなりはっきりと感情を表に出す。誰かor何かに対して怒っているときは相手を名指しで批判(というより非難)し、逆にうれしいときはあふれる喜びを隠そうとしない。今回紹介するのは後者のほう。「⁠I'm also very happy」「⁠it is a _huge_ improvement」「⁠Good job.」など、喜びと称賛の表現がたくさん書かれているメールだ。 Linus氏を歓喜させたのは、カーネル開発に携わるMike Galbraith氏が書いた233行のカーネルスケジューリングパッチ。このパッチを適用すると、デスクトップ環境においてパフォーマンスが著しく向上するという。

    2010年11月18日 &quot;ミラクルパッチ&quot;にLinusも大喜び!Linuxカーネルを高速化させた233行のコード | gihyo.jp
  • 第3回 なぜ日本のソフトウェアが世界で通用しないのか | gihyo.jp

    日米で異なるソフトウェアの作り方 私がシアトルに来たのは1989年なので、こちらに来てもう20年以上になる。最初の10年をMicrosoftのソフトウェアエンジニアとして過ごし、後半の10年は起業家としてソフトウェアベンチャーを3つほど立ち上げている。こうやって1年の大半を米国西海岸で過ごしながらも、日には毎年数回仕事で帰国しているし、日語でブログや記事を書いてもいて、ある意味で「日のソフトウェアビジネスを、一歩離れてちょうどよい距離で見る」ことができる立場にいる。 そんな私が常々感じているのは、日でのソフトウェアの作り方が米国のそれと大きく違っていること。そして、日のソフトウェアエンジニアの境遇が悪すぎること―そして、それが「日のソフトウェアが世界で通用しない」一番の原因になっていることである。 そもそもの成り立ちが違う日米のソフトウェア業界 日米のソフトウェアの「作り方」の

    第3回 なぜ日本のソフトウェアが世界で通用しないのか | gihyo.jp
  • 第2回 「締め切りは絶対に守るもの」と考えると世界が変わる | gihyo.jp

    「締め切りを守ること」の大切さ 今までたくさんの日米のエンジニア仕事をしてきた。その中には私よりも明らかに「賢いエンジニア」もいたし、ものすごい生産性でプログラムを作ってくれる「馬力(ばりき)のあるエンジニア」もいた。しかし、そんな中でも、私がものを作るうえで最も大切だと考えている「あること」をキチンとこなせる人は100人に1人もいなかった。その「あること」とは、「⁠常に締め切りを守れるように仕事をすること」である。 チームで仕事をする場合、どうしてもお互いが担当するタスク(=作業)の間に依存関係が生じる。そんなときに、どれか一つのタスクの完了の遅れが、ほかのタスクの完了に波及し、それがタスク間の競合を引き起こして全体のスケジュールがさらに遅れる、という事態はソフトウェア開発の現場ではよく見られる。そんな状況をできるだけ回避するには、プロジェクトに関わる人全員が、自分に割り当てられたタス

    第2回 「締め切りは絶対に守るもの」と考えると世界が変わる | gihyo.jp
  • 第7回 コメントをXMLでフィードバック | gihyo.jp

    前回、FlashからMTへコメントを送信する仕組みを活かして、写真の★の数を送信しました。今回は、その★の数を再びFlashで表示するため、起動時に読み込むXMLに反映させます。また、★の数を求めるためにMTの演算機能も使用します。 図 MTにコメントを送信するFlash ★の数に対応したXMLを定義する XMLに★の数を挿入するために、現在のXMLデータの仕様を改造します。 現在のXMLは、MTのインデックステンプレートによって出力されているphoto.xmlです。 フォーマットは次のようになっています。(⁠見やすいように1件分のデータだけ示しました) <?xml version="1.0" encoding="utf-8"?> <entries> <entry id="9" title="お台場"> <img src="http://www.3oclock.com/my_first_b

    第7回 コメントをXMLでフィードバック | gihyo.jp
    loosecontrol
    loosecontrol 2010/03/08
    変数で四則演算が出来たんだ
  • 2010年のJavaScript:「これまで」と「これから」 | gihyo.jp

    2010年のJavaScriptと題しまして、JavaScript周辺の「これまで」と「これから」についてまとめてみたいと思います。 2009年までのJavaScript JavaScriptは各ブラウザベンダなどが個別に実装するという特殊性から、ブラウザ(実装)ごとの非互換性の問題に悩まされ続けてきた言語です。まず、そのJavaScript歴史を簡単に振り返ってみます。 ECMA-262 3rd editionとスピードコンテスト JavaScriptNetscape社によってLiveScriptという名前で誕生し、その後ECMAScriptとして標準化が進みました。1999年12月にECMA-262 3rd editionが策定されてから、Internet ExplorerのJScript、MozillaのSpiderMonkey(TraceMonkey⁠)⁠、SafariのJav

    2010年のJavaScript:「これまで」と「これから」 | gihyo.jp
  • 第1回 メモを取るにも練習は必要です | gihyo.jp

    なぜか続かない? メモや手帳 今、世の中には、数多くのメモ術・手帳術の情報があふれています。書店に行けば専用のコーナーがあり、毎月のように新しいが出ています。 ネット上でも、各種ブログやサイトで、自分のメモの取り方や手帳の使い方を公開している人、有名なメモ術・手帳術を実践した結果を公開している人などが大勢います。また、GTDやライフハック、夢実現や成功術、ユビキタス・キャプチャーといったくくりの中で、メモや手帳を使うことの大事さや、そのちょっと便利な使い方などを紹介している場合もあります。 わたしはメモを取るのが苦手でした 実はわたしは、昔からメモを取るのが苦手で、なんとかしようとかなり多くのメモ術、ノート術、手帳術などのを読み漁りました。一冊読んで「これならできそうだ」と思えばそれをやってみました。ところが、なぜか続きません。そこで、また別のを読んでみるわけです。前のよりも少し簡

    第1回 メモを取るにも練習は必要です | gihyo.jp
  • ページが見つかりません|gihyo.jp … 技術評論社

    指定されたページは,サイト内に見つかりませんでした。 以下の手順をお試しください。 URLを直接入力した場合,入力ミスがないかご確認ください。 リンクを辿ってきた場合,リンクミスが考えられます。リンク元サイトの管理者にお問い合わせください。 該当するページについての情報をお持ちの場合,サイト上部にある検索ボックスから検索するか,トップページから該当するリンクを辿ってください。

    ページが見つかりません|gihyo.jp … 技術評論社
  • #05 ブラウザのバッドノウハウ コンテンツ編 | gihyo.jp

    ソフトウェアなどを使いこなすために、ストレスを感じながらもしぶしぶ覚えなければならないようなノウハウ、「⁠バッドノウハウ」がテーマの連載、第5回の今回はブラウザのBKを、コンテンツの扱いに関連するものに絞って取り上げたいと思います。 IEのContent sniffing 通常、ブラウザはHTTPのレスポンスのContent-Typeヘッダに応じて、コンテンツをどのように処理するか決めますが、Internet Explorer 7(IE7)はこのヘッダを無視するときがあります[1]⁠。 たとえば、リスト1のようなファイルをtest.txtという名前でWebサーバに置いて、IE7からアクセスすると、サーバからContent-Type:text/plain(ただのテキストファイル)として送られてきているにもかかわらず、HTMLとして解釈されてしまいます(図1⁠)⁠。 リスト1 test.tx

    #05 ブラウザのバッドノウハウ コンテンツ編 | gihyo.jp
  • #04 ブラウザのバッドノウハウ &amp;lt;form&amp;gt;編 | gihyo.jp

    ソフトウェアなどを使いこなすために、ストレスを感じながらもしぶしぶ覚えなければならないようなノウハウ、「⁠バッドノウハウ」がテーマの連載、第4回の今回はブラウザのBKを、<form>タグに関連するものに絞って取り上げたいと思います。 URLの+と%20の関係 HTMLの<form>タグを使うと、ブラウザからサーバにデータを送ることができます。<form>にmethod="GET"という属性が指定されている場合、ブラウザは、以下のように、キーと値のペアをURLの末尾に付加してサーバにリクエストを送ります。 http://example.com/webdb.cgi?key1=value1&key2=value2 これらのペアを「クエリ」と呼びます。このときキー、あるいは値に=などの予約記号が含まれている場合、%3Dのように%+16進数でエンコードします[1]⁠。 ところが、これには例外があり

    #04 ブラウザのバッドノウハウ &amp;lt;form&amp;gt;編 | gihyo.jp
  • #02 数字のバッドノウハウ | gihyo.jp

    ソフトウェアなどを使いこなすために、ストレスを感じながらもしぶしぶ覚えなければならないようなノウハウ、「⁠バッドノウハウ」(⁠BadKhowhow)がテーマの連載、第2回の今回は数値に関するバッドノウハウ(以下BK)を取り上げたいと思います。 JavaScriptのparseInt関数 JavaScriptには、文字列を整数に変換する組み込みの関数parseIntがあります。この関数は、第1引数に文字列、第2引数に基数を渡して使うのが基です。しかし、基数を省略した場合は、文字列の中身に応じて自動的に基数が選ばれます。 その結果、"08"が8進数として解釈されて0(ゼロ)になる(8は8進数では無効な値⁠)⁠、という厄介な挙動が発生します(リスト1⁠)⁠。 リスト1 JavaScriptのparseInt関数 // Firefox 2、IE 7ともに0が表示される alert(parseI

    #02 数字のバッドノウハウ | gihyo.jp
  • #01 JavaScriptのバッドノウハウ | gihyo.jp

    今回から「BK通信」(⁠ビーケーツウシン)と題して、連載することになった高林と申します。以前連載していた「プログラミングの光景」ではデバッグ、コードレビューといった大きなテーマを取り上げましたが、今回の連載では日常的に遭遇するチマチマした「バッドノウハウ」(⁠Bad Knowhow)について書いていきたいと思います。 バッドノウハウとは? バッドノウハウとは、筆者が2003年に作った造語です。元の定義は以下のようなものです。 計算機を使っていると、何でこんなことを覚えないといけないのだろうか、とストレスを感じつつも、それを覚えないとソフトウェアを使いこなすことができないためにしぶしぶ覚えなければならない、といった類いのノウハウは多い。そうした雑多なノウハウのことを、来は知りたくもないノウハウという意味で、私はバッドノウハウと呼んでいる。 一方、「⁠はてなキーワード」にある定義は簡潔ですっ

    #01 JavaScriptのバッドノウハウ | gihyo.jp
  • ついに出た!最新Perlフレームワーク「Ark」徹底解剖:第1回 Arkって何だ? -Ark が生まれるまで|gihyo.jp ... 技術評論社

    はじめまして。面白法人カヤックの村瀬と申します。ArkというWebアプリケーション作成用のフレームワークを開発しました。今回から4回にわたって、このリリースしたばかりの「Ark」について紹介させていただきます。 Ark(アーク)とは Arkは、Perlで作られたWebアプリケーションフレームワーク(WAF)です。 Arkの特徴としては Catalystに似たインターフェース CGI/FCGI/mod_perlなどさまざまな環境で実用的に動作する CGI用モードの存在 日製であり、日語ドキュメントが充実している などが挙げられます。 Catalystに似たインターフェース Catalystは、Arkと同様にPerl製のWebアプリケーションフレームワークで、現在、Perlのフレームワークでは標準となりつつあるものです。 Arkは開発動機の1つが「CGIでも実用的に動作するCatalyst

    ついに出た!最新Perlフレームワーク「Ark」徹底解剖:第1回 Arkって何だ? -Ark が生まれるまで|gihyo.jp ... 技術評論社