Get personalized job listings and practice interview questions
![Learn to Code - for Free | Codecademy](https://cdn-ak-scissors.b.st-hatena.com/image/square/1de58e1795580875398a72958edaa6b2ef1167a5/height=288;version=1;width=512/https%3A%2F%2Fimages.codecademy.com%2Fsocial%2Flogo-codecademy-social.png)
[読了時間:3分] 学生諸君はもちろん社会人にも訪れる夏休み。せっかくの遊休時間なので、プログラミングに挑戦してみてはいかがだろうか。「エンジニアじゃないから」といわず、無限の可能性があるこの世界を体験することで、日々何気なく使用しているアプリケーションやネットの本質を垣間見ることもできるかもしれないのだ。もちろんつき詰めれば高度な技術が必要だが、図画工作的な感覚でもちょっとした作品なら数時間で動くものが作れるのがプログラミングのいいところ。しかも、最近は無料で公開された学習環境が整っているので誰でも直ぐに初めることができるのだ。 冒頭の画像は、ユビキタスエンターテインメント(UEI)とD2コミュニケーションズが主催するゲームコンテスト「9leap」のサイトの画面。ここで使用されているenchant.jsというJavaScriptのライブラリ(JavaScriptプログラミングを助ける補助
BrowserIDはWebサービスにおける認証を統合するシステム。 BrowserIDはnode.js/JavaScript製のオープンソース・ソフトウェア。今やWebサービスは無数に存在し、その中にはユーザ登録を求めるものがたくさんある。都度個人情報を登録したり、パスワードを設定するのは煩わしく、そのためにユーザ登録を断念するというケースも少なくない。 BrowserIDの画面 そんな中、認証情報を他のサイトに委譲するOpenIDが登場した。今はTwitterのようにOAuthを使って認証を行う場合もある。そんな中Mozillaが考えだしたのがBrowserIDだ。 BrowserIDはOpenIDの仲間のような仕組みだ。BrowserIDにユーザ登録(というかメールアドレス登録)を委譲できる。使うサイトはJavaScriptファイルを読み込むだけで良い。それだけでログイン状態が把握でき
Node.jsとは何か、開発者ライアン・ダール氏が語る(後編)~ 複数コネクションの並列処理とデバッグ いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール(Ryan Dahl)氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 (本記事は「Node.jsとは何か、開発者ライアン・ダール氏が語る(前編)~ノンブロッキングとは
移転しました http://please-sleep.cou929.nu/20110721.html
Nicola Fioravanti (b. 1985) started his photography at 23. He has been featured in internationally distinguished publications including The New York Times, The Guardian, Repubblica, El País, Die Zeit, Die Welt, Marie Claire, Grazia, Elle and PhotoVogue. His images have been used by Alibaba, Canon, City of London, Etihad, European Union, Oxford University, Pantone among others. His work has been ex
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Javascriptでコピーサイト対策?Googleで検索したのですが検索したキーワードが含まれてないようなのでキャッシュで該当ページを見ようとしてらメッセージボックスがでて、「これはコピーされています。・・・」というメッセージがばばーんと出てきて、??となりました。 確かにオリジナルコンテンツと違うURLで表示されている警告なので、その通りなのですがどのように実現されてるのかちょっと調べてみました。 <script language="JavaScript"> <!-- //------------ //設定 //------------ var blogurl="http://ブログのトップURL"; var url001="http://webcache.googleusercontent.com/"; var msg="このコンテンツは "+ blogurl + "のサイトのもので
About jLinkPreview is a plug-in for jQuery Library which simply allows you to see link's preview image before you visit them by just hovering on it. Link Preview will appear by your cursor when you hover. Documentation Mechanics Plug-in detects the <a> tags in whole page with the given specifications and enables hover Link Preview property for them. Preview images are provided by wimg.ca Integrati
滑らかなスライドのアニメーション、繊細なドロップシャドウ、フェードで表示されるインフォボックスなど、美しいエフェクトを備えたアコーディオンのjQueryのプラグインを紹介します。 zAccordion - A Horizontal Accordion Plugin for jQuery 上記ページのスライドは、跳ね返るバウンスのアニメーションになっています。 [ad#ad-2] zAccordionのデモ デモでは、最小限の機能を備えたものから、最大限に拡張したもの、ちょっと面白いものまでが揃っています。 zAccordion — An Inverted Accordion スライドの重ね順を反転させたちょっと面白いデモ。 zAccordionの実装 HTML アコーディオンの各パネルはリスト要素で実装します。 <ul id="featured"> <li> <image src="/im
スマートフォンを含む最近のブラウザでは、戻るボタンで前のページに戻った際に、JavaScriptも含めて前回の最後の状態を復元します(Back Forward Cacheと呼ばれます)。これはとても便利なのですが、ページを作成する立場からすれば、余計なお世話であることもあります。 Back Forward Cacheの無効化はとても簡単に実現できます。ページの中にonunloadを書くだけです。 <!DOCTYPE html> <html><head><title>onunload test</title> <script> window.onunload = function() {}; window.onload = function() { var count = 0; var loop = function() { document.getElementById("num").in
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu(Web術?)を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
About this Entry Javascriptの開発手法について社内でプレゼンしました was posted on 5月 18th, 2011 at 1.23pm and is filed under Programming. This entry has no comments (yet). You can follow any responses through the RSS 2.0 Feed. Recent Post Javascriptの開発手法について社内でプレゼンしました Javascriptが難しくてわからないので誰か教えてください Nerineを作り直したい話 新宿にて配信の記録 機材購入 Category livestream non-category Programming thinking Meta ログイン 投稿の RSS コメントの RSS Wor
PhotoFloatはJavaScriptを活用したWebアルバム。パーマネントURL対応。 PhotoFloatはJavaScript/PHP製のオープンソース・ソフトウェア。写真で重要なのは見せ方だ。ただ撮りためていても面白くはない。それを誰かに見せたり、公開しなければいけない。そしてその見せ方にもこだわらなければならない。 一覧 写真を全てZipで圧縮してメールで送られても何も面白くはない。FlickrやPicasa、Facebookを使う手もあるが、自分の写真は手元にあるのが良いと考える人はPhotoFloatを使ってみよう。 PhotoFloatの特徴としては、最低限のPHPファイルを除けばほとんどはJavaScriptで実装されているということだ。写真の一覧、アルバム表示、写真の詳細などが全てJavaScriptで作られている。写真の詳細画面では同じアルバムにある写真がサムネイ
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス(に相当するオブジェクト)を作る オブジェクトからオブジェクトを作る(インスタンス化) 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く