まえがき 今回書く内容は、ある程度経験あるエンジニアでも、陥りがちなものに絞って書いてみたつもりですので、[重複コードは書かない]などの超あたりまえの事は書いていません。 2017/03/16 最近よく見られてそうなので1つ追記[そもそも継承するな!!!] そもそも継承するな!!! 継承するのは、どうしようもない場合のみにしてください。 その前に、strategyパターンや、compositeパターンなどの他のやり方を考慮してもなお、継承するのが妥当である場合のみにしてください。 基本的に継承しないほうが、スケーラブルだし、テストコードも容易にかけます。 継承はis-a関係 「あー、継承ね。はいはい」で飛ばしてんじゃねーよ。 いやマジで!!! ほぼ全てのエンジニアは[is-a]が何か知っています。 というのも全てのオブジェクト思考の書籍には出てくる概念だからです。 しかし、私の経験上この概

jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点ではGoogleChrome のみなので、GoogleChrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずにGoogleChrome で
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か

TweetPocket英語には、in や out などの前置詞が非常に沢山ありますよね。私は、この前置詞が非常に苦手で、中学や高校のテストの時に、いつも間違えていたことを覚えています。 動詞を使う時でも例えば、take out やtake off など後ろに、どんな前置詞が付くかによって意味が全然違ってしまい、いつまでたっても自信が持てませんでした。 あなたにもそんな経験はありませんでしたか?または、今まさに前置詞に悩まされていませんか?今日は、そのために英語の前置詞完全攻略トレーニングを用意しました。今日で、英語の前置詞の悩みを全て解決してしまいましょう! 1.前置詞トレーニング方法それでは、早速トレーニングの説明をしますね。今日は、下記の23個の前置詞を完璧に覚えるための音声を用意しています。 out / up / for / on / down / about / of / in

jekyll(ジキル)は、テンプレートを使って静的な Web サイトを構築するためのRuby プログラム。 通常はローカルに jekyll をインストールするが、GitHub Pages では必ずしも必要ないという話。 通常の手順 こちら に基本的な手順の説明。 ローカルなRuby 環境に jekyll をインストール する jekyll に必要な テンプレートファイル群 を構成し、_config.yml や テンプレートファイル を設定するYAML で記述した先頭ブロックの レイアウトとタイトル に続けて、HTML、Markdown、textile のいずれかの記法を使って記事を書く jekyll でHTML ページを生成し(jekyll --server --auto)、ローカルで確認(http://0.0.0.0:4000/)、デプロイ(_site に生成されたページ群を
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latesttechnologies is crucial.HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. Withits advanced features and enhanced capabilities,HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

IDEの発展やAjaxなど現在のデベロッパにとってGUIとうまくお付き合いすることは開発効率を上げるうえで必須といえる。しかしながら、シェルというCUI環境も根強い人気がある。GUIと違ったカスタマイズ、アジリティ、効率の良さ、幅広い対応プラットフォームなど、なくてはならないものだ。本連載ではそうしたCUI環境の充実を補佐することを目的とし、"zsh"について語ってみようとおもう。かつてzshはUTF-8の扱いが弱いところがあったが、それもずいぶんと改善され、ここ1年でzshへ移行しやすい状況が整ってきている。はじめるには悪くないタイミングだ。 最初に軽くzshについて紹介しておこう。 名前につく"z"の文字は、「究極の」という意味がこめられているらしい。系統としてはsh系である。つまり、zshはsh系の超高機能シェルといえるだろう。Linuxなどのユーザーであればsh系であることの意味
<< 2010/10/ 1 2 3 4 1. mixi アプリ版 ToriSat をリリースしました! 5 6 7 8 9 10 11 12 13 14 15 1. Facebook アプリ "SightSpaceStation" 公開 16 1. Facebook アプリ作ろうぜ (その1 準備編) 2. Facebook アプリ作ろうぜ (その2 はじめての GraphAPI 編) 3. Facebook アプリ作ろうぜ (その3 パーミッションについて語るよ) 17 1. Facebook アプリ作ろうぜ (その4 Wall に投稿してみる) 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> ■ [Facebook]Facebook アプリ作ろうぜ (その4 Wall に投稿してみる)前回はパーミッションの設定と確認という非常に地
現在73エントリー。新たな基礎文法最速マスター記事を見つけ次第随時追加していきます。 リンク切れしているものはURLを記載しておくので、InternetArchive WaybackMachineなどで過去の履歴を閲覧してみてください。 基礎文法最速マスター ActionScript 3.0(http://blog.livedoor.jp/takaaki_bb/archives/51374100.html) awk(http://gauc.no-ip.org/awk-users-jp/blis.cgi/awk_fastest) Bash Brainf*ck(http://d.hatena.ne.jp/shunsuk/20100130/1264842323) Bシェルスクリプト(http://chaichan.web.infoseek.co.jp/src/BSH.htm)C++0x C

より高いハードルを自分に課し、より大きな成果を達成すべく、日々努力することは、自身の成長にとって大切なことですね。しかし、ときに「完璧」にこだわりすぎることは、視野を狭め、効率性を損なうなど、せっかくの志がアダとなってしまうことも...。こちらでは、「完璧」という名のトラップに陥らないための心がけについて、採りあげてみたいと思います。 生産性向上をテーマとする、お馴染みのブログメディア「StepcaseLifehack」では、気づかない間に陥りがちな「完璧主義」の落とし穴について、以下のように指摘しています。 効率性が落ちる 「完璧」にこだわると、必要以上にタスクに時間をかけてしまうため、効率性が低下する。 効果的でなくなる 必要かどうかを検証しないまま、アレコレと手を加えてしまう「自己満足」に陥り、かえって効果的なものでなくなるおそれがある。 タスク完了が先延ばしになる すべてを完璧に

はじめまして!技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します! 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか? 「Google V8JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ><」というヒトでも安心して始められるのでは
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイドJavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイドJavaScriptスクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ

Captchasecurity check ryoanna.com is for sale Please prove you're not a robot View Price Processing

CSS Backgrounds Module Level 4 Editor’s Draft, 5 September 2025 More details about this document This version: https://drafts.csswg.org/css-backgrounds-4/ Issue Tracking:CSSWG Issues Repository Inline In Spec Editors: Bert Bos (W3C) Elika J. Etemad / fantasai (Apple) Lea Verou (Invited Expert) Sebastian Zartner (Invited Expert) Suggest an Edit for this Spec:GitHub Editor Not Ready For Implementa
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く