{: style=”width: 200px; vertical-align:middle;”} offsetTop：要素が始まる場所と上の要素の位置 offsetHeight：指定した要素の高さ document.body.scrollTop：windowのtopから、要素のtopまでの位置 window.innerHeight：ウィンドウの高さ getBoundingClientRect getBoundingClientRect(This is an experimental technology) $('div')[1].getBoundingClientRect() ClientRect {height: 1338, width: 320, left: 0, bottom: 1241, right: 320…} bottom: 1241 height: 1338 left: 0

こんにちは。長期出張でへとへとになってしまったたーせるです。おひさしぶりーふ。 6月3日の未明、Appleが「Swift」という新しいプログラミング言語を発表しました。 スローガンはObjective-C without C。ぼくはわくわくが止まりません。 さっそく Xcode 6 beta をダウンロードして、新生言語 Swift をいじってみました。 人生初 Swift です。 Hello World まずはお決まりの儀式*1から。 main.swift import Foundation println("Hello, World!") main()関数もセミコロンもいらないあたりがチャームポイントですな。 勢い優先で Xcode 6 をインストールしたものの、取り立てて作りたいものを思いつかなかったので（おい）、ちょいと言語に慣れるためにいくつかデザインパターンを実装してみました。

While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.

と私が勝手に思っているだけですが 早速それを紹介？ではなくメモります。 理由 誰かが、情報発信をしないとダメかなと思い、気づいたメモとして残します。 ちょっと変わり種を紹介したかった 将来的に流行ったりした時に少しうれしいからです。 JS 正確には、JavaScriptです そして、私はJSエンジニアではありませんが、初めてJSに触れたのは小学生の頃初めて買ってもらったWindows98のPCです。あの頃は意味もなく動いたりすることが面白くて仕方なかったのです。 今回は、そんな幼少の気持ちを奮い起こしたものを紹介します。 それでは紹介 順番は適当です。見た方が面白いと感じたものを使っていただければという感じです。そして、一介のエンジニアたる私の独断と偏見でメモしてるだけですので、あまり内容は気にしないでください。ああ、JSも知らない残念なやつだと罵ってくださっても構いません、実際そのとおり

「メンバーシップ」とは、チームに属するメンバーが自発的に各自の役割を果たしてチームを支えること。「チームワーク」とは、メンバーシップをもとにチームが機能するように全員で協力し合って行動すること。そして「リーダーシップ」とは、チーム内の特定のリーダーが目標達成のために最善の方向にチームを導くこと。 これらに対する「チームシップ」とは、「チーム内の地位や役割に関係なく、メンバー1人ひとりがお互いを理解しながら、チームとしての成果のために成長すること」。『今いる仲間で「最強のチーム」をつくる 自ら成長する組織に変わる「チームシップ」の高め方』（池本克之著、日本実業出版社）の著者がつくった言葉です。 なお、チームシップこそが「最強のチーム」をつくる大切な要素になると主張する著者は「組織学習経営コンサルタント」だそうですが、組織学習経営において重要なキーになるのが「TDC（Teamship Disc

こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/

初めまして、ProttのフロントエンドエンジニアのSyoです。よろしくお願いします！ 実は皆さんもう既にご存知と思いますが、Mac OS XにはAppleScriptというスクリプト言語があり、システムアプリケーションや一部のサードパーティ製アプリをコントロールすることができます。これより日常中繰り返し同じ操作する所はプログランミングで操作を自動化することができるので大変便利です。ただし、AppleScriptはそれ以外一切使う所がなくて、その為にわざとAppleScriptを勉強するのは非効率ではないでしょうか。 今秋リリースするOS X Yosemiteでは、AppleScriptに加えJavaScriptも利用可能になりました。ということでJavaScriptを少しでもわかる方は、JavaScriptで簡単にMacアプリケーションを操作することが出来るようになりました！ Hello

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

手書きにしろ、デジタル文字にしろ、美しい文字を見ると気持ちがよいものだ。印刷したときの仕上がりが気になる人、既存のフォントでは満足できていない人には、オリジナルのフォントが作成できる「Prototypo」がおすすめだ。 「Prototypo」は、オープンソースのオンラインフォントエディター。アプリをダウンロードする必要はなく、サイトにアクセスするだけでいつでも利用可能だ。このたび資金調達プラットフォームKickstarterで、目標額1万2千ポンドを大幅に上回り、3万4千ポンドの投資資金を集めた。例えユーザーにデザインの知識がなくても、このツールを使えばオリジナルのフォントが作成できる。 いろいろな字体から選択して、文字の縦、横の長さを調整したり、太さを変えたり、斜めにしたりできるだけでなく、1つ1つの文字にクローズアップして、文字の一部分の角度を微調整する……なんてことまでできてしまう。

レストランや美容室、ラーメン屋に史跡など、スポットを登録して自分だけのガイドマップを作ることができるiPhone向けのマップエディタアプリ「Kip」がリリースされました。リリースされたばかりで、個人的なリクエストがありつつも、今後が楽しみなアプリです。 「Kip」を使ってみた！ 「Kip」の初回起動時には使い方ガイドを見ることができます。スポットを登録することができます。 スポットに情報を書き込むことができます。 他のスポットを探すことができます。 ログインにはFacebookまたはメールアドレスを使用します。 アイコン画像や名前を登録すれば完了です。 最初の画面です。左上の「K」のアイコンがメニューになっています。 スポットを追加してみます。 「豚組 しゃぶ庵」を登録してみます。 登録はあっさり。タップすると‥‥ 店舗データは自動で追加されていました。 写真、タイトル、紹介テキストを追加

Java SE 8以降の開発ではfor文の利用頻度が減る。ラムダ式とStream APIが中心に Java EE 7から、サーバ・サイドにおいてもスレッド（並列処理）の実装が可能になりました。具体的には、「Concurrency Utilities for EE 7」により、スレッドをアプリケーション・サーバの管理下で動かせるようになっています。また、Java SE 8では、並列処理の実装を支援するクラスとしてCompletableFutureが追加されました。これらのAPIを組み合わせることにより並列処理の実装がどう楽になるのかを、次の例題で考えてみます。 この処理をJava SE環境で実装するとしたら、一般的には次のようになるでしょう。 手順（1）：固定長のスレッド・プールを持つExecutorServiceオブジェクトを生成する 手順（2）：ExecutorCompletionSer

どーも。今年の春頃からMySQLを学び始めた、するぷ（ @isloop ）です。 学び初めのころは、「たかだか文字列を記録するだけでなんてかったるいんだ。やっぱりCSV保存に逃げようかな。」と思っていました。が、最近になってようやく慣れてきたようで、「結構便利じゃんMySQL」と思えるようになってきました。 というわけで今日は、学び初めの頃に欲しかった「とりあえずこれだけ覚えたらなんとかなるMySQLのコマンドリスト」というものを作ってみました。 これからMySQLをイチから学びたいという人が参考になればこれ幸い。

dispatch_promise(^{ return md5(email); }).then(^(NSString *md5){ return [NSURLConnection GET:@"http://gravatar.com/%@", md5]; }).then(^(UIImage *gravatarImage){ self.imageView.image = gravatarImage; }); PFQuery *query = [PFQuery queryWithClassName:@"Student"]; [query orderByDescending:@"gpa"]; [[[[[self findAsync:query] continueWithSuccessBlock:^id(BFTask *task) { NSArray *students = task.result;

数年前に停滞を経験した米国のIT業界に活気が戻ってくるとともに、それを支えるソフトウェア技術者に再び注目が集まりつつある。 米ニュースサイト「US News」が今年1月に発表した「2014年の最も優れた職業トップ100」（The 100 Best Jobs）というランキングによれば、1位が「ソフトウェア開発者」（Software Developer）、2位が「コンピュータ・システム・アナリスト」（Computer Systems Analyst）と、IT関係だけでツートップを形成している。実際、収入的にも全米規模で上位グループに属し、リーマンショック以後の経済停滞期には最も早い時期に求人需要が復活し、失業率も低い水準で留まっている。 特にシリコンバレーのような求人の激戦区では、エンジニア引き留めのために報酬水準が年々ハイペースで引き上がっている。もちろん波はあるものの、いま米国で最も注目の

The Biden Administration opens $285 million funding for ‘digital twin’ chip research institute

日本マイクロソフトは7月17日、ついに「Surface Pro 3」日本版の国内販売を開始する。ITmedia PC USERでは、いち早く本田雅一氏による日本語版の詳細レビューを掲載済みだ。ここでは、Surface Pro 3の強化ポイントについて、実機を撮影した動画とともにお届けしよう。 角度を自由に変えられるキックスタンド タブレット本体側で大きく変わったのが、キックスタンドだ。Surface Pro 2で2段階（24度／40度）にチルト角度を調整できたが、Surface Pro 3では画面を立てた状態から150度まで柔軟な角度調整に対応する「マルチポジション」仕様となった。 キックスタンドを引き出して、画面側からグイッと押し込むと、無段階にほぼ画面を寝かせた状態まで倒せる。中途半端な角度でも手を離せばピタリと止まる精巧な作りだ。ただし、一度開いたスタンドは本体を持ち上げても元には戻

Android向け「Google検索」アプリがアップデートされ、日本語でも「OK Google」で音声検索が利用可能になった。Google検索アプリのバージョンが3.5で、Android 4.3以上の端末で利用できる。 Google検索アプリのサブメニューから「設定」を呼び出し、「音声」で「音声履歴」をオンにし、「『OK Google』の検出」から「Google検索アプリから」にチェックを入れればよい。 その後、Google検索アプリ／ウィジェットで検索窓をタップして「OK Google」と発音すると、音声検索が可能になる。日本語に対応したということで、「おーけーぐーぐる」という日本語的な発音でも呼び出せる。せっかくの新機能だが、検索窓の右端にあるマイクをタップしても音声検索ができるので、正直なところあまり利便性が上がったとは感じない。Nexus 5などにプリインストールされているGoog

はじめに 関数型プログラミングとオブジェクト指向の抜き差しならない関係について整理して考えるという記事がkenokabeさんという方が挙げていて、拙著の 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡について言及があったので、補考として挙げておく。 暗黙的状態と明示的状態 これまで、関数を「わかりやすくきれいに書く方法」とオブジェクト指向が「どのようにして生まれてきたか」について話してきた。 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 一見、それぞれ関係ないように思うかもしれないが、実は大きなテーマでつながっている。 『それは「状態」をどのように取り扱い単純化するか。』ということだ。そして、これがいわゆる関数型プログラミングとオブジェクト指