エンジニアの勉強法について
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。 サービス統括部に所属しております、堀 邦明と申します。 普段はYahoo! JAPANトップページのフロントエンドエンジニアとして、JavaScriptやPHP,Perlといった言語を利用して開発しています。 この度、デベロッパーズサミット2009というイベントにおいてエンジニアの勉強法というテーマでJavaScriptの勉強法についてお話をさせていただきました。 今回は、そのときのお話について発表しきれなかった部分も含めてご紹介できればと思います。 勉強の分類 勉強には大きく分類して2つのステップがあると思います。 1. 情報収集 1つは情報収集です。 技術書やウェブサイト、ブログを読んだり、勉強会やセミナーに参加
Free Photoshop Brushes, Photoshop Patterns and Textures | Fbrushes
This brush set is created inspired by one of the most popular games of all time - Le…
Progressive Enhancementの実践と普及にむけて | Web標準Blog | ミツエーリンクス
前回は実装におけるGraceful DegradationとProgressice Enhancementの違いについて説明しました。もうひとつ、Progressive Enhancementな例をお見せして、このシリーズを終わらせたいと思います。 Flashの埋め込みもProgressive Enhancementなやり方で Flashの埋め込みについても、JavaScriptを用いた方法が盛んに行われているように思います。しかし、このやり方ではスクリプトが無効な環境でFlashが表示されません。また代替内容があったとしても「Flashプレーヤーが必要です」というメッセージがでるものが多く、適切な使われ方がされていないように思います。 動きを与えるムービーや動画など、代替となるコンテンツがそもそも存在し得ないものであれば仕方が無いかもしれません。しかし、サイトのナビゲーションがFlash
HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kなんとかの日記
デザイナーとプログラマーの間に優劣なんかない。あるのは役割の違いだけ。なのになんでHTMLコーダーとかデザイナーとかをバカにするプログラマーが多いのかサッパリわからない。 HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね。 web業界にも様々な職種があり、最近では分業化も進んでるみたいだが、 だからって「自分はHTMLコーダーですから、プログラミングには興味ありません」は通用しない。 HTMLコーダーやデザイナーも、プログラミングは勿論サーバーやネットワークの知識を持つべき。 まぁデザイナーは別業界でもある程度潰しがきくかもしれない。 プログラミング知らないHTMLコーダーがダメな理由 なんでやねん。なんのために仕事が分かれていると思ってんねん。デザイナーがサーバやネットワークを知らないといけないような状況って、プログラマーがクソなだけだろ。 そんないうんや
どこが優れているのかiWork '09とiLife '09--ビジネスで使うMacレビュー
ECS ITソリューション事業部 取締役 部長 藤川佳。金融機関向け大規模システム開発を得意とするECSで5年にわたり開発に携わる。今年7月から小、中規模企業向けへのコンサルティングを担当 今回は、つい先日公開されたiWork '09とiLife '09の使用レポートをお送りします。MS Officeとの互換性や機能の違いはどのぐらいあるのでしょうか。また、仕事で使う上で優れた点とは？ iWorkを使ってみる iWorkとはApple版Officeといった感じのソフトで、下記の3つのソフトを含んだものです。各ソフトともにMS Officeへの出力、Officeからの入力機能があり、「抜群の互換性」と公式サイトにも記載されています。 Pages……文書作成（OfficeでいうWordに相当） Numbers……表計算（OfficeでいうExcelに相当） Keynote……プレゼンテーション
超便利！ ビジネスに役立つ無料ツール：初心者でも手軽にガントチャートが作成できる「Ganna」
● こんなところが便利！ 表計算ソフトを使わなくても、タスクを登録していくだけであらかじめ休日が設定されたガントチャートを簡単に作成できる。リソースは2種類登録でき、タスクの親子関係も作成可能。NoはWBS番号にも対応する。作成したガントチャートは印刷はもちろんのこと、画像として出力することも可能。 ● 初心者でも手軽にガントチャートが作成できる ガントチャートを作成するとき、“手っ取り早く”表計算ソフトを用いることはよくあると思う。しかし一番大事なプロジェクト管理にたどり着くまでに、ガントチャートそのもののデザイン作りや見た目の調整に時間を取られる上、データ作成がすべて手動なため、修正にも手間がかかり、結局無駄な部分に時間を割いてしまいがちになる。特に操作し慣れないソフトの場合や、ガントチャートそのものを作り慣れない場合は大変だ。 そんなガントチャート作りにお悩みの方に便利なのが、今回ご
jQuery in 15 minutes
This document provides an overview of jQuery, a JavaScript library for DOM manipulation. It discusses jQuery's CSS selector syntax, methods for manipulating DOM elements and collections, event handling, AJAX support through methods like load() and get(), and how jQuery is extensible through plugins. The document also provides examples of DOM traversal, value retrieval, event binding, and chaining
Welcome to Safari 4 - Apple Inc.
Apple Footer 1. Trade-in values will vary based on the condition, year, and configuration of your eligible trade-in device. Not all devices are eligible for credit. You must be at least 18 years old to be eligible to trade in for credit or for an Apple Gift Card. Trade-in value may be applied toward qualifying new device purchase, or added to an Apple Gift Card. Actual value awarded is based on re
アップル - Safariの新機能 - MacとWindows PCのためのブラウザ、Safari 4 Betaの新機能をご覧ください。
Cover Flow Safariに新しく加わったCover Flowが、ウェブサイトの履歴とブックマークしたサイトをビジュアルに美しくまとめてくれます。最後にウェブサイトを見た時とまったく同じ状態で、フルページのプレビューが表示されます。 一目見れば、もう一度チェックしたいサイトがわかります。iTunesのアルバムアートと同じように、Cover Flowでウェブサイトのプレビューをぱらぱらとめくるように表示しましょう。双方向の矢印をクリックするだけで、戻るのも進むのも自由自在。スライダを使って、たくさんのサイトをすばやく切り替えることもできます。お目当てのサイトが見つかったら、ワンクリックで開きましょう。 Full History Search Full History SearchとビジュアルなCover Flowの組み合わせで、探しているものが何でも見つかります。Safariには、過
PSD navigation menu | PSDgraphics
PSD navigation menu 10 unique website navigation menus with a rounded corners, for your web project. Used glossy style. All menus are editable, you can easily update color, change the size, remove text and export it in a necessary file format. Rollover states are in their own layers. Full preview Resolution: 962×46 px Size: 651 KB Format: Photoshop PSD Color theme: black, grey, blue, green, red, o
[JS]ソートだけでなく、検索も可能な多機能なデータテーブルを実装するスクリプト
セルのハイライト表示、データのソート、特定文字列の検索などに対応したデータテーブルを実装するスクリプトを紹介します。
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
Wireframes Magazine
I started a GoodUI YouTube Channel which includes a BetterUI video series. The idea for BetterUI is to review popular sites from the perspective of increasing conversions using some of the goodui.org ideas. As one example of a BetterUI video, here are 10 ideas for Uber.com’s Driver Signup screens. Additional videos will get added gradually over time. For each video I also try to express my level o
ポール・グレアムのスタートアップ13か条 - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
Moveble TypeをCMSとして使うためのポイント7か条 - Feel Like A Fallinstar
備忘録というか個人的な情報整理をかねて。 WordpressがBlogなら、Movable TypeはCMS、そんな住み分けが最近自分の中でできつつあります。 （と、いいつつこのブログはMTですが・・・） と、言うわけでMoveble TypeをCMSとして使うためのポイント7か条です。 1. 必ずバージョンは4.X以降に MT4で追加されたカスタムフィールド機能は、CMSとしてMTを利用する上で大変便利です。 3.Xの方が軽いからと利用している方も、バージョンアップがおすすめ。 通常のエントリーにこんな感じで項目を足して、テンプレートの好きな部分に出力できます。 ページの生成が非常に楽になりますし、自分以外の人に編集を任せる際にも有効。 逆に、ブログとして利用する場合、MT4である理由はあまりないかなと。 ＜参考＞カスタムフィールドを使用する 2.プラグインで、カテゴリの順序を正しく並べ
商用可能なフリーベクターデータ&フォトショップブラシを集めた「40+ Free Vector Graphics and Photoshop Brushes For Commercial Use」
商用可能なフリーベクターデータ&フォトショップブラシを集めた「40+ Free Vector Graphics and Photoshop Brushes For Commercial Use」 今まで様々なベクターデータを紹介してきましたが、今回紹介するのは「Qbrushes/QVectors」からCreative Commons Licenseで配布されているベクターデータ、photoshopブラシの中から商用可能な素材を集めたベクターデータ集「40+ Free Vector Graphics and Photoshop Brushes For Commercial Use」を紹介したいと思います。 Colorful グラフィックなどのアーティステックなものからアイコンなどの実用的なものまで残部で40以上のベクターデータが紹介されています。今日はそのなかから気になったベクターデータをい
自分のプロパティの書き順とか
サポートサイトのオープンのエントリーからまったく書いてないという現実。 いつまで新年の挨拶をしているのか。。。ブログ読んでます！って話を聞くと心が痛い今日この頃。 そして、PC漁ってたらとても懐かしいモノが出てきたので、記念上げ！ これは2006年頃に運営してた個人サイトなんで、デジパ入る前くらいのです。 CSSも覚え始めな感じが、infoの文言から伝わってきますね～。 IE7で崩れまくってるとか、もう笑うしかない（笑） ちなみに、デザインやイラストもボクですから！ こんなデザインだから鷹野さんに女性っぽい言われるんですね・・・ 何気に、このデザイン昔のエントリーでグローバルナビをサンプルに使ってたり。 さて、前置きはこのくらいで、主題に。 Twitterでブログのネタが無いってぼやいてたら、RedLine Magazineの中の人がプロパティ（宣言）の書く順番が気になるからそれネタにして
Design Resource | 15 Sites to download Free PSD files - DzineBlog.com
A Couple of weeks ago i published 30+ Free Quality PSD Files to Download, this time I’ve collected 15 sites where you can download Photoshop Design Files for free, as you know at sometimes these collection will become marvelous time saver, Mostly for the Photoshop Beginners free psd file helps a lot in learning process 1.) Photoshop Files 2) Official PSD’s 3.) PS galaxy 4.) Designbum 5.) Free PSD
CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 | 100SHIKI
CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。 しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。 使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。 次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色
SelectorGadget: point and click CSS selectors
SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then g
I.EでJavaScriptでSELECTタブのOPTIONを作ろうとしたらはまる - tohokuaikiのチラシの裏
なんか、 opt = new Option("option label", "value"); したら、option labelがうまく入らないんでやんの。Firefoxは問題なし。 しょうがないから、 opt = new Option(); opt.innerHTML = "option label"; ってしたらうまくいった。 今までは問題なかったのに・・・・。 謎である。
I.E.はSSL領域でダウンロードするときに注意 - tohokuaikiのチラシの裏
PHPでファイルのダウンローダを作ってて、ローカルではO.K。Safari/FF/Operaもそれぞれに場合分けしてHeaderを作って・・・・本番環境で動かない・・・・。ダウンロードができない。変なアラート開く。 しかも、I.Eだけ。これ、Safariだけとかなら無視しようかなと思ったんだけど。 小一時間ほど悩んで、とりあえず検索。わからん。。。wgetでHTTPheaderを見比べてみる・・・・。おなじや。。。 ん・・・・・とりあえず、I.Eのアラートするエラーメッセージで検索。 google:このインターネットのサイトを開くことができませんでした。要求されたサイトが使用できないか わからん。 環境の違い・・・・・・・あ、SSL？ google:このインターネットのサイトを開くことができませんでした。要求されたサイトが使用できないか SSL あったー。 Internet Explore
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
银川咨韵文化传播有限公司
プロフェッショナル向けのカラースキームツール -ColorSchemer Studio 2
2NT -無料ブログ 無料ホームページ 等-
http://pen-web.jp/01award/
The Gift of Giving Advent Calendar - Market Blog
https://www.spoonfeddesign.com/usability-analysis-of-applecom-why-is-it-so-good
fam.cx
Ajaxline.com is for sale | HugeDomains
http://amino-marathon.jp/tokyo2009/sp/index.php?module=sp&action=UserLogin
http://www.divitodesign.com/2009/02/building-html-css-sites-use-a-template/
CSS Code Readability Tips | Graphic Rating