何日か前に出題されていたものをjsでも書いてみました。 みなさんの回答を、投稿してからみようと思うので 同じや、さらに良いロジックがあるかもしれませんが、とりあえず。 左右から見える壁の高さと奥行きを調査し、見えない部分に水が入っていると考えています var test = function (input, output) { // 0が入っているところで分けて別々に計算して足す var blocks = input.split('0') , water = 0; // 分けたブロックごとに計算 blocks.forEach(function (data) { var block = data.split('') // 左影 , max1 = 0 , lsharp = block.reduce(function (x, y) { max1 = Math.max(y * 1, max1); x

そこそこの複雑な計算をするのにExcelはものすごく便利です。何かのプログラミング言語を使って書いたら1時間くらいかかるような計算が、ものの数分でシート上にできあがります。 この素晴らしいExcelを、より使いやすくするワザを、プログラマ的な視点から書きたいと思います。 拡張性のないシート そういうわけで、Excelは素晴らしいんですが、使う人によってはなんとも「拡張性のないシート」ができあがります。 僕はプログラマなので、こういう素晴らしいツールを使いはじめると、どうしても拡張性とか保守性みたいなものが気になってしまいます。プログラマは同じことを繰り返すのが苦手です。シートにデータを入力してから完成形ができあがるまでに人手を使うことを避けて、全部を自動化したくなります。 次のようなことをしていたら、Excelを正しく使えていないような気がします。 途中で電卓を使って計算してセルを埋めてい

Page Not Found Where are you going to fly? You seem to have followed a route that does not exist.

片手で拡大、縮小する 一回タップした後に素早くもう一度タップし、そのまま上にスワイプすることでマップがズームします。 下にスワイプすると縮小します。 まぁ歩きスマホがなんだかんだと言われてますが、スマホ片手にウロウロしたいときはこの小技がすげー便利です。 たまに意図せず発動してイライラしますが。 交通状況、路線図などを見る 左下にでっぱりがあるので押してやると… 交通状況（渋滞状況）やら航空写真やらに切り替えるボタンが出ます。 この辺は小技と言うよりも基本技ですが、交通状況なんかは車ユーザーには便利なんじゃないでしょうか。 自宅や職場を設定する 上で書いたメニュー内の「設定」からは、自宅や職場の位置を登録することができます。 自宅か職場を選択して住所を入力します。 登録された。 新しい職場や家に移った場合は登録しておくと、地図上に常に目立つようにマークが表示されます。 これでもう迷わない。

個人事業主が支払うのは所得税、住民税、個人事業税で、税額は毎年2月から3月にかけて行われる確定申告によって決まります。 消費税については開業後2年間は免除で、3年目以降は課税売上1,000万円以上になると消費税の納付義務が生じます。 そこで注目したいのが控除です。 今回は、個人事業主は確定申告でどのような控除を受けられるのかについて解説します。 控除とは 所得から一定金額を差し引くことを控除といいます。 所得税は、事業所得を含むすべての収入から必要経費等を差し引いた「課税所得」に対して税率をかけた金額です。 「税金を控除する」ということは、「所得から一定金額を控除して税率をかける課税所得を少なくする」ということです。 税負担を公平化するためのさまざまな控除項目が用意されています。 控除できる税金 所得税や住民税の算出にかかわる所得控除には以下のような項目があります。 基礎控除 すべての納税

eコマースサイトなどでは、商品をカートに投入してから購入までの間に、少なくとも初回購入時には、名前、住所、メールアドレス、クレジットカード番号などの各種情報を入力したり、入力内容の確認作業をしたりしなければならない。 ユーザーのうち、一定の割合は、この手続きが面倒で、途中でやめてしまうことがある。いわゆる「脱落」だ。 どのステップ（ページ）で脱落したかを知りたいときは、Google アナリティクスの「目標到達プロセス」レポートを設定すれば、どのページで動きが止まったのかを簡単に知ることができる。詳しくは以下の過去記事を参照してほしい。 目標到達プロセスのレポートで、カートから購入までのボトルネックを見つけよう［第56回］しかし、Web解析担当者としては、ページ単位ではなく、各ページの入力フォームのどこで入力を諦めてしまったのかまで知りたい、というのが本音ではないだろうか。 そこで今回は、入

DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

hr要素は罫線を表示させるもので、話題を変えるときの目印となる区切り線などとして用いられます。 どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 ここで紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません。 また、多用する人も多いと思う破線や点線もブラウザによっては多少見栄えが違ったりするので、使用する際はあらかじめ注意が必要になります。 はじめに ここで紹介しているものは、すべてHTMLは<hr />のみです。 また、それぞれのhr要素にはデフォルトスタイルとしてあらかじめ下記のようなスタイルを指定してあります。

2013年8月30日 著 誰から聞いた話だとか、具体的にどこのランキングだとか、そういう細かいことはどうでも良い。某社の某ホームページ充実度ランキングにおいては、以下の項目が○×形式で評価の対象になっているのだとか。 文章読み上げ機能の設置 文字サイズの変更ボタンの設置 は？？？もうね、頭がクラクラしましたよ。どちらもWebアクセシビリティ的な視点から突っ込まれた評価項目ぽいけれど、はっきり言って、そんなもの設置しなくてもアクセシビリティは確保できます。まず文章読み上げ機能についてですが、自前で開発・実装できるところなんてそう多くないでしょう。となるとEasy Web Browsingのような、業者の提供しているサービスの押し売りに聞こえなくもない（裏で業者と癒着でもしているのか？）。文字サイズ変更ボタンについては、6年前に文字サイズ変更ウィジェットのなかで言いたいことは概ね言い切っている

[対象: 中〜上級] Googleウェブマスターツールの検索クエリレポートを、Google AdWordsのレポートで表示できるようになりました。 これにより、オーガニック検索つまりSEOと有料広告つまりPPCの、キーワードごとの掲載順位やクリック数、クリック率などを1つのレポートで比較分析できます。 英語版のAdWords公式ブログで1週間前にアナウンスがありました。 日本語版公式ブログではまだアナウンスがありませんが、日本語のヘルプはできあがっています。 有料広告とオーガニック検索結果の成果を測定する – AdWords ヘルプ 実際に設定可能でデータもきちんと出てきます。 設定が完了してからのデータが反映されるため、上のキャプチャは比較するほどには十分な情報が集計できていません。 それでもイメージはつかめるはずです。 （ちなみに、僕が所属する会社の腕利きPPC担当からキャプチャをもら

PHPの関数定義はこんな変態的な書き方ができる - 頭ん中 に、続いて。アンリーダブルコードで勉強しようというのがあった、そのとある勉強会の発表ネタです。 これは、PHPのMarkdownパーサ の実装を可能な限りそのまま綺麗に変換してJavaScriptに移植しようという js-markdown-extra をやっていたとき、大ハマりして修正に苦労したバグの話から来てます。 演算代入。+= とか *= とかのやつ。関数型の人以外はきっと常用してますね。じゃあ問題。 <?php $tokens = array("a", "b", "c"); $tokens[0] .= array_shift($tokens); print_r($tokens); こうするとどんな結果が出力されるでしょうか。PHPです。 自身の先頭から要素を取り出して、それを先頭要素に文字列追加する。array_shift

最初は疑うじゃないですか。 Textwell 1.0 分類: 仕事効率化,ユーティリティ 価格: \250 (Sociomedia) 名前も違うし、アイコンも違う。でもアプリ紹介を読むと「DraftPad」です。その上セッティングを弄ることで、スワイプでのカーソル移動や、履歴を保存するスナップ機能。しかもアシストには機能別のアイコンを付けることが出来る。良いことばかりが書いてあります。まさか、最近流行りの「パクリ・アプリ」か？ ソシオメディア | ニュース Sociomedia問い合わせソシオメディアへの各種お問い合わせ、ご依頼、その他のご意見などを承ります。（Tel. 03-5206-6787｜Fax. 03-5206-6823｜地図）テキスト版 | ... 開発元のSociomediaはUeno氏の会社です。本当にTextwellを開発したのか、見てみましょう。サイトに行ってみる。ニュ

http://www.seroundtable.com/ なんかあまり噂になっていませんが、上記の画像の通り 9/4にgoogleのアップデート があったとかないとかという話がありますが、ぶっちゃけ僕はあったと思いますが皆さんどうでしょうか？？内容は不明ですが、トラフィックが50%ダウンになったサイトオーナーも少なくないようです。 正直、僕もダメージを喰らいました。 今回感じる傾向としては、 「ABC」というタイトル記事で今までは「A」でも「B」でもあわよくば「C」でも上位表示されていたのが「A」のみ残し残りは65位以下という変動があり、それは見事に9/4に一気行われました。上記のような変動が複数のキーワードで見られます。まぁ、今までが少ない記事数であれもこれも上位表示と出来すぎだったのかもしれませんね。堅実なのは記事数を増やす事です。 さて、本題ですがSEOというもの自体、アルゴリズムが

2012年にリリース後、短い間でメモアプリ『Drafts』は大人気となりました。その大きな理由として、開発者グレッグ・ピアース氏のユニークなアイデアにより、IFTTTとの連携など、Draftsでできることが広がったというのがあります。今回はピアース氏にDrafts開発時のストーリーを聞いてみました。 Draftsのアイデアはどのように生まれたのでしょうか？ ピアース：Draftsはまさに私自身が求めていたアプリです。 ある日、iPhone上で妻宛に短いEメールを書いていると、すぐに読んでもらいたい内容だったのでSMSで送るべきと思いました。しかし、送り直すという作業は意外と面倒です。 テキストを選択し、クリップボードにコピーし、メールアプリを終了させて、SMSを起ち上げて、入力画面を開いて、宛先を選んで、送る...。こんな一連の作業が必要です。 考えてみると、使用用途が明確ではない段階でi

サイプロがザッパラスの損益を書いていて、国光さんがFacebookでレスしていたので モバイルコンテンツ市場について、ちょっと書こうかなと。 占いのザッパラスがジワジワと減収減益。特に営利が厳しくなってきた。 【サイプロ】とあるサイトプロデューサーのブログ 意外と知られていないようなのだが、 実はソーシャルゲームを除くモバイルコンテンツのマーケットは、2009-2010年をピークとして 既に衰退期に入っている。 以下の表を見れば一目瞭然で、2012年はなんと対前年で17％のマイナス。 ※数値出展は全てＭＣＦの「モバイルコンテンツ関連市場規模」から 2009-2010年の、年間5，000億円強をピークとして、下がり続けている。 マクロの市場規模がこれだけシュリンクしている中では、 ゲーム事業を中心に置かないコンテンツ企業群が業績を維持するのは相当に難しい。 じゃあ、今後のスマホ市場で望みがど

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ スマホの普及で導入サイトも増えているレスポンシブWebデザイン。作り手からするとまだまだ目新しいですし、ブラウザサイズを変えてサクッとデザインが柔軟に変わるのはそれなりに自己満足度も高く時代の最先端を走っている気分になれる仕組みではあります。一方、デバイスやスクリーンサイズにデザインが最適化できたとしても、それがそのデバイスを使っているユーザーに本当に最適化できているかというと、全くの別問題。Google先生も大推奨中ということで、今後さらに導入が進んでいくと思われるレスポンシブWebデザインですが、今回はそんなレスポンシブWebデザインが抱えるユーザー視点の問題点や課題を真剣に考えてみた記事を

Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov

JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

マウスホイールで横スクロール+パララックスなWebサイトを作れる、というスクリプト。なかなか良さそうだったので備忘録です。コンテンツが横移動するだけで、スクロールバーは縦になります。 横スクロールなパララックスサイトを作れる、というスクリプトです。jQueryに依存します。 パララックスは種類の山？のようなもので確認できます。非圧縮で4KB前後と軽量なのも嬉しいですね。 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.jInvertScroll.js"></script> <script type="text/javascript"> (function($) { $.jInvertScroll(['.foo']); }(jQuer

Web フォントは「Web サイトにフォントを埋め込む」ための技術です。 先日、Web フォントを使った 絶対にコピペできない文章を作ったったwwww を公開しました。多くの人に楽しんでもらえたのですが、その一方で、Web フォントが適用されなかった方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。 ほぼすべてのブラウザーが Web フォントに対応しているはずなのですが、一体、何が原因だったのでしょうか。 そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。 ４種類のフォーマット 一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし

Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどｗ　少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなんかも

Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

知らないうちに増えるし、減らないし、勝手に決め打ちでリクエストしてくるし、ドキュメントのありかバラバラだし……と色々な面倒さがあるファビコン。その全般的なガイダンスであるfavicon-cheat-sheetの日本語訳を公開した。元文書がGitHubにあるためそれをフォークしたリポジトリで翻訳している。何かあったらプル・リクエストやイシューで報告してくれると楽で嬉しい。 うろ覚えだった知識をきちんと確認するのに良さそうだったので翻訳に手を出してみたのだけど、詳しすぎず、かといって「こう書けば良い！」だけではないちょうど良い詳しさで、おおまかに全容を把握するにはすごく良い文書だと思う。iOS 7でアイコンのサイズが微妙に変わることとかちょうど今の話とかも既に反映されており、そういう点でも実践的な内容になっている。 この文書では特に触れられていないけど、Facebookページのアイコン(180

Gunosyからのユーザーはこのウェブサイトに興味を持てないようだ。滞在時間の短さについてはコンテンツの一部があらかじめ読めてるからとかそういうのは少しありそう。クライアントによるけど、Twitterでは最初から展開してることはまずない。はてなブックマークではデザインの変更後、ファースト・ビューに表示されなくなっている。 Gunosyのキュレーションが機能していない Gunosyのユーザーは速読に長けている Gunosyからのユーザーにコンテンツのウケが悪い このあたりがGunosyのユーザーにアピールできていない理由としてパッと思いつく。これが機械的なキュレーションの限界だとは思わないけど、元々あまり肯定的ではない身としてはこんなもんかみたいな感じはある。速読はジョークみたいな感じだけど、サービスの性格上速く読むことを重視しているユーザーは多そう(Gunosyから来て即PocketでGu

動画ファイルの再生は今時のデバイスだとGPU的な何かにより再生支援が行われ、CPUへの負担は少なくなる。「じゃあそれアニメーションGIFにも効いたりするの？」と某所でピンク色の髪の毛の女の子が襲ってくるアニメーションGIFを見た時に疑問を持ったので、雑に調べた。 雑な検証にはRRRRRRRROLL_GIFのArchiveページを利用した。 Chrome 29: ひたすらCPUを消費し、まったくGPUを使わない Firefox 23: CPUとGPUをモリモリ使う Internet Explorer 10: 数個のアニメーションGIFだとほとんどCPUを消費しない IE10ではGPU使って再生しているような挙動だが、20程表示させるとCPUの負荷がどんどん上がる。負荷を減らす工夫がありそうではあるが過信はできなさそう。いずれにせよアニメーションGIFはモリモリCPUを使う可能性が高く、環境に

JavaScriptはXMLHttpRequestにてセキュリティの関係上、ファイルが置かれているドメインのサーバとしか通信できないという制約（クロスドメイン制約）があります。これを回避するためには、XMLHttpRequest2にてAJAX通信を行う方法があります。XMLHttpRequest2ではサーバー側がAccess-Control-Allow-Originヘッダーを設定していればクロスドメインの制限を回避することが可能です。ただ、これは対応ブラウザでいうと、特にIEで10以降でないと対応していない点で、環境が非常に限定されてしまいます。 XMLHttpRequestにてAJAX通信において、このクロスドメイン制約を突破する一般的な方法がいくつかあります。 PHPやCGIを経由 「JavaScript→PHPorCGI→参照したいファイル」という順に読み込んでいきます。設定が簡単で

HTML DOM APIWindowインスタンスプロパティclosedconsolecookieStore (en-US) Experimental credentialless (en-US) Experimental customElementsdevicePixelRatiodocumentdocumentPictureInPicture (en-US) Experimental event 非推奨 external (en-US) 非推奨 fence (en-US) Experimental frameElementframesfullScreen Non-standard historyinnerHeightinnerWidthlaunchQueue (en-US) Experimental lengthlocalStoragelocationlocationbarmenubar

FireFoxアドオンのRefControl は機能もシンプルに、アクセスしたサイトへのリファラを制御してくれます。 具体的には、リファラを送信しないでくれたり、特定のリファラに偽装して送信してくれたりします。 説明するほどのことも無いのですが、ツールメニューからRefControlオプションを開き、「サイトを追加」からプロパティを開きます。 まず、サイト名に対象サイトのURLを入力し、そのサイトに対するリファラの制御方法を選択します。 カスタムを選択すると任意のリファラを指定できます。 - RefControlプロパティ 上記の設定の場合は、www.google.co.jpへアクセスした場合は、「http://www.example.com/hoge.html」からアクセスしたようにリファラを偽装してくれます。 あとは、そのサイトにアクセスすると、勝手に設定したリファラを送ってくれたりし

prototype.js でクロスドメインの Ajax の読み込みテスト と同じで、http ヘッダーに、「Access-Control-Allow-Origin: *」を指定すると利用可能になります。 Google ドライブを使うのが簡単です IE8 の場合は、指定しなくても動くような気もするのですが(一応テストしていますが、動作したので)、Firefox では、http ヘッダーを読んで、このヘッダーが無いと読み込みをキャンセルしています。( Firebug の 接続で読み込み時間を見ているとそんな感じ ) Ajax では、PHP で出力すれば良かったですが、フォントは .htaccess に指定します。 ※ ヘッダ名には最後にコロンを含めることもできますが、無くても構いません。 ※ set, append, add, unset では大文字小文字は 区別されません。 ※ add, a