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;
ユーザの声を聞くための施策がA/Bテストです。複数のパターンを用意して一番反応の良いものを採用していくための手法になります。今回はA/Bテストを行うためのサービスをまとめて紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> アプリをどんどん良くするために。A/Bテストサービスを一気に紹介! アプリはリリースした直後から爆発的にヒットしたり、ユーザが使い続けてくれる訳ではありません。通常は実際に利用してくれたユーザの声を聞き、更新して反応を見てさらにバージョンアップを重ねていくと言った地道な活動が重要になります。 そのユーザの声を聞くための施策がA/Bテストです。複数のパターンを用意して一番反応の良いものを採用していくための手法になります。今回はA/Bテストを行うためのサービスをまとめて紹介します。 Optimizely iOS向けのA/Bテストが行えます。画像やテキストを
Docker、IBM、Microsoft、RedHatがGoogleのコンテナ管理フレームワークKubernetesにこぞって開発参加する理由GoogleAppEngineDockergooglecomputeenginekubernetesgooglecloud Kubernetes is 何 先週末、Docker、IBM、Microsoft、RedHatがGoogleのコンテナ管理フレームワークKubernetesに開発参加を表明して話題になったが、この連携がどんな意味を持つのかすぐにピンときた方はどの程度いるだろうか。その前に、Kubernetesって何? Dockerとどう関係するの? 読み方すら分からないんだけど……って反応が多いと思う。 Googleのソフトウェアエンジニアで、Kubernetesの開発者であるBrendan BurnsによるGoogle I/O 2014のセッ
グーグルが国内企業および教育機関向けに「Chromebook」を発表。画像のChromebookは試作機のため、このまま販売されるかどうかは分からないとのこと グーグルは7月14日、国内企業および教育機関向けに、Chrome OSを搭載したノートPC「Chromebook」およびChrome管理コンソールの提供を開始すると発表した。 同社独自のChrome OSは、オープンソースで開発されたオペレーティングシステム。ウェブアプリケーションをブラウザー上で実行することに特化しており、ChromebookはこのOSを搭載することで低コスト化や高速化を実現した。1台200~300ドル程度という低価格で、2011年から各国で提供されており、日本でも発売が待たれていた。 提供メーカーは日本エイサー、ASUS、デル、日本ヒューレット・パッカード、東芝の5社。データをクラウド上に保存し、ほとんどの操作を
リンク ライブドアニュース 連載が開始2日前に中止に&& マンガ家がブログで報告 「進撃の巨人」作者も「信じられない」とコメント - ライブドアニュース コアミックスのWebマンガサイト「ぜにょん」で決まっていた自身の初連載が開始2日前に中止になったと、マンガ家・やまもとありささんが7月1日のブログで書いている。原因は、連載予定だった作品が有害図書指定に当 森瀬 繚@翻訳クラファン開催中(固定ポスト参照) @Molice 連載開始直前中止の件、本当にヒドいと思う。その上で。「下請け法違反では?」との声もあがっていたようですけれど、版元は基本、「著作物を預かって出版する」だけのところで(だから「印税」が発生するわけです)、そこに下請け関係は発生していないのですよね。「預かって」がポイント。 2014-07-13 13:41:05 森瀬 繚@翻訳クラファン開催中(固定ポスト参照) @Molic
私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか? asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです(AngularJSでも同様の操作が可能です)。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン(MVCの派生パターン)
アプリ名:みるCa(ver.1.9) 金額:無料(7月14日時点) カテゴリ:ツール 開発:jenny 使用端末:Nexus 5 おすすめ度:★★★★☆ 「みるCa(みるか)」は、電子マネーカードをかざすことで、利用履歴を読みとれるアプリだ。電子マネーと全国のさまざまな交通系ICカードに対応しており、NFCを使って利用履歴を画面に表示し、履歴をチェックしたり、交通費の精算などに役立てることができる。 使い方は簡単で、アプリを起動しカードの上にかざすだけ。入出金のデータが読みとられ、画面上に明細が表示される。対応するマネーカードは、楽天Edy、nanaco、WAONといった電子マネーに加えて、SuicaやPASMO、ICOCA、PiTaPa、TOICAをはじめとする全国のさまざまな交通系ICカード。このほかJAL MILEAGE BANKにも対応している。 このアプリの特徴はフォーマットの見
それほどDBに詳しくないアプリエンジニアが何かトラブった時にすぐさま行動して問題把握できるようになる情報を列挙しておきます。 開発時、障害時の対処療法やちょっとした定期監視方法などを対象にしています。 抜本的な対策などはインフラエンジニアさんにお任せしたほうがいいと思います。 DBはいろんな意味でこわいんでできれば触りたくないです>< 事前確認 MySQLサーバーのシステム設定値を確認しておく 以下のようにサーバーのシステム設定値を確認できます。 mysql> SHOW GLOBAL VARIABLES; # ワイルドカード(%)を用いた絞り込み mysql> SHOW GLOBAL VARIABLES LIKE 'performance_schema%'
Webデザイナーを対象に、Google Apps Script(以下、GAS)の基本的な使い方から実践的なWebサービスの開発方法までを解説する本連載。第6回に引き続きGoogleフォームとGASを使ったメールマガジン管理システムを作成します。メールマガジンのメール送信と登録解除機能を加え、システムを完成させましょう。応用例として、イベントの案内などのドキュメントをPDF化して送信するスクリプトも考えます。 メールマガジン送信メニューを作る 前回は、あらかじめ用意したテンプレートに沿って、メールマガジンの原稿となるドキュメントを自動生成するところまでを説明しました。次に、メールマガジンの送信機能を作ります。 メールマガジンをそのまま自動的に送信するシステムも作れますが、自動生成された内容を確認せずに送信するのは不安です。自動生成されたドキュメントを開いて確認し、細かな編集を加えて完成させて
JavaScriptの勉強を兼ねて、Webサービスの作り方まとめです。 簡単なTodoリストを作ります。 AngularJS+NodeJS(ExpressJS)+MongoDB Webサービスを作るには色々と手段はありますが、今回選んだのは上記の組み合わせ。 サーバからクライアントまで全部JavaScriptで書けるためです。 MongoDBのサイトでは、MEANスタックなどと呼ばれている模様です。 以下、meanstack-sampleと名付けて、動くようになるまでにやったことを順番に書いていきます。 Yomanの設定 NodeJSでのREST MongoDBのインストールとNodeJSとの接続 AngularJSとRESTの連携 NodeJSでのOAuth認証 まとめと参考 Yeomanの設定 別エントリ参照 NodeJS(+ExpressJS)でRESTもどきを作る まずはサーバ側が
数年前からインターネットのトレンドはソーシャルです。どんなWebサービスであっても人がいなければはじまりません。作る人、使う人、立場は違えどどちらもWebサービスを利用する大事な要素に他なりません。 そんな中で紹介したいのがhitobitoです。ドイツ製(恐らく。またはスイス)のユーザ管理システムです。 hitobitoの使い方 基本的にカジュアルなCRMと言ってもいいのかも知れません。こちらはユーザ詳細。 ユーザ一覧。ロール管理も備わっています。 イベント管理機能もあります。 イベント詳細です。 この他、メーリングリスト、ニュース配信システムも備わっています。リアルの場所が伴うイベントの管理、ファンとのつながりを管理するなどといった使い方が考えられます。リアルに重点を置くからこそ、オンラインでのコミュニティが盛んになる、そんな雰囲気を良く感じさせてくれるソフトウェアです。 hitobit
Ruby Advent Calendar 2013 2日目 るびぃあどぅべんどぅくぁれんだー2013、2日目の記事となります。昨日はすうぱぁももんがさんのあくろばてぃっくな今年こそRubyを始めたいあなたに!ももんが流・最強のRuby学習法です。 概要 三回ほど手を変え品を変えWeb APIをRubyで作ってきました。ここではそこから学んだ今の私の全力全開、最高のWeb API開発についてコード例を交えてお話したいと思います。ここで言うWeb APIとはスマホアプリから使用する、サーバに置いてあるAPIをイメージして頂ければと思います。 ここではユーザが写真をサーバに保存できるAPIを想定し、応答のフォーマットはJSONとします。 使うもの rails 4 Rails 3ではなくRails 4を使うのは趣味です。 grape APIを書く際に非常に楽になります。APIで使用するURLとHT
本日、LINEのアカウントがハックされ、最近はやりのLINE乗っ取りwebmoney買ってきてください詐欺に使われました。 LINEで繋がっている皆様にはご迷惑、ご心配をおかけいたしましたことをお詫び申し上げます・・・。 と、そんなわけで、幸いにも僕の周りは この件の流行りを知っている 無駄にリテラシーが高い お祭り好き といった、もはや輩と言っても過言ではない人々が揃っていたので、彼らから送られてきたスクリーンショットにツッコミを入れてみたいと思います。 一部の方々は僕に教えてくれる前に遊んでました。これだから・・・もう・・・。 というか、今までの被害の話を見ているより、むちゃくちゃ口悪いですね。最近の犯人。 30代会社経営男性の場合 とりあえず煽る。これだから僕の周りは輩ばかりだと思うのです。嫌いじゃないけど。笑 20代大学院生の場合 乗っ取りではないらしいです。 30代白塗り系V系ピ
冨山和彦(とやま・かずひこ)●経営共創基盤CEO。東大法学部卒、ボストンコンサルティンググループ入社後、コーポレイトディレクション設立に参画(後に社長)。産業再生機構ではCOOとして活躍した。オムロン社外取締役、ぴあ社外取締役、中日本高速道路社外監査役、みちのりホールディングス取締役のほか、経済同友会副代表幹事なども務める ――「産業の新陳代謝とベンチャーの加速」が、安倍政権の政策の目玉の1つにかかげられました。成果指標は「新規企業の開業率を現在の5%から10%台に倍増する」というもの。これは実現できるでしょうか。 よく開業率の議論だけをしますが、開業率が高くなるということは、廃業率の上昇とセットの話。どの国でも、どちらかだけが高いわけではない。開業率が低くて廃業率ばかり高かったら、それは滅びていくということ。普通に成長している国では、開業率も廃業率も日本より高い。要するに、日本は老化して
今週のお題「選んでよかったもの」 今週のお題、これは、アレだ。「いろいろなブログサービスがあるけど、私はこういう理由で『はてなブログ』を選んだよ!」ということを言わせるのが狙いでしょう。 ふ、これでも現代文は得意科目である僕氏。作者の考えを想像・把握・理解するのなら任せてもらおうか。そうかそうか、つまり君はそういう奴だったんだな*1。……え? 違う? そういうことじゃねえ!と僕の中のゴーストが囁いているので、別の話題にしよう。――そうだ、ここ最近に選んだ「選択」を挙げて、その「よかった」を書いてみることにしませう。これがわたしの、ぐっちょいす。 Kindle Paperwhiteを買ってよかった 購入したのは、完全に勢い。他の電子書籍リーダーではなく、Kindle Paperwhiteを選んだのは、ウェブ上での評判の良さと、Amazonの品揃えの豊富さ*2から。 もうお付き合いを始めて1年
勝手に「ブログータン」とか言ってますけど、これは「ブログを運営している人達がグータンヌーボ的な事をする会」の略です。それっぽい名前を付けてみました笑 反応によって改名していく予定です。 なお、参加メンバーは以下の6名。 鳥井くん 隠居系男子とMATCHAを運営する鳥井くん。 藤村さんサイボウズのオウンドメディアであるサイボウズ式の運営に携わっている藤村さん。個人でもfzm Blogを運営しています。 しもつくん ラジおこし編集長のしもつくん。なんと21歳! 佐藤さん現代ビジネスで編集者として働きつつ、メディアの輪郭も運営する佐藤さん。ご存知かと思いますが、佐藤さんのスゴさはこちらの記事でご確認を。 けいろーさんはてブが付きまくる人気ブログぐるりみち。を運営するけいろーさん。今回は、1989年前後生まれ世代のブログをまとめたいでまとめていただいた事をきっかけに、お声がけさせて頂いた次第です。
「森の図書室」公式サイトより。 「森の図書室」は、先月、渋谷にオープンしたばかりの、お酒が飲める、夜の図書室。クラウドファウンディングで資金を募り、パトロンの数で日本最高を記録したのだとか(当時)*1。 お酒が飲めて、軽食も出て、本も読める。「図書室」の名が示す通り、店内の本を借りることも可能。本好きの人からすれば、もう聞いただけでわくわくする要素が詰まってると思うんですが、どうでしょうか!(わくわく) というわけで、行ってきました。 道玄坂の若者溢れる道を登ると本の森であった 渋谷駅から、徒歩7分ほど。人通りの多い時間帯は、もう少しかかるかも。道玄坂を上がった先、交番を超えたあたりの右手のビル3Fに、「森の図書室」があります。本本本…… “本” が3つで “森” ……って、あれ?(混乱) これ、完全に“森さん”の家だー! エレベーターで3Fへ上がると、無機質なフロアに、マンションで見慣れ
joemottershaw/pro-bars GitHub フラットデザインがいい感じのプログレスバー実装jQueryプラグイン「pro-bars」 次のような角丸でフラットカラーが美しいプログレスバー実装用jQueryプラグイン モダンな感じでアニメーションさせられます 関連エントリ フラットデザインのプログレスバー実装jQueryプラグイン「NumberProgressBar」 モダンなプログレスバーを表示できるJSライブラリ「nanobar.js」 フォーム入力の進捗をプログレスバーで表示できる「Fort」 フラットな円形のプログレスバーを実装できるjQueryプラグイン「Circliful」
WebRTCという技術をご存知でしょうか。WebRTCとは「ブラウザ上でリアルタイムコミュニケーションを実現するためのAPI仕様」のことで、Flash等のプラグイン無しにカメラ映像や音声の共有、データの双方向通信を可能とする技術です。このWebRTCとスマートグラスを活用し、遠隔作業支援システムを作ってみましょう。 WebRTCとは WebRTCは "Web Real-Time Communication" から作られた言葉で、ビデオデバイス/オーディオデバイスから得たストリームデータのブラウザ間双方向リアルタイム通信や、テキストデータ・バイナリデータのブラウザ間双方向データ通信などを定めています。WebRTCはHTML5で新しく策定された規格で、WebRTCのAPIレベルでの標準化はW3C、プロトコルレベルでの標準化はIETFで進められています。 WebRTCのコア機能 WebRTCは規
Chromeで日本語入力を禁止したい ・IEやFFと同じようにChromeで日本語の入力を禁止したい ・ChromeはCSSのime-mode:disabledに対応していない ・「とにかくヤレ」と神の声を賜ったので、JavaScriptで頑張ってみる 2015/9/17編集 masa-kunikataさんアドバイスの正規表現方式に変更。 textareaで改行・タブもとおるようにしました。 jQuery(document).ready(function() { // ime-modeが使えるか var supportIMEMode = ('ime-mode' in document.body.style); // 非ASCII var noSbcRegex = /[^\x00-\x7E]+/g; // 1バイト文字専用フィールド jQuery('.sbc_field') .on('key
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました HTML5の目玉機能の一つと言えるWebSocket。使ってみたいとは思いつつもHTTPサーバとは別でサーバを立てるとなると若干の面倒さを感じてしまうのではないでしょうか。 そこで使ってみたいのがwebsocketdです。inetdくらいのカジュアルさで使えるWebSocketサーバです。 例えばこんな感じでファイルをcount.shというファイルを作成します。 #!/bin/bash for COUNT in $(seq 1 10); do echo $COUNT sleep 1 done 後はポートを指定して実行するだけです。 $ websocketd --port=8080 ./count.sh これでWebSocketサーバが立ち上がります。実際に使うHTMLファイルは次の
2014-07-14 新人エンジニア研修を主催して得たもの 最近、僕が受け持っていた今年度の新人研修が終わった。 3月くらいから準備して、4月のちょこっとと5,6月全部を費やした、僕にとっては長いプロジェクトだったといえる。 研修の詳細や彼らがそこから何を得たかは、近いうちにブログを書いてくれる(だろうと思う)ので割愛する。 僕自身、この研修の準備や運営を通して学んだ事や反省すべき事が沢山あったので、今後の自分のためにまとめておく。 スキル編 上述の通り、詳細は割愛する。 よくある話だが、分かっているつもりの事柄でも、他人に教えるつもりで考えると知らないことがたくさんあって、それを知れたのが良かった。 インフラのテスト駆動開発(ansible, serverspec) Perlのテスト駆動開発 webアプリのテスト ここ半年くらいで起きた障害と対応アクションの振り返り MySQLに
スタートアップ企業が実際に「UXデザイン」をどう事業戦略に組み込むかについて伺ったインタビュー記事です。数々のスタートアップのサービス立ち上げに携わってこられたBEENOSの山本郁也さんにお話を伺いました。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 UX(ユーザーエクスペリエンス)デザインとは、ある製品やサービスに関わった際の、ユーザーの総体的な体験をデザインすることをいいます。 UXという思考は90年代から徐々に広まり始めたそうです
3年8カ月ぶりのメジャーバージョンの新版となる「Red Hat Enteprise Linux 7」(RHEL 7)が米国では6月10日、国内では7月10日に発表された。リリースに際し、開発・提供元の米Red Hat社は、この新版が「エンタープライズOSを再定義したもの」(Redefining the Enterprise Operating System)とのメッセージを発信している。 RHEL 7もOSの中核としてLinuxカーネルを採用しているという点では、従来通りに「Linuxディストリビューション」であり、この点では連続性を維持している。しかし、誕生から20年を超えたLinuxの歴史において、「エンタープライズOSを再定義した」といえるほど大きな変更が、カーネルとユーザースペースに大別されるLinuxの処理のいずれにも加えられている。まずは、その“大きな変更”について説明する。
はじめに 第1部 ソフトウェア製品の開発に携わる人たち どんな製品も製品開発チームに属する人々から始まる。必要な役割をどう定義し、誰をそのチームに入れるのかが、製品の成否を分ける可能性が非常に高い。 このパートでは、現代のソフトウェア製品やインターネットサービスの開発チームの中で鍵となる役割、そしてそれらが果たすべき責務について説明する。 昔のやり方に縛られ、多くの製品開発チームは、この部分の努力が足りない。多くの組織にとって、ここで議論する役割と責務は、彼らが以前に実践していたものと大きく違う。 1.製品開発の鍵を握る担当者とその役割 2. プロダクトマネジメントとプロダクトマーケティング 3. プロダクトマネジメントとプロジェクトマネジメント 4. プロダクトマネジメントとデザイン (設計) 5. プロダクトマネジメントとエンジニアリング (実装) 6. プロダクトマネージャーの条件(
もうね。個人的にはサイコーに気に入ってるワケですよ。このDM・・・って、毎回気に入ってるけどね。(笑) ここのところ、毎日発信してましたよね↓ [ 好きな人と仕事をしたいし、嫌いな人とは仕事をしたくない。これ、真理です。] ボクの事を好きだって言ってくれる人とお仕事をしたい。 ボクの事を好きだって言ってくれるお客さまの為に全力で協力したい。 逆に言えば、ボクの事を嫌いな人とは仕事をしたくないってこと。 これ、真理ですよね。 うん。だからね。 STOP!ケイスケ ボクの事が嫌いな方のご来展はご遠慮させて頂いております。 いや。ホントに。 だからね。 こんな風にボクを思ってる人とか、匿名で批判したり、ツイートしたりする人は特にお断りです。 目立ちたがりのあなたしかできないと思うよ、こんなこと。 ↑ あ。このブログを見てこれ、ホントにあったツイートね。すかさずお気に入りしたし、コメントもしておき
ブレインストーミングでは、ひらめきの瞬間が訪れるまで、アイデアを洪水のように挙げることがよしとされています。でもそれは、ベストな方法とはいえません。それよりも、小さくてクリエイティブなステップに集中し、類推を用いてアイデアをつなぐことの方が効果的なのです。素晴らしいアイデアはどこからくるのだろう。もっとたくさんアイデアを生み出すには、どうしたらいいのだろう。 そんな疑問を持つあなたは、早起きや手書きなど、さまざまなハックを試してきたかもしれません。社員からの新しいアイデアを促すために、コンサルタントを採用したかもしれません。大きなものをもたらしてくれる、ひらめきの瞬間を求めて。でも、ある研究によれば、ひらめきを求める私たちの行動は、無駄になることがあるそうです。 大きな飛躍よりも小さな一歩を 最新の例は、ピッツバーグ大学のJoel Chan氏、Christian Schunn氏らによる論文
Inspiredという本があって、数年前からWeb上で翻訳が進んでいたのは知っていた。 しばらく忘れていて、先ほどたまたま確認したら既に2年前に翻訳が終わっていた。 http://inspiredjp.com/toc/ この本にはソフトウェア企業に務めている人であれば誰でも悩むようなことが書かれている。 プロダクトマネジメントとプロジェクトマネジメントの違い、プロダクトマネージャーの重要性と不在、特にプロダクトマーケティングの不在。アジャイル開発との関係。カスタム開発*1とパッケージソフトあるいはインターネットサービス開発の違い。アジャイル開発はもともとカスタム開発の問題解決のために考案されているためか、プロダクトマネジメントについての考慮が抜け落ちている件、などだ。 僕もまだ読んでいる最中なんだけど、この話題はとても興味があり、悩みも多い。 プロダクトマネジメントとプロジェクトマネジメン
「自動車の街」として繁栄した米ミシガン州デトロイト市が財政破綻(はたん)してから約1年がたった。中心部の空きビルにはベンチャー企業が集まり始め、少しずつだが、活気を取り戻しつつある。若い起業家たちの熱気が、地域の再生につながると期待されている。 「まさかデトロイトで事業ができるとは思っていなかった」。こう話すのは、新興企業「スティック」を共同で創業したネイサン・ラベンズ氏(30)とジェイ・ギーラック氏(30)。デトロイト市郊外で育った2人は高校卒業後、東海岸のハーバード大に進学。その後、「シリコンバレーで起業家になる」と目標を立て、2010年に西海岸地区で創業した。 スティックは、弁護士や歯科医、不動産業者などのサービスの満足度について利用者が採点する口コミサイトを運営する。創業から2年、事業拡大を考えていたところ、デトロイトのベンチャーキャピタル(VC)から「地元を拠点に活動するなら資金
@JUNP_Nです。iPhone 5以降の充電・同期に利用する充電ケーブルはどうしてもコネクタ部分が断線しやすい。そんな悩みを簡単に解決させる超簡単な方法のご紹介。 使うのはボールペンのバネ!これで充電ケーブルの断線は起こりにくくなる! 充電ケーブルを断線しにくくするために必要なものがあります。それは「ノック式ボールペンの中に入っているバネ」です。 関連:充電ケーブルが接触不良や断線している場合AppleStoreに持っていけば無償で交換してくれます! 使わなくなったボールペンから中に入っているバネを取り出してそれをLightningケーブルのコネクタ部分に巻きつけて保護することで、普通に使うよりも断線しにくくさせてしまおうというアイデア。 取り出したバネを断線が起きやすいコネクタ部分に巻きつけるとピッタリサイズ!つけている感じもかなり丈夫になった印象を受けるので、間違いなくそのまま使って
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ブラウザの高さいっぱいに表示した写真画像とベタ塗り背景のコンテンツを交互に配置した縦長ページをスクロールした際、写真画像の背景を固定表示させ、カーテンをあげるようなスクロールエフェクトを実装するスタイルシートのテクニックを紹介します。 スクリプト無しなのでスクロールのもっさり感がなく、非常にさくさく動作します。 Alternate Fixed & Scroll Backgrounds デモ 実装 ファイルのダウンロード デモ デモはChrome, Safari, Firefox, Operaなどのモダンブラウザ、IEは9+でご覧ください。 エフェクトにスクリプトを使用していないので、スクロールも快適です! 少しスクロールしたところ 写真画像の背景は固定表示で、コンテンツとベタ塗りだけがスクロールします。 実装 HTML HTMLはシンプルで、main要素をラッパーに、div要素で写真画像と
米大学のコンピューターサイエンス学部で上位にランキングされる39学部で、PythonがJavaを上回り、初級コースで教えるプログラミング言語トップになったそうだ(Communications of the ACMの記事、 ITworldの記事、 本家/.)。 Pythonは39学部中27学部のコンピューターサイエンス初級コース(CS0またはCS1)で教えられており、上位10学部では8学部で教えられている。Javaはこの10年ほど初級コースで教えるプログラミング言語のトップに君臨していたが、Pythonへの移行が進んでいるという。一方、高校の大学先修課程ではJavaが使われているとのこと。3位以下はMATLAB、C++、C、Scheme、Scratchが続く。ちなみに、上位39学部としたのは40位に8校が同点で並んでいたためだとしている。Pythonの比率は上位10学部で80%を占めているの
Java EE 7はどこが変わった? そしてJava EE 8はどう変わる?──Java EEエバンジェリストのレザ・ラーマンが語る アプリケーション・サーバ・ベンダー各社が対応を急ぐJava EE 7の主な変更点は何か、またJava EE 8はどのような方向性で仕様策定が進められているのか。Java EEエバンジェリストのレザ・ラーマン氏が解説する。 ご存じのとおり、Java EEの最新バージョンは2013年7月にリリースされた「Java EE 7」である。現在、アプリケーション・サーバ・ベンダー各社は、同バージョンに対応すべく製品開発を進めている。また、次期バージョンのJava EE 8は、アプリケーション・サーバ・ベンダー各社も加わり、2016年第3四半期のリリースを目指して仕様策定が進められている。それでは、Java EE 7ではどのような機能が追加され、またJava EE 8では
機械学習の問題 については以前に紹介したので、次はどんなデータを収集し、どんな機械学習アルゴリズムを使うことができるのかを見ていきましょう。本投稿では、現在よく使用されている代表的なアルゴリズムを紹介します。代表的なアルゴリズムを知ることで、どんな技法が使えるかという全体的なイメージもきっとつかめてくるはずですよ。 アルゴリズムには多くの種類があります。難しいのは、技法にも分類があり拡張性があるため、規範的なアルゴリズムを構成するものが何なのか判別するのが難しいということですね。ここでは、実際の現場でも目にする機会の多いアルゴリズムを例にとって、それらを検討して分類する2つの方法をご紹介したいと思います。 まず1つ目は、学習のスタイルによってアルゴリズムを分ける方法。そして2つ目は、形態や機能の類似性によって(例えば似た動物をまとめるように)分ける方法です。どちらのアプローチも非常に実用的
先月末から先週まで、この件でいろいろ対応していたので、経緯をまとめてみました。 まとめ Microsoftの一部のサイト(office.microsoft.com, azure.microsoft.comなど)で利用しているCDNが、一部のIPv6ネットワーク(OCN、さくらインターネットなど)からアクセスできない場合があった。 アクセスできないと言っても、ping6は通るし、80/tcpには接続できていて、HTTP GETを送って返事が返ってこないという奇妙な状態だった。 IPv6でアクセスできないCDNは、Azure CDNで提供されているCDNと同一のサーバーだった。 Azure CDNでコンテンツを公開したところ、やっぱり一部のIPv6ネットワークからアクセスできなかった。 たまたま、手元に未使用のサポートインシデントがあったので、Azure CDNの障害として問い合わせてみた。
通信教育大手「ベネッセコーポレーション」から顧客情報が大量に流出した問題で、顧客情報のデータベース(DB)を管理する下請け業者に貸与されたパソコン(PC)には、USBメモリーなどの記録媒体を接続すると作動しなくなる不正コピー防止機能がなかったことが13日、ベネッセ関係者への取材で分かった。顧客情報は下請け業者の派遣社員がこのPCから記録媒体にコピーして持ち出した疑いが強く、セキュリティー対策の不備を突いた犯行とみられる。 企業のセキュリティー対策では、機密性の高い情報を取り扱うPCにUSBメモリーなどの接続を禁じるだけでなく、接続すればPCを暗号化して使えなくするなどの物理的な方法が有効とされ、警視庁などの情報機関も導入している。 ベネッセ関係者によると、DBの保守・管理を担当するグループのIT関連会社「シンフォーム」が下請け業者にPCを貸与。アクセス権限があれば、記録媒体を接続しても
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 分散並列処理プログラミングフレームワーク「Apache Hadoop」を中心にしたイベント「Hadoop Conference Japan 2014」が7月8日に開催された。今回で5回目となる同イベントには、HadoopでSQLクエリや機械学習などを高速に処理するための並列処理エンジン「Apache Spark」の主要開発者であるPatrick Wendell氏、Hadoopの産みの親であり、現在はHadoopディストリビューションベンダーであるClouderaのチーフアーキテクトを務めているDoug Cutting氏が参加し、基調講演に登壇した。 最新版となる「Hadoop 2.0」は2013年10月にリリース。Hadoopはバッチ処
Dartを簡単に試してみる Try Dartlang or Dart Editor or Chrome Dev EditorJavaScriptChromeGoogleDart はじめに 「Dartって何?」 語弊を生じるかもしれませんが、Googleが開発しているJavascriptの代替言語です。 ただ、コンパイルしたらJavascriptになるとか、そんなちっぽけな話ではないです。 Dartはそのままフロントでもバックでも動く事を想定しています。 というか、きっとAndroid開発もdartでできるようにきっとなるはず... なってほしい、切実に... 最近の話だと、 GoogleのApp Engineがサポートしたり、詳しくはこちら ECMAscriptの標準規格になったり、詳しくはこちら 今年に入ってから勢いをつけています。 もうそろそろ実際にDartの実用例が出てくる事かなっと
とりあえずメモがてらに記述しておく。 対象読者 LLを使ったサーバサイドWebアプリケーションエンジニア tl;dr この記事に結論はない。思いを馳せたことを記述するのみである。 あと長いのでだらだらしたのを読みたくない方はブクマせず閉じるボタンをどうぞ。 ポエムなのでそういう苦手な方はブクマせず閉じるボタンをどうぞ。 ポジション 仕事ではPerlを使ったネイティブアプリケーションのサーバサイドAPIを書く。 趣味ではPerlを使ったWebアプリケーションやGolangを使ったライブラリやミドルウェア等々 Ruby on Railsは触ったことがない。 rapid developmentというコンテキスト 僕がWebアプリケーションフレームワークなるものを初めて触ったのはCakePHPで、それまではPHPでベタッと書いていたのを覚えている。Traditional PHPと言われる手法である
かつてSkyDriveと呼ばれていた頃は自動同期の仕組みがなかったり、操作感が悪かったりでほとんど使っていなかったのだけど、OneDriveにリニューアルされてからかなり使いやすくなったのでかなり重用している。 無料で使える容量もGoogleドライブに対向して今後15GBまで増設される予定で、追加容量の月額も100GBを799円から190円になるという。(2023年1月14日追記、現在はGoogleDrive15GB無料で100GB250円、OneDrive5GB無料、100GB225円) Dropboxは無料で使える容量が2GB、追加容量の月額が100GBで1200円。 Dropbox連携アプリという強みはあるものの、個人が複数デバイスでデータを同期する用途であれば、GoogleドライブやOneDrive、Copyの方がコストパフォーマンスは高い。 付け加えると、OneDriveはoff
ちょっと間が空いてしまいましたが、久々にメモを残しておきます。 Apacheが遅い/止まると言われてしまいまして 現在進めているプロジェクトで、やや大きめのサーバ構築をしてたんですが、ちょくちょく「レスポンスが遅い/Apacheが止まる」と言われてしまい、うーんなんでだろうと色々試行錯誤していたメモ書きです。 ちなみにDBはMySQL-Cluster、サーバサイドはPHPです。 (本当はPound側とかMySQL側にもいくばくかの問題があったのですが、主な問題はここだったのでほかは省略) MPMの話だった 原因に気づいたのはパフォーマンスチューニングの最中でした。Apache Benchでもそもそ検証してたんですが、 ab -n 10 -c 2 http://localhost/xxx という小さめな条件振りでもレスポンスに失敗するケースに陥りました。それなりのスペックを積んでるマシンなの
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』 『Logoshi』はユーザーが手書きで描いたスケッチから均整の取れた綺麗なロゴマークを自動製作してくれるサービス。 ユーザーが考えている抽象的なイメージを具象化して本格的なロゴを作成/提案してくれるというものです。 まずはカラーパレットから色を選んで適当にスケッチしていきましょう。 あくまでイメージを書き出すというだけの作業であって、うまく書く必要はあまりありません。 また、ロゴに組み合わせる社名やサービス名などの名称も指定しておきます。 [Build Logos]をクリックしてしばらくするといくつかのロゴとフォントフェイスが作成されていきます。 気に入ったものをチョイスすると実際にどのような見た目になるのか、選んだロゴとフォントを使って合成写真を作成してくれます。 [Download low resolutio
. ├── gulpfile.js ├── package.json ├── .jshintrc └── src ├── images │ └── picture.jpg ├── index.html ├── page.html ├── scripts │ ├── lib │ │ └── jquery.js │ └── main.js └── styles ├── main.scss └── sub.scss var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var browserSync = require('browser-sync'); var rimraf = require('rimraf'); var runSequence = require('run-sequence'
横田です。Dockerが盛り上がっておりますが、Dockerの盛り上がりと同時に「Dockerを利用してPaaSを構築できるツール」や「DockerにUIを追加するツール」さらに「Dockerの利用を前提としたOS」など「Docker専用ツール」も登場してきています。 今回は、そのような「Docker専用ツール」を色々とご紹介したいと思います。 《PaaS》Docker上にPaaSを構築するツールがいくつか登場してきています。かつては「Dokku」が人気でしたが、最近では「Flynn」と「Deis」というツールに人気が集まっているようです。 日本だとWeb上のドキュメントが少ないですが、先日の「Docker meetup tokyo #3」で発表されたtaichi nakashimaさんの記事が「flynn」関連のドキュメントを多く公開してくださっているので「Flynn」の方がやりやすいか
これは扇風機です。 大きさはこのくらい。 USB電源、または乾電池で動きます。 後ろはこんな感じ。 土台の部分は曲げられるのでスリムになります。 本棚にしまえます。
セキュリティ更新が受けられなくなる前に、Windows 8.1 Updateを!:山市良のうぃんどうず日記(緊急特別編) Windows 8.1およびWindows Server 2012 R2を導入している企業は、1カ月以内にWindows 8.1 UpdateおよびWindows Server 2012 R2 Updateへの更新を完了してください。8月以降のセキュリティ更新を受けることができなくなります。 連載目次 セキュリティ更新プログラムの提供終了に注意 Windows UpdateおよびMicrosoft Updateの2014年7月の定例更新では、Windows向けの深刻度「緊急」が2件、「重要」が3件、「警告」が1件の6つのセキュリティ更新プログラムと、WindowsやMicrosoft Office向けの複数の重要な更新プログラムが配信されました。Windows向けのセキ
SEOを意識しすぎたtitleタグの修正によって、順位が上がるどころか、本来ビジネスにつながっていた検索からのアクセスを減らしてしまったという失敗談。 少しSEOの知識がある担当者にWeb担当者を交代したのだが、その後任が良かれと思って修正したタイトルが問題だったのだ。 その失敗の内容は、次のとおり。 前担当者 ―― パンフレットなどで「◯◯で検索」と訴求しているので、その「○○」の検索で1位に表示されるようにしていた。 新担当者 ―― 「○○で検索」の「○○」ではない、業界のビッグワードを先頭に置くタイトルに変更した。 新担当者が改善の意図で行った変更なのだろうが、おそらくこれが原因で、それまでアクセスを集めていたキーワードでの順位が下がってしまったのだろうとしている。 検索ユーザーが自社を見つけるために使うキーワードや検索ユーザーの目を引くコピーがtitleタグには重要なのは、確かだ。
米Appleは7月11日(現地時間)、6月のWWDCで発表した新プログラミング言語「Swift」の公式ブログを立ち上げた。このブログを通じて、同言語を構築したエンジニアが開発者向けに様々な情報を提供していくという。 Appleは開発者向けのフォーラムは運営しているが、開発者向け情報提供の窓口として公式ページ上にブログを開設したのはこれが初めてだ。 同社はiBooks Storeで、Swiftの電子版解説書を無料公開している。Swiftのチームは公式Twitterアカウントも持っており(Apple StoreのTwitterアカウントはあるが、Appleとしての公式アカウントはない)、Swift普及への意気込みがうかがわれる。 公式ブログへの最初の投稿で、開発環境「Xcode 6 beta」の無償提供も発表された。 従来Xcodeのプレリリース版を入手するには年額99ドル(日本では7800円
9歳のときカナダ政府にギフテッド(天才児)と認定され、14歳で同国の名門大学5校に合格した大川翔さん。希代の逸材を獲得しようと各大学が高額な奨学金を提示して繰り広げた“争奪戦”は、現地メディアでも話題となった。いったいどんな家庭や教育が彼を育んだのか。インタビューでは人一倍強い母国・日本への思いや将来の夢も聞くことができた。 ■普通の公立高に通った 翔さんは5歳のときに両親の仕事の関係でカナダへ。12歳で高校に飛び級進学し、今年6月に無事卒業した。9月からブリティッシュコロンビア大サイエンス学部に進学することが決まっている。 一時帰国中の7月9日、下村博文文科相を訪れ、約40分間にわたって対談した。カナダのギフテッド教育や飛び級制度などについて説明したという。 −−下村大臣からはどんな質問がありましたか 「通っていた高校が特別な学校だったのか聞かれましたが、全然特別じゃないんです
仕事に本当に必要なことというのは、案外シンプルなものです。今回は、仕事に関することについて、本当に覚えておくべき大事なことを一言でまとめてみました。 議論: すべての議論で勝とうとすると、すべての友だちを失うことになる。 ブレインストーミング: どんなに目的意識を持って取り組んでも、ほとんどのブレストは退屈なものだ。 ブランディング: ブランドは顧客の経験から生まれるもの。ブランディングでできることは商品にラベルを貼ることくらい。 ビジネス本: ほとんどのビジネス本は、言いたいことは10ページ分くらいで、残りの190ページはつなぎみたいなもの。その大半はケーススタディである。 キャリア: 自分が夢の仕事をするイメージを持っていなければ、たとえ夢があってもそれを実現できるチャンスは無いに等しい。 責任: どれだけ多くの責任を果たしたかではなく、責任を果たさなかったことがどれだけ少ないかで評価
7/4にDocker Meetup Tokyo #3を開催したので、その報告です。今回は日経さんに会場を提供していただいたのですが、非常に良い会場でありがとうございました! また動画配信にご協力いただいた@cojiさんもありがとうございました! (@peryaudoさんのDockerレイトレデモでのmobydockモデルより) 今回のmeetupは、6月上旬にDockerConが開催されDocker 1.0を始めとする様々なプロダクトが発表されたことを受け、この波を活かすために#3として開催しました。 冒頭に会場でDockerの利用状況を挙手で聞いてみたのですが、触っている人 7割、開発サーバーやテストサーバーで使っている人 3割、プロダクションで使っている人 4,5名(数台規模)という現状で、まだまだ本格的な展開はまだまだこれから、ということが分かりました。 ただ、コンテナ管理ツールへの
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧:multiply/screen/overlay/darken/lighten/color-dodge/color-burn/hard
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く