JavaScriptのオブジェクトの要素数を知りたい場合に、Objectのkeysメソッドを使って得られたキーの数を数えることが簡単そうです。 以下のようにします。var o = {}; console.log(Object.keys(o).length); // 0 o.a = 'a'; o.b = 'b'; console.log(o); // { a: 'a', b: 'b' } console.log(Object.keys(o).length); // 2
JavaScriptのオブジェクトの要素数を知りたい場合に、Objectのkeysメソッドを使って得られたキーの数を数えることが簡単そうです。 以下のようにします。var o = {}; console.log(Object.keys(o).length); // 0 o.a = 'a'; o.b = 'b'; console.log(o); // { a: 'a', b: 'b' } console.log(Object.keys(o).length); // 2
[Swift] Swiftのoptional valueの便利さ /「?」と「!」でより堅牢なコードへJavaObjective-CGroovyiOSSwift この記事ではSwiftのoptional valueの挙動と、利用することのメリット、具体的な利用シーンについてまとめてみました。 基本的な挙動について まず?と!の挙動についてまとめてみます。 実際にどのようなケース利用するかの使い分けや、使うことのメリットについては次の章で説明します。 挙動の説明を見て、わかりづらいなと思ったら、この章は流し読みして次章の「具体的な利用シーン」とこの章を交互にみるとわかりやすいかもしれません。 optional valueな変数の宣言 Swiftでは、ただ宣言しただけの変数にはnilを代入することができません。 例えば以下のようなコードは静的にエラーになります。
お疲れさまです、デザイナーのモモコです。 以前こちらの記事「入力フォームをユーザーフレンドリーにする便利なJSプラグイン」でもいくつか紹介させていただきましたが、今回また新たに制作された入力フォームが更に便利になるプラグインを5つほど紹介したいと思います。 flexselect http://rmm5t.github.io/jquery-flexselect/ セレクトボックスの各項目をフレキシブルに表示できるjQueryプラグイン。 選択だけでなく、フォームに文字を入力させることでソートも行えるようになっています。項目数が多い場合に有効活用できそうです。 Multi-Column-Dropdown http://djsmithme.github.io/Multi-Column-Select/ セレクトボックスのUIをボタンで選択する形式に変更し使いやすくするjQueryプラグイン。 一項
はてなブックマークのコメントだけじゃなくて、Twitterなんかでも同じことが言えるかもしれないがアホばっかだなって思った話。「ばっか」と言えるほどのコメント数はないが、少ないコメントの中がアホが多かった。他の記事のブックマークコメントを読む際にも何度もこの「アホさ」を感じたので記事にしておく。 事の発端は初めてはてなブックマークで取り沙汰された「UbuntuのSSDをより高速化させる」記事。 「へんな会社」のつくり方 (NT2X) 作者: 近藤淳也出版社/メーカー: 翔泳社発売日: 2006/02/13メディア: 単行本購入: 62人 クリック: 1,985回この商品を含むブログ (1102件) を見るアホの壁 (新潮新書) 作者: 筒井康隆出版社/メーカー: 新潮社発売日: 2010/02メディア: 新書購入: 5人 クリック: 183回この商品を含むブログ (81件) を見る まず、
ゲームには多くのジャンルがありますが、スマートフォンなどで人気なのはカジュアルなパズルゲームやアクションゲームではないでしょうか。人によってはもう少し時間をかけて遊べるRPGが好きという方も多いかと思います。 WebブラウザベースでRPGを作れれば、データをサーバに残していつでも続きができるようになります。そのベースとして参考になりそうなのがHTML5 Canvas Old School RPGです。 HTML5 Canvas Old School RPGの使い方 HTML5 Canvas Old School RPGは昔ながらのRPGといった感じですが、ファミコン風のノスタルジックな表現がかえって心地よかったりします。音楽も鳴るので、ゲーム内容を作り込めばかなり本格的なRPGが作れるのではないでしょうか。 HTML5 Canvas Old School RPGはHTML5/JavaScr
[対象: 上級] “#”(ハッシュ)が入ったAjaxのURLを、Googleがそのまま検索結果に表示するようになる日が近いうちに来るかもしれません。 #以降も含めたURLをインデックス SEOコンサルタントのJohn Doherty(ジョン・ドハーティ)氏がこんなツイートを投稿していました。 Google is definitely indexing Ajax now, including URLs behind a hash. Game changing. — John Doherty (@dohertyjf) 2014, 8月 23 グーグルは、ハッシュ (#) のあとに付いたURLも含めて、今間違いなくAjaxをインデックスしている。大変革が起きている。 具体的なURLは明かせないと言いつつ、自分が関与していないサイトで何度か目撃したとのことです。 通常のAjaxをインデックスさせる
スマホアプリ開発に必要な機能をクラウド上で提供するので、面倒なサーバー開発が一切不要。アプリ開発をよりスマートにスピーディに。
夏の暑さでメシが旨い!@yimajoです。 iOSアプリ開発者に最近の開発スタイルを訊いてまわる「iOSアプリ開発の現場で訊いてみた」待望の二社目に行ってきました。 二社目は今話題のフリマアプリ Fril(フリル)を作られているFablic社! フリルとは何か フリルはiOSやAndroid端末を使って気軽に自分のモノを売ったりして楽しめるフリマアプリ。女性専用でたくさんのファンを抱えているアプリだそうです。 私自身は使っていないんですが、最近、電車に乗っているとOLの人たちが洋服のアプリといえば"フリル"、"ピンタレスト"とかって口にされているのが耳に入ってくることがありますね。 訊いてきたこと インタビューに応じてくださったのはFablic社のモバイルチーム@tmnb、@ninjinkun、@cutmailの三人。 ↓とくに@ninjinkunさんは最近では「【翻訳】あなたが求めていた
シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 <div class="jagged-wrap-inner"> <div class="offset"></div> <div class="lightgray-bg jagged-border"></div> <div class="white-bg jagged-border"></div> <div class="darkgray-bg jagged-border"></div> </div> ギザギザを一つにした最小限のセットは、こんな感じです。 <div class="jagged-wrap-inner"> <div class="offse
とりあえずSeleniumを触ってみたので少しメモ書き。と言っても全部試したわけじゃないので不足点は多いです。 そもそもSeleniumとは? Webサイトをテストするためのツール。あらかじめスクリプトを書いておくことで、ブラウザ上でその通りの操作を行い、途中途中で要素が存在するか、URLが期待値と合致しているかどうか などといった検査を行うことができるというものです。 とりあえず「Webサイトの試験と言ったらSelenium」みたいな話を聞いていたのでググってみたら、該当記事が古いのばっかりで凄く不安を感じていたのですが、2012年あたりに2.x系列がリリースされて今も十分使えるプロダクトのようです。 で、Seleniumを使うには とりあえず 英語版の Seleniumのサイトからダウンロードできます。Seleniumのサイト自体には日本語版があるのですが、日本語サイトからダウンロード
keywords =[u'消費税', u'財政'] query = ' OR '.join(keywords) for tweet in tweepy.Cursor(api.search, q=query, count=100).items(): print(tweet.created_at,tweet.user.screen_name, tweet.text) ( 実行結果 ) 実行結果の中身を、U数字 ではなく、漢字かな表示させるには、どうしたらよいだろうか。。 ※以下のウェブサイトを参考にしたら、少しうまくいった ( リンク )カビパン男と私 「Python と文字コード」 まずは、twitte API から返されるオブジェクトの型を確認 unicode 型だったので、以下で日本語表示で出力 1件のツイート投稿しか表示できていないが、日本語表示にはなった さきほどのウェブサイトに以下
仕事などでJSを書くようになって少々経つが、Java信者で頭が固い僕にとってはどうもJSというのは柔らかすぎてしっくりこない部分が多い。 考え方を整理するにはデザインパターンを知るのが早いと、最近思い立ったので改めて調べてみた。 ということで、Javaは大体分かるし、JSも書くけどそこまで詳しくない人向け(つまり自分主体)にまとめておく。 今のところシリーズ化予定。 ※ JSの知識には自信ないので間違った点に気付いた方がいらしたらコメント等でご指摘いただけると助かります。 ※ デザインパターンとして挙げているコードは、個人的にアレンジしている場合がありますので、ご了承ください。 0.はじめに 本編案内 内容に入る前に、予備知識をおさらい。要点ではないのでざっくり。 シリーズ案内 Javaプログラマから見たJavaScriptデザインパターン(導入編) Javaプログラマから見たJavaSc
KAIZEN Platform Inc須藤憲司(後編)「すごい不安で毎日が正念場。ぶっちゃけ起業はおススメしません」 オンライン学習サービスschoo WEB-campusとのコラボレーションで、世の中に新しい価値を生み出そうと挑戦する「起業家たちの原点」を紐解くインタビュー企画第1段、KAIZEN Platform Inc.のCEO、須藤憲司さん【前編】はこちらからご覧ください。 ⇒授業の様子はこちらからご覧いただけます。 「自分が働きたい会社を作ろう」と決めた ― 須藤さんの今の事業に対する原動力ってなんなのでしょう? 須藤 やっぱり最初にあった「世の中の役に立つサービスを作りたい」という思いですね。もう一個は、「自分が働きたい会社を作ろう」と決めたことです。KAIZEN Platformは、自分が従業員として働きたい理想の会社を作ろうと思ってやってきています。「家族を大事にする」とい
Webページ上にアニメーション演出を組み込もうとする場合、 今ではJavaScript(jQuery)やCSS3など、実装方法がいくつかありますが HTML5でのアニメーション動作を簡単に作成することができる 気になる便利ツールが2点ほどあったので自分用メモとして紹介してみます。 Google Web Designer 言わずと知れたGoogleさんから公開している HTML5アニメーションをつけた広告を制作できるツール「Google Web Designer」。 ツールは無料でダウンロードすることができます。 この「Google Web Designer」では広告バナーのみならず 画像ギャラリーなども簡単に作れるようになっており 操作も直感的に制作できるようになっています。 作成したデータは一式ダウンロードすることができ 組み込みも簡単にできます。 試しに作成してみたサンプルはこちら。
コーエーテクモゲームスは、8月26日にネットワーク事業戦略発表会を開催しました。 この発表会では、代表取締役社長の襟川 陽一氏、ネットワーク事業部長の小林 伸太郎氏、ネットワーク副事業部長の藤重 和博氏などが登壇。据え置きゲームアプリ、オンラインゲーム、ポータルサイト運営などの「ネットワーク事業」の現状の報告と、新タイトルの発表や海外展開を含む今後の戦略が説明されました。 この記事では、全体的なレポートに先駆けて、今回発表された注目情報をお伝えいたします。 iOS/Android/PCタイトル『信長の野望201X』がシリーズ最新作として発表されました。ジャンルはRPGとなっており、舞台は現代日本。シリーズに登場した魔物たちが現代に出現し、陰陽師の末裔たちが現代に甦った戦国武将たちと共に戦っていきます。 またシブサワ・コウ氏はゼネラル・プロデューサーとして本作に関り、奇門遁甲を視覚化したバト
仕事柄、奇妙なDB構造を目にすることが多い。どういう発想からそんな設計がされるのかを理解したいと思っていたのだが、モデラー仲間の秋里さんが先日うまい指摘をした。「主キーをインデックスみたいなものと勘違いしているからではないでしょうか」。インデックス(キー)というのは、レコードの並び順を規定するキーのことだ。 たしかに思い当たる節がある。「こんな順にレコードが並んでいれば処理上都合がよさそうだ」という考えで主キーが設定される。さらに主キーはユニーク制約でもあるので、重複が起こらないように「多め」に項目を突っ込んでおく。つまり「ユニーク制約をともなう代表的インデックス」程度に主キーが理解された結果として、グダグダなDB構造が出来上がるのではないか。 じっさい、昔こんなことがあった。{a,b,c,d}の複合主キーをもつテーブルXがある。ところが、別のテーブルYからテーブルXの特定レコードにアクセ
コマンドラインツールについて語るときに僕の語ること - YAPC::Asia Tokyo 2014 コマンドラインツールが好きで昔からつくってきた. 今年のYAPCで,そのコマンドラインツールをつくるときにどういうことを意識して作っているのか?どのような流れで開発しているのか?といったことを語る機会をもらえた. 具体的な内容については,是非トークを聴きに来てもらうとして, スライドをつくるにあったって過去に読んだ資料や,よく参考にしている記事を集め直したので,その一部を参考資料としてまとめておく. UNIXという考え方 UNIXという考え方 Mike GancarzによるUNIXの思想や哲学をまとめた本.古いが全然色あせてない. コマンドラインツールの作り方を書いた本ではないが,これらの思想の上で動くツールはこの思想に準拠して作られるべきだと思う.何度も読んで考え方を染み付かせた. 小さい
Mac本体が起動しない時に、症状を見て「どこが原因なのか」「どうやって修復するか」「ハードディスクからデータは取り出せるか」を確認するためのフローチャートを作成しました。 Macが起動しない時の症状や対処法はWindowsとくらべてある程度パターン化されています。 以下のフローチャーの一番左には、「正常な時の起動の様子」、真ん中には「起動できない時のエラーなどの症状」、一番右には「対処法」を表示しています。 ※ 以下の画像をクリックすると拡大表示されます。 ※ 右のリンクからPDF版がダウンロードできます。PDF版ダウンロードのリンク ※クリックすると拡大表示されます1. 起動しない時の症状の説明①「ジャーン」の音がしない②ファンの回る大きな音がして画面に何も映らない③リンゴマークが出ない④画面に何も映らない⑤「ピーッ」といった電子音が鳴る⑥リンゴマークの下の歯車がグルグル回りっぱなしで先
無線LANのメール丸見え 成田・関西・神戸の3空港 成田、関西、神戸の3空港が提供する無料の公衆無線LANサービスでインターネットを利用した場合、送信したメールの宛先や中身、閲覧中のウェブサイトのURLを他人がのぞき見できる状態になることが26日、神戸大大学院の森井昌克教授(情報通信工学)の実地調査で確認された。無線LANを暗号化すればのぞき見を防止できるが、パスワードの入力などが必要となり、3空港は利便性を考慮し暗号化していないという。現在、全国の公共施設やコンビニなど約90万カ所で .......... ≪続きを読む≫ いくつかご意見、感想をメールで頂いているのですが、一つ一つ回答できないので(特に匿名になっている方からの質問は答えられないので)、こちらで答えます。それぞれ質問は異なるのですが、「公衆無線LANで安全性が保証されないのは当然ではないか、サービス側に落ち度はないだろう」と
node.js でコマンドライン引数を取りたい場合は opts というモジュールを使うことで簡単に実現出来ます。 optsモジュールは npm でインストールします。 var http = require('http') , opts = require('opts'); opts.parse([ { 'short': 'p', 'long': 'port', 'description': 'HTTP port', 'value': true, 'required': false }, ]); var port = opts.get('port') || 3000 server = http.createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write('<
GitHub や Google Group を眺めていると、実にたくさんのライブラリプロジェクトがあります。 UI に関連するものもあれば、設計を整理するのを助けてくれるものもあり、様々です。 特に、UI に関連するものは、実際に動かすとどうなるのかが気になるところ。しかし、必ずしも README にスクリーンショットがあるとは限らないのが現状です。また、スクリーンショットがあっても、操作感がわからなかったりすることもあります。 そんなあなたへ、いろいろなライブラリのサンプルを寄せ集め、実際に動く様子を手に持って触れるアプリがありますのでご紹介。 for Android: Libraries for Developers for iOS: Libraries for Developers 片っ端からライブラリを寄せ集め、デモも組み込まれているすぐれもの。ライブラリの Author やライセ
ユーザーのネットワーク上での活動を監視し、データ通信量に関するさまざまなデータを表示したり、どのアプリケーションが個人情報をPCから外部に送信しているかなどを検知&警告したりしてくれ、さらにはファイアーウォールとして動作することも可能な無料のセキュリティツールが「GlassWire」です。 GlassWire Network Security Monitor & Firewall Tool https://www.glasswire.com/ 「GlassWire」は、上記ページの「Download GlassWire Free」から無料でダウンロードできます。 「ファイルを保存」をクリック。 PC内にダウンロードされた「GlasswireSetup.exe」を起動。 「実行」をクリック。 「Next」をクリック。 ソフトウェア利用許諾書を読んで同意したら「I accept the ter
日本Javaユーザーグループは2014年5月18日、「JJUG Cross Community Conference 2014 Spring」を開催した。「JJUG Cross Community Conference」(以下、JJUG CCC)は毎年春と秋に開催されるカンファレンス。初心者向けからエキスパート向けまで、Java/JVMに少しでも関連すればいいという広いテーマでさまざまな講演が行われている。 今年は4トラック同時進行、合計25ものセッション、ハンズオンセミナーという規模で大いににぎわった。 そして最新仕様であるJava EE 7に準拠しているのは2014年5月現在「GlassFish」「WildFly」のみで、主流は多種多様なアプリケーションサーバーが対応しているJava EE 6とのことだ(楽天はGlassFishを活用していることでも有名)。 エンタープライズ分野でJa
私(@honeniq)の個人ブログです。日々の生活の中で感じた諸々のことから、 人さまにお見せできるような上澄み部分を抽出して投稿しています。 前置き ここ数年の携帯キャリアやコンビニ業界の頑張りで、町中に公衆無線LANのAPが溢れていますが、あれって安全なんでしょうか?盗聴される的な観点で。 パスワード無しのノーガードAPは論外としても、 契約者にだけWPAキーを教える((けど、利用者が多すぎて公開しているも同然の))タイプ APにはキー無しで入ることができ、Webアクセスをすると認証ページにリダイレクトするタイプ よく見かけるこの2タイプもやヤバそう。 試してみる前の認識 無線である以上は、自分が飛ばした電波は誰でも傍受できる。じゃあ暗号化して中身が分からないようにしましょう、ってなるけど、1つ目のタイプみたいに不特定多数の人が同じWPAキーを知っている場合、暗号化してもあんまり意味な
前々回の「ついに1.0がリリース! Dockerのインストールと主なコマンドの使い方」、前回の「Dockerfileとdocker buildコマンドでDockerイメージの作成」と、Dockerイメージの作り方として、「docker commit」コマンド、「docker build」コマンドを紹介しました。 Dockerは開発のスピードが速く、8月22日にはバージョン1.2.0がリリースされています。詳細はブログ「ANNOUNCING DOCKER 1.2.0」を参照してください。 今回は、Dockerイメージをシェアするための「Dockerレジストリ」と公式レジストリである「Docker Hub」の利用方法を紹介します。 Dockerイメージの共有方法 手元の開発用PCと本番用クラウド環境など複数のマシンで共通のDockerコンテナーを実行するために、Dockerイメージを共有できま
スクショをExcelに張り付けるのに役立つ4つのテクニック:テストエビデンス取得自動化の秘技(後編)(1/3 ページ) システム開発におけるソフトウェアテスト(結合テスト~システムテスト)において重要視されるエビデンス(作業記録)。前後編の2回にわたって、エビデンスとしてスクリーンショットをキャプチャし、テスト仕様書や納品書に張り付けていく作業を自動化するためのVBA/マクロのテクニックを紹介する。後編は、画像ファイルをシートに張り付け、Excel 2013のメニューからスクショを直に張り付け、画像を縮小し、指定した時間にマクロを実行する方法を解説。 前編「Selenium VBAを使って自動でブラウザーを操作してスクショをExcelに張り付けてみた」では、エビデンスとしてスクリーンショット(以下、スクショ)を撮る意義や、Selenium VBAのインストール方法と使い方、スクリーンショッ
今日は、昨夜とても反省したことを書きます。 AERA最新号のこの特集 家事中に救急車で運ばれ…男性が語るイクメンの今 〈AERA〉|dot.ドット 朝日新聞出版 のトピックのなかに「大黒柱のままの両立は無理ゲー」って言葉がありまして、それに対して私、こんなことを言いました。 大黒柱のままの両立は無理ゲー、とかさ、世の中にどんくらいそれやってる母親がいると思ってんだこら喧嘩売ってんのかとか思うけどさ。— イシゲスズコ (@suminotiger) 2014, 8月 25 でも。 夜中に悶々と考えたんですよ。 大黒柱とまではいかなくても私もフル稼働で頑張っちゃいるけど、それを前提にして育てるってどうなんだろうって。 いやもうそもそも抱え込んで夫婦だけで踏ん張ること自体無理ゲーなんじゃないの? 長男を産んだ10年前からずっと 「母親なんだからしっかりしなきゃ」 「父親なんだからもっと何でもしてよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く