いま返したヘッダー情報は、かなり記憶とコネによる情報で成り立っているから あんまりアテにせんといてください、という意味 (プロキシに多い)
いま返したヘッダー情報は、かなり記憶とコネによる情報で成り立っているから あんまりアテにせんといてください、という意味 (プロキシに多い)
おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) 最近RubyやRailsを勉強し始めたこともあり、これまで使っていた一般的なテキストエディタではなく、プログラミングに特化した玄人向けのエディタ(UNIX系エディタとでもいいますか)を使ってみたくなってきました。 もっとも、Rubyには「RDE」、Railsには「RadRails」といった立派なIDE(統合開発環境)も存在します。 これはこれで非常に便利なので、無理して初心者お断りの難解エディタに挑戦する必要は無いかもしれません。 しかし、そこはもうツール好きの血が騒ぐといいますか、第一線で活躍するハッカーの方々がこぞって使われていると聞いては放っておけないわけです。 そんなこんなでここ2~3週間ほど、vimか
こちらのブログには久しぶりの投稿。 あるウェブアプリケーションプログラマの一日 ~ ペパボ・ 30days Album 編 – 刺身☆ブーメランのはてなダイアリー この記事を読んだのと、伊藤直也さんや松信嘉範さんなどの業界界隈の転職事情を見聞きしたり、ソーシャルゲームというビジネス自体への是非を問う議論を見たり、また、CEDECで講演したり他の飲み会などでいろいろな人に会ったりして思うことがいろいろありました。 イストピカに入社してからは約1年とちょっと経過しました。この間、外で人と会うことが少なかったので「いま何してるの?」といった話も久しぶりにしました。 入社当時はマーケティングディレクターという肩書きでiPhoneアプリの庶務や営業ぽいことをやっていましたが、いまはテクニカルディレクターとして東京オフィスの技術面のことをひととおりみると同時に自分も開発するというポジションになっていま
ミクシィは9月6日、ソーシャルネットワーキングサービス(SNS)「mixi」のモバイル版「mixiモバイル」で、位置情報サービス「mixiチェックイン」を提供開始した。 mixiチェックインは、携帯電話のGPS機能を利用して、今いる場所やお店(スポット)を友人と共有できる機能。当初は携帯電話からしか利用できないが、いずれはスマートフォンにも対応する予定。 mixiモバイルのトップページにある「チェックインする」から、今いる場所やお店を選ぶだけで、あらかじめ登録されている「渋谷駅」や「忠犬ハチ公」などといったスポットにチェックインできる。これらのスポット情報はマピオンから提供されたものだ。 また、友人とのみ共有できる新たなスポットを作成することもできる。○○大学というスポットがもともとあったとすると、友人間でさらに学生食堂や図書館、○号室といったスポットを作って楽しめるという。 友人がチェッ
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1:ひとつ掲載漏れがありましたので修正しました。 追記2:コメント欄でご紹介いただいたサイトを追加いたしま
最近になって,お客様とソーシャルグラフについて会話する機会が増えてきた。 ひとつはFacebookのオープングラフ発表の影響,また国内で見るとmixiの新プラットフォームや,ヤフー!モバゲーへの関心からだろう。またソーシャルゲームなどソーシャルグラフが不可欠な市場が将来急成長するとの予測も後押ししているようだ。 そもそもこの「ソーシャルグラフ」とは,技術者であるBrad Fitzpatrick氏(現Google在籍)が2007年に発表したコンセプト(英語による元情報,日本語翻訳資料)で,一言で言うと「人間関係図」のことだ。 例えば,このような「ノード(ヒト)」と「エッジ(関係)」であらわされる人間関係をさしている。 そして現実の「ソーシャルグラフ」は,家族や友人などの「信頼関係」と,サークルやコミュニティで広がる「同好関係」から成り立っていることが多い。また別の見方をすると,「リアルな人間
人気があるウェブデザインのスタイルは良い悪いに関わらず、効果的に機能し人々を魅了する何かをもっています。 それぞれの主な特徴とそれがなぜ機能するのか、8つのウェブデザインのスタイルについて紹介します。 A Detailed Look into Popular Styles in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Illustrations 2. Printed Paper 3. Realism 4. Imageless & Typography-Focused 5. Minimalism 6. Vintage Look 7. Large Images & Photo Backgrounds 8. Rich & Sleek User Interfaces おわりに はじめに さまざまなデザイナーがいるように、敬意をはらう多くのウェ
転職時、「採用された理由」は採用担当者から聞ける場合が多いが、不採用になった理由はわからないことがほとんど。たとえ経験・スキルは十分でも、どんな面接での回答や態度に人事は「NG」を出すのか、採用担当者200人に緊急アンケート! 自分では何気なく言った言葉、何気なく振舞ったこと、マニュアルを見て「バッチリ」と思っていることが、人事の「不採用ボタン」を押すきっかけになっていることがあるようだ。とはいえ、右のグラフでもわかるように、実際の不採用理由は本人には伝わることは少ないようだ。 そこで、人事採用も担当する現場エンジニア200人に緊急アンケートを実施。これまでの面接経験で、思わず採用担当が「この人はダメだ……」と感じた言葉や態度を挙げてもらい、その傾向をまとめたものだ。まずは、自分が同じようなことをしていないかチェック。心当たりがある人は、今後はどんな発言や態度に気をつけるべきか、対策を考え
ここしばらく、新卒・中途問わず面接の場に出たり、別の面接官の人と色々話したりした。 で、色々と、面接する側に立ってみて初めて分かることが結構あるなあと思ったりもした。ちょっとメモっておく。 ○面接側の事情について思ったこと。 ・「縁」とは、特筆するべき事由が特にない時、強引に理由付けをする為に存在する言葉。 ・面接をする側にもモチベーションと切迫具合というものがある。 ・本当に人手不足の場合と、採用計画の消化過程にある場合では、切迫具合がまったく異なる。人を見る目にもかなりの差が出る。 ・面接官に人を見る目があると思ったら大間違いである。また、面接官が現場を熟知していると思ったら大間違いである。 ・特に中小企業において、面接という仕事は往々にして面接官の本業ではない。面接官は、大抵の場合他にもどっさりと仕事を抱えている。つまり、面接という場にやる気なく臨んでいる人も割といる。 ・「弊社を希
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
このブラウザには対応しておりません。 CHrome又はSafari,Edgeの最新バージョンにてご利用ください。
オフ会いったらショック受けた。 そこにいた一番優秀な彼はこんな経歴↓ 高校3年生18歳 基本情報合格 電気通信大学 現役合格 大学1年生19歳 LPICレベル1合格。応用情報技術者合格 大学2年生20歳 LPICレベル2合格。CCNA合格。 大学3年生21歳 CCNP合格。ネットワークスペシャリスト合格 大学4年生22歳 情報セキュリティスペシャリスト合格 ←今ココ バイトはwebサイト構築&webディレクター補助で、 1年の冬以降は常に何かしらのインターン・勉強会に参加してるらしい で、おいらは↓ 社会人1年生19歳 某量販店勤務 プー太郎 20歳 特に無し 首都圏の夜間大学経済学部入学 大学1年生 21歳 特に無し 大学2年生 22歳 特に無し 大学3年生 23歳 基本情報技術者,CCNA,LPICレベル1 大学4年生 24歳 特に無し ←今ココ バイト歴はPCショップのみ。 経歴も
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです. 独自のXPATH/CSSセレクタを利用することで,多くのDOM操作を非常に簡単に書くことが出来ます. JavaScriptのDOM操作や,XMLHTTPRequest,XMLの操作などを覚えなくとも, Ajaxを利用したインタラクティブなページを作ることが出来ます. 以下のサンプルを見れば,JavaScriptらしい表記をほとんどする必要がないことがわかると思います. toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります. $("#target_toggle").toggle("slow"); このブロックは,<p id="target_toggle"> です. Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
簡単にツールチップを設置できる jQuery のプラグイン [jTip](http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip) を使ってみたのでメモしておきます。 便利なプラグインを作ってくださった作者さんに感謝。 ## JavaScript のライブラリを読み込む ## jTip の CSS ファイルを読み込んでおく ファイル名を jtip.css とかにして、jTip 専用のスタイルを書いておけば、他のスタイルシートと混ざらないので、管理しやすくて良いかも? ## ツールチップを表示する部分のコード ### 各属性の説明 `href=”test.htm?width=300″` : 表示するツールチップの中身を書いたファイルとツールチップの幅 `class=”jTip”` : ツールチップの見た目を設定? とりあえず、
qTip - The jQuery tooltip plugin - Documentation - (Current beta: 1.0.0-beta1) スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」。 またまた便利そうなツールチップが出てきました。 $('p').qtip({ .... }); のように呼び出すだけで、簡単にツールチップが埋め込めます。 ツールチップの表示タイミングも、show, hide オプションで指定するだけで簡単に変更可能です。 $('p#test').qtip({ content: 'hi! i am tooltip', show: 'mouseover', hide: 'mouseout' }); 吹き出しの位置も、qtip メソッドのオプションとして指定してあげれば簡単に設定可能。 カラーリングも自由自在。 何より、
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ^^ id:cheesepie さん頑張ってください! で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません>< ! やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
の「ねる」を 最近の「ねる」 13日 26:47 yukoba 13日 26:19 tomoya 13日 26:19 gyuque 13日 26:12 norix 11日 27:44 orzccc 11日 26:02 gyuquebot
Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか? 「エラスティック(elastic)」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
エラスティックレイアウト 2007年2月8日 ブログのレイアウトをエラスティックレイアウトにしてみましたので、やり方を簡単にまとめて紹介しようと思います。 まずエラスティックレイアウトとは何かということからご説明します。 エラスティックレイアウトとは幅は固定ながらウィンドウサイズや文字サイズを変更することで固定幅が変化するレイアウトのことを指します。 参考にした2つのサイトをご紹介します。 2xupで実装されているエラステックレイアウトを調べてみた。をご参照ください。 一行あたりの文字数を制限する elastic layout (エラステックレイアウト) まずは(X)HTMLの構造を以下だと想定します。 <div id="container"> <div id="main"></div> <div id="sidebar"></div> </div> div#containerのmin-w
「Periodic Table of the Elements」は、 指定したサイトでどれくらいHTML5の要素が使われているか調べられるサービスです。 サイトのURLを入力するだけで、使われてる要素をハイライトしてくれます。 面白いのが、各要素が元素記号の周期表のように並んでいるところ。 さらに、各要素が何回使われているかも調べられます。 以下に使ってみた様子を載せておきます。 まず「Periodic Table of the Elements」にアクセスします。 上部にURLを入力する欄がありますので、そこに調べたいサイトのURLを入れましょう。 「Inspect」で調査開始。 するとこのような結果がでました。 よく使うものほど明るくなっていますね。 マウスオーバーすると、このようにタグの説明および、何回使われているかが分かります。 アップルのHTML5デモページのひとつを試したところ
524 iPhone774G2010/06/24(木) 03:39:28 ID:Pu1NZjyD0 お前ら的にtouch retouchどうよ? http://itunes.apple.com/jp/app/touchretouch/id373311252?mt=8 526 iPhone774G2010/06/24(木) 04:59:01 ID:aZvrhPnu0 >>524 久しぶりにアプリで感動した あれで115円なら安すぎ 566 iPhone774G2010/06/25(金) 14:28:16 ID:0sz31Vfg0 別の画像挿入したりできるの? できれば、この画像を面白くしてくれスレで大活躍な予感 570 iPhone774G2010/06/25(金) 14:39:47 ID:QXk5DlE+0 >>566 範囲指定して実行したらそこを上手に消してくれる
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
Google chromeの拡張機能について書かれた記事をよく見かけます。「Google chromeの拡張機能は開発がとてもカンタン!」ということが書かれていたので、それならちょっと作ってみようと思いました。 Google chromeのベータ版をダウンロード 以下のURLよりGoogle chromeのベータ版をダウンロードします。 Google Chrome(BETA) 開発用フォルダを準備する 好きなところに開発用のフォルダを作成します。 私はC:\work\chrome-extというフォルダを作成しました。この中に拡張機能ごとのフォルダを作成していきます。今回はhelloworldという名前の拡張機能を作ってみることにします。 必要なファイルを作成 Google chrome拡張に必要なファイルを作成します。 最低限必要なのは以下の三つです マニフェストファイル アイコン画像ファ
ChromeのExtentionで、Firefoxのadd-on的なものを作れます。 GoogleToolbarに、英辞朗と、Wikipediaのボタンをつけていて、便利に使っていたけれど、Chromeに乗り換えて、なくなってしまったので、その代替を作成してみることにした。 Chromeにも、GoogleToolBarを出してくれればいいのに。 今回は、manifets.jsonの説明。 ほぼ、http://code.google.com/chrome/extensions/manifest.htmlの翻訳 必須項目 name Extentionの名前。45文字以内。 version ドット(.)で区切られた、0〜4ケタの数字。0で始まってはいけない。それぞれの桁は、0〜65535。 お勧め(Recomend) description Extentionの説明。132文字以内。プレーンテキ
指定した画像と似ている画像を、ウェブ上から探し出してくれるサイトに「TinEye」があります。このサイトを、Chrome拡張機能にしたのが「TinEye Reverse Image Search」です。 現在見ているウェブページに載っている画像を一覧表示し、そこから指定した画像を TinEye に送ってくれますよ。 以下に使ってみた様子を載せておきます。 まず、TinEye Reverse Image Search にアクセスして、拡張機能をインストールします。 インストール後、Chrome右上の拡張機能バーに、新しくアイコンが追加されます。アイコンをクリックすると、そのページに載っている画像一覧を表示してくれます。 似ている画像を探したいときは、その画像をクリックします。 すると、このように TinEye の検索結果を表示してくれます。精度もなかなか良いですし、マウスでぽんぽんっと使える
今年のはてなサマーインターンが終了しました。インターン生が開発した6つの新機能もリリースされ、好評を頂いています。最後に残った6つ目の新機能「はてなブックマークのTwitter連携をさらに強化!」もいよいよ来週出ることになりました。 インターン参加者の体験レポートもなかなか熱いです。 今年もはてなインターンが精神と時の部屋状態だった件 - SELECT * FROM life; はてなインターン2010に参加してきました - ✘╹◡╹✘ たべのログ 夢にまで見たはてなサマーインターンに参加してきた。 - ただのらくがき帳。 はてなインターンに行ってきた - 備忘録 今回は今年のエンジニアインターンの中で参加者に向けて僕が話した内容を紹介したいと思います。 技術は人のためにある エンジニアに向けて僕が強調したのは「技術は人のためにある」ということです。 インターンで技術力の点数をつけたり順位
CSS3 is one of the coolest new web technologies available to web developers right now. Using some of its many features, it is possible to reproduce the effects that you might have previously done in Photoshop, with CSS code that is more maintainable, faster to load, and hip with the latest trends. Read on to learn about the power tools available to you and how to combine them to produce the ultima
We all know that gaining Twitter followers is down to how often you tweet and what you tweet about - or if you're a website owner and use Twitter, a way to communicate with your readers. However, there are additional ways to increase the chances of new stumblers to follow you, one of them being by having an interesting background. This isn't a quick route to Twitter success, but it most certainly
Eclipse for PHP Developers は、オープンソースの開発環境 Eclipse を利用して PHP の開発をするための開発ツールです。Eclipse はもともと Java の IDE としてスタートしましたが、現在では Java 以外の PHP や Ruby などを開発できるようになっています。 ここでは、Windows 上で Eclipse をインストールしていない状態から、PHP の開発環境として Eclipse を導入し、日本語化する手順を紹介します。 JRE のインストール Eclipse は Java アプリケーションですので、JRE が必要です。Java の開発をするわけではありませんので JDK である必要はありません。特に理由がなければ最新の JRE をインストールしましょう。 Eclipse for PHP Developers のダウンロードとインス
開発効率を上げるためのプラグインや機能のご紹介。 ■neocomplcache http://github.com/Shougo/neocomplcache 自動で補完候補をポップアップしてくれるプラグインで、Vimで効率的な開発をしようと思うのであれば必須のプラグインです。vimrcに以下の1行を加えればプラグインが有効になります。 let g:neocomplcache_enable_at_startup = 1有効にした上で適当にファイルを編集すれば自動で補完候補が出てきます。候補を選ぶ時はCtrl+Nで次の候補、Ctrl+Pで前の候補が選択できます。 設定項目もたくさんあります。:help neocomplcache@ja とすれば日本語ヘルプが見れるので、参照しながら設定してください。 もしこのプラグインを使ったことがないのであれば、人生の半分は損をしています。 ■テキストオブジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く