8のjQueryのすごいTIPS
8のjQueryのすごいTIPS 原文：8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[
Gitを使いこなすための20のコマンド | OSDN Magazine
LinuxカーネルやRuby on Rails、Perlなど、近年多くの大規模プロジェクトで採用されているバージョン管理システムが「Git」だ。Gitには非常に多数のコマンドが用意されているが、日常的に使用するコマンドは20個程度と言われている。本記事では、Gitを使いこなすために覚えるべき20個のGit基本コマンドを紹介する。 LinuxカーネルやRuby on Rails、Perlなど、近年多くの大規模プロジェクトで採用されているバージョン管理システムが「Git」だ。Gitには非常に多数のコマンドが用意されているが、日常的に使用するコマンドは20個程度と言われている。本記事では、Gitを使いこなすために覚えるべき20個のGit基本コマンドを紹介する。 なお、Gitの基本的な考え方や使い方については分散バージョン管理システムGit入門でも紹介しているので、そちらも参照してほしい。
この写真コラか!? と思ったら『JPEGSnoop』でチェック！ | ライフハッカー・ジャパン
と思ったことありますよね。 『JPEGSnoop』は写真が編集されたかどうかを教えてくれる軽量アプリ。JPEG・JPGファイルのEXIFデータを読み取り、そこから写真についての膨大な情報を教えてくれます。撮影された時間、使用されたカメラ、レンズ設定、などなど。その後、 圧縮パターンがどの（有名な）画像編集アプリのものなのかまでも知らせてくれます。このアプリのデータベースに存在しない新パターンの場合はそれを報告する機能も搭載。 このツールによって分かる情報量はかなりのものなのですが、そんなのはまぁ、ええから、これがコラなのかどうかをとりあえず知りたい、という方はレポートの一番したの方までスクロールしていくと「Class 1 - Image is processed/edited（クラス1、画像は編集処理されています）」や「Class 3 - Image has high probabilit
あのFlashサイトのUIをjQueryで作る (1/5)
「見た目に美しく、ユーザーに楽しさや心地よさを与えるUIを作りたい」 そう考えたときに参考になるのが、Flashで制作されたWebサイトです。最近では、JavaScriptによるリッチなUIを持つWebサイトも増えてきていますが、長年、さまざまなUIが実験的に生み出されてきたFlashの世界には、まだまだユニークなサイトが多くあります。 たとえば、今回紹介する「ハーズ実験デザイン研究所」のWebサイトは、フルFlashで制作された“楽しい”コーポレートサイトです。同社が手がけてきた過去の作品を、時間の経過とともにゆっくりと切り換えていく様子は、まるで1本の映像作品を見ているよう。メニューのちょっとした動きひとつをとっても、ユーザーを楽しませようという意図が感じられます。 Flashサイトのような美しくて楽しいUIを、JavaScriptでも作れないか――それが今回のテーマです。 今回のお手
2つの単語を組み合わせた造語を提案してくれる『name masher』 | 100SHIKI
シンプルだけど意外に使えそうなツールのご紹介。 name masherは英語版ではあるが、2つの単語を組み合わせた造語をつくってくれる。カカロットとベジータでベジットとかそういうものだ（違うか）。 こうした造語、ちょっと考えればわかるんじゃね？と思ってしまうが、どの単語を重ねるべきか、とか、どこまで省略すべきか、をいちいち考えるよりは機械的に候補を出してもらった方がありがたかったりする。 実際にやってみると「あ、そういう組み合わせもあったよね」みたいな発見があってわりと便利なのではないだろうか。
CGMを運営するときに意識する「リラスプ」というフレームワーク : LINE Corporation ディレクターブログ
こんにちは、佐々木です。 最近、WebディレクターというよりもWebプロデューサーとしての立場でサービスに関わることが増えてきました。そこでよく利用するようになったのが、「リラスプ」というフレームワーク(考え方)です。 このフレームワークを使うと、これまで無意識に使ってきた「お客さま」という言葉を明確に定義して使い分けられるようになります。それによって、立場の異なるお客さまのメリットの最大化について、想像力を働かせやすくなりました。とても便利な考え方ですので、ぜひ一度お試しください。 ■「リラスプ」とは？ まず「リラスプ」という言葉の定義について、こちらの記事をご覧ください。 CGMサービスにおける4種類のお客さま「リラスプ」 [リ] Reader(読み手) サービスを利用する人。閲覧したりダウンロードしたり、ネット上のコンテンツを楽しむお客さま。 [ラ] Writer(書き手) サービス
GoogleSitesを使って制作プロジェクトをハックしよう（1/3）- ＠IT
テンポ 吉岡 直樹 2009/3/17 Web制作の現場をサンプルに、GoogleSitesをツールに用いたプロジェクト管理の方法を紹介する。使いこなしてプロジェクトをハックしよう プロジェクトを管理するってどういうこと？ Web制作にかかわった方ならご経験があるかと思いますが、とかく制作の現場というのは混乱するものです。ディレクターに限らず、制作にかかわる人なら誰でも1度はプロジェクト管理に課題を感じたことがあるはずだと思います。スムーズな進行、高度な管理があってこそ初めて達成できるクオリティも存在します。デザイナの方にとっても技術以外のプロジェクト管理スキルも、クリエイティブの重要な鍵となります。 この記事では、デザイナ向けにWeb制作の現場をサンプルとして、GoogleSitesをツールに用いたプロジェクト管理の方法をご紹介します。また、このことを通じてプロジェクトマネジメント一般の
Using filesort
去年ソートに関する記事を書いたが、今日はその続きである。 MySQLでEXPLAIN SELECT...を実行するとExtraフィールドでよく見かける「Using filesort」という文字列。Filesortって一体なんだろう？と思ったことはないだろうか。単刀直入に言ってFilesortの正体はクイックソートである。 クエリにORDER BYが含まれる場合、MySQLはある程度の大きさまでは全てメモリ内でクイックソートを処理する。ある程度の大きさとはsort_buffer_sizeであり、これはセッションごとに変更可能である。ソートに必要なメモリがsort_buffer_sizeより大きくなると、テンポラリファイル（テンポラリテーブルではない）が作成され、メモリとファイルを併用してクイックソートが実行される。 Filesortは全てのソート処理において実行されるわけではない。前回の記事
検索避け覚書
はじめに ここは、同人サイト向けに検索避け（逆SEO・いかにロボット検索に掲載されないか）の方法をまとめたサイトです。 検索よけテクニックで有名だった、「裏サイトオーナーのための Small Tips」が消えてしまったからなのか、私がやっているブログに検索よけテクニックを求めて来る人が増えてしまいました。ブログだと見づらいので独立したサイトとしてまとめておきます。 用語説明 クローラー：Crawler 検索ロボットの事です。このロボットがあなたのサイトを訪れ、 サイト内の情報を持っていきます。レンタルやＣＧＩのアクセス解析では捕捉できません。 ユーザーエージェント、userAgent ブラウザ・ロボットの事。またはそれらが名乗る名前。UAと略されることが多いです。 リファラー：Referrer 参照元。リンク元。またはそのアドレスのことです。 生ログ サーバが記録するアクセス記録。非常に詳
創る心とおもてなし― 第1回 Webエンジニア料理対決
イベント概要 今，世の中にあるWebサービスのうち，多くのユーザの支持を得ているものに共通しているポイントとして「独自性」が挙げられます。そして，独自性を生み出す鍵を握るのが，開発者の「創造力」と「おもてなしの心」です。これらは，何もWebサービスに限ったものではなく，普段私たちが生活している中で接している身近なものにも当てはまります。「料理」もその1つです。 そこで！今回，「Webサービス」と「料理」を掛け合わせたイベントを企画しました。そのものズバリ，エンジニアによる料理対決です。普段Webサービスを開発している人たちの創造力とおもてなしの心について，技術軸だけではなく，料理という生活軸からも迫り，これからのWebサービスに必要なヒントをお見せします。また，参加者の中から何名かには，実際にチームに入っていただき，一緒に料理やプレゼンにご参加いただきます。 なお，対決の模様やライトニング
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
「それはできない」とは言わない 急成長する音声コミュニティー「こえ部」
「1を10にする」ネットサービスの育て方 「ミルクカフェ」「したらば」などを運営してきた、けんすうこと古川健介さんが、人気サイト運営者のインタビューを通じ、ネットサービスの“育て方”を伝える連載です。 第0回：作るだけでは育たない 「1→10」支える“みんなの力” 「『1を10にする』ネットサービスの育て方」インタビュー第1弾は、「こえ部」を運営しているカヤックさん（神奈川県鎌倉市）です。 こえ部は、2007年12月にスタートした音声コミュニティーサイトです。その名の通り、「こえ（声）」を投稿するサイトで、ユーザーから熱い支持を受けています。 サイトは、「お題」と「こえの投稿」に別れており、出されたお題に対してユーザーが声を投稿する形式になっています。声の録音や再生はFlashベースで、Webブラウザだけで音声コミュニケーションが可能です。 大きなプロモーションもせずに口コミでユーザーが伸
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
東大理1に1年で受かった勉強法 - 大学生超奮闘記
雑記偉そうに合格体験記でも書いてみようかと思います。知り合いでも来年受験の人が多いので、ちょっとでも参考になればいいなあと思います。ぶっちゃけると受験勉強は「想像していたよりも楽。」でした。受験勉強を始める前は受験生ってのは寝てる時間と飯食ってる時間以外は全部勉強に当てて、たまに徹夜で勉強する！みたいな偏見をかってに持っていたんですが、全くそんなことは無かった。むしろ学校の授業のコマ数が減るため平均睡眠時間は8時間をゆうに超えた感じだった。(寝ないと動けないんです）もちろん東大は簡単ではないですが、東大は天才じゃなくちゃ入れないっていうのは確実に嘘。秀才が3年間こつこつ勉強して初めて入れるっていうのも嘘。僕みたいな凡人でも1年間でやることをやれば受かります。僕の場合はちょっと運が良かったこともあるのでそれは言いすぎにしても1年半くらい前から普通にやることやってれば受かるレベルまで学力は到達
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」:phpspot開発日誌
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
古本屋でのバイト時に教えてもらった便利な本・雑誌の縛り方 - 空中の杜
私は学生時代、神保町のとある古本屋で期間限定のバイトをしていました。年に三回くらい、その古本屋さんが急がしい時に行くという感じです。ここでのバイトは古本屋やそのジャンルのちょっとした知識がつくというのもあってけっこう楽しいものでした。あと帰りにゲーセンに寄ってシューティングをしたり、倒産する前のマルゲ屋に寄ったり、書泉ブックマートでいろいろなマンガを買って帰ったのもいい思い出。 さて、そこでは力仕事が主だったのですが、その時に教えてもらい、今でも使っている非常に便利なライフハックを書いてみます（当時ライフハックなんて言葉どころか、インターネットでさえもほとんどありませんでしたが）。ちょうど引っ越しシーズンで本やら雑誌をまとめる人も多いでしょうから、ちょうどよいでしょう。 手軽に雑誌を縛る方法 １、準備 ２、縦に巻き付ける ３、90度ずらす ４、横に巻き付ける 縛った雑誌の束から取り出して、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-594.html
同一色相配色のWebデザイン50 – creamu
使用しているWordPressをさらに便利にする7つの方法 | コリス