本セッションでは「プログラミングへ向き合い方」ということについて発表者なりに考察した結果を述べます。 スゴイ級のプログラマからプログラミングのエモい話を拝聴することはあり、それも非常に興味深いのですが、私のような平凡なプログラマの視点からも少し提案できることがあるのではないかなあと考えている次第です。Read less
本セッションでは「プログラミングへ向き合い方」ということについて発表者なりに考察した結果を述べます。 スゴイ級のプログラマからプログラミングのエモい話を拝聴することはあり、それも非常に興味深いのですが、私のような平凡なプログラマの視点からも少し提案できることがあるのではないかなあと考えている次第です。Read less
Movable Type で日付のフォーマットをいじりたいときには、% を使って簡単に設定できます。 例えば、「2013年03月14日 (月)」と表示したいときは、次のように指定します。 <$MTDate format="%Y年%m月%d日 (%a)"$> 詳しくは、日付に関するテンプレートタグのモディファイアリファレンス を参照。 その感覚で、JavaScript でも同じようなことできると思っていたら、そういうものは無いらしい。 なので、自分でフォーマットを整形したいときは、次のように指定します。 // 今日の日付で Date オブジェクトを作成 var now = new Date(); // 「年」「月」「日」「曜日」を Date オブジェクトから取り出してそれぞれに代入 var y = now.getFullYear(); var m = now.getMonth() + 1;
Mobile Website Design – 5 Considerations for an Amazing User Experience
今回の流れと目的 コンテンツの幅を保つためにカニバリゼーションを防ぐ 複合ワードのパターンから質問文を作る 過去データとツールの検索語から質問文を作る キーワードの微調整をする 次回のお知らせ 今回の流れと目的 今回の流れ 先々週と先週に渡り、「解体工事Q&A」の材料となる情報を収集しました。現状手元にある材料は下記の通りです。 ブレストで得たユーザーの疑問・不安（約300個） Yahoo!知恵袋から得たユーザーの疑問・不安（約100個） 複合ワードのパターンから得たキーワード（約180個） 過去データとツールから得たキーワード（約30,000個） １と２に関しては、既にQ&Aで利用可能な質問文の形になっていますが、３と４については言葉の羅列に過ぎません。 そこで、今回は今までに得たキーワードから質問文を作成していきたいと思います。前半部分では３のキーワードから、後半部分では４のキーワード
昨年８月にこのGloomy blogで「乳師」というアプリについての記事を公開しました。「乳師」は僕らが一生懸命作ったiPhoneアプリだったのですが、おっぱいを題材にしたアプリだったためアップルの審査がなかなか通らず、約１ヶ月間に渡る僕らとアップルとの攻防を綴った記事です。 おっぱいのアプリ作ってアップルと戦った話 結局アップルの審査が降りなかったので、この「乳師」の弔いのつもりで何となく書いた記事だったのですが、予想を反して多くの反響を頂き5万人以上の方に閲覧頂くことなり、大手のWebメディアなどにも多数掲載頂きました。 ねとらぼさんガジェット通信さん 記事を公開してから既に半年以上が経過した今更ではありますが、今回は「おっぱいのアプリ作ってアップルと戦った話のその後の話」を、少しだけさせて下さい。 ・僕は「おっぱいの人」になった 記事の公開直後はいいね数やツイート数が面白いように増
ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコンバージョンを下げない、直帰率を下げないために施策する場合に何をするか？を簡潔にまとめています。他のネットショップを運営されている方がどういう事をされているかも凄く気になりますね。 1.ロゴはHOMEへ ロゴをクリックすればトップページへ行くという認識を持たないユーザーは沢山います。トップページへ行くためのボタンは別途用意し、そういったユーザーへのフォローも施策しておく事が大切です。 リンク時における色を変更し統一することでユーザビリティは確保ます。しかし、ブラウザのデフォルトである青色に下線と言ったルールを採用することで、より多くのユーザーに対してそれがリンクであると言うことを認知してもらい
前回はJavaScriptのプロトタイプチェーンについて、図解を用いることでなんとか理解できました。今回はスコープチェーンに挑戦してみます。前回と同じく「1. 図解を用いる」「2. 用語を明確に定義する」「3. Standard ECMA-262 3rd editionを情報ソースとする」というアプローチで紐解いて行きます。 用語の定義 ・本エントリの文章における表記は、以下の表の「ECMA-262 3rd」に統一する ・本エントリの図における表記は、以下の表の「本エントリの略称」に統一する ・本エントリ内におけるES3とは、Standard ECMA-262 3rd editionを指す ECMA-262 3rd 本エントリの略称 JavaScript（サイ本）第5版（日本語） Execution Contexts EC 実行コンテキスト Variable Object VO 変数定義の
日本ではイマイチ普及が進んでいないGoogle＋ですが、Google検索＋他サービスとの連携も進み、これからのSEOには活用が必須になりつつあるような気配でもあります。今回の記事では、いち早くGoogle＋の普及が進んでいる米国から、Google＋を活用してSEOにもソーシャルメディアマーケティングにも重要な「オーソリティ」をネット上で築いていく方法を7つ紹介します。 — SEO Japan Googleは1つのシンプルな原則の下に作られた―他のウェブページよりも重要なウェブページがある。 その重要性はどのように定量化されるのか？理想的には、それは、人々がそのページは他のページよりもそのトピックに関して自分たちを満足させると考えているという事実に基づく。 Googleは、ウェブページの重要性をそれを指し示したリンクの量とそれらのリンクがやって来るサイトをGoogleがどれくらい信頼している
現在地でいまどれぐらいの雨が降っているのか、今から6時間先までにはどれぐらいの雨が降る予定なのか、今の雨雲の状態はどのようになっているのか、という情報を表示できる天気予報アプリが「雨マップ」です。現在地だけではなく地図上の任意の地点をチェックすることも可能で、よく行く場所であれば登録しておいて素早い操作で調べることができます。 雨マップ http://rainmap.jp/ iTunes App Storeで見つかる iPhone 3GS、iPhone 4、iPhone 4S、iPhone 5、iPod touch（第3世代）、iPod touch (第4世代)、iPod touch (第5世代)、およびiPad 対応の雨マップ https://itunes.apple.com/jp/app/yumappu/id578485255 iPhoneで「雨マップ」を検索するか上記ページを開いてイ
《Update：Dave Winer の反応》 ［Google Reader：image］ グーグルは Google Reader の７月１日終了を明らかにした。 RSS の父と呼ばれる Dave Winer の「次回はちゃんとサービスにカネを払ってよ。そうすればちゃんと生き残れるんだよ。」（Next time, please pay a fair price for the services you depend on. Those have a better chance of surviving the bubbles.）ということばが印象的。 最もオモシロかったのは Marco Arment のコメントだ。 Marco.org: “Google Reader shutting down July 1″ by Marco Arment: 13 March 2013 ＊ ＊
一口にテキストエフェクトとは言ってもアニメーションのほうとビジュアルのほうと両方を融合させたものがあります。 ハリウッドのSF映画なら、必ずと言ってもいいくらい、映画の特徴を的確に捉えた超カッコイイテキストエフェクトをかけますよね！僕はトランスフォーマーのタイトルのような、動きも見た目もSFチックなのが好きです。 そういうのをWeb上でもインタラクティブに出来たら最高ですよね？如何せん、映像分野に比べてテキストエフェクト作成を手助けしてくれるツールが泣くほど少なく、制限も多くて自由性に乏しいがゆえに、個性的なテキストエフェクトを実装しようものなら、とてもじゃないがかなり骨が折れちゃう仕事になりそうです。 でも、それも過去の話！ とは言いたいところだが…まだまだ全然映像分野の足元にも及ばないのが現状… とは言ってもCSS3のおかげで昔よりは随分良くなってきたのも事実。 今回は、手間暇要らずで
「売り上げとコストの問題とは無関係だ」──米GoogleがRSSリーダー「Google Reader」を7月1日で終了すると発表したことについて、Google Readerの元プロダクトマネージャーが米Q＆AサイトのQuoraで理由を推測している。彼は、GoogleがGoogle+へ注力するために2011年秋に実施したGoogle Readerのリニューアルが影響したとみている。 「なぜGoogleはGoogle Readerを終了するのか」という質問に回答を寄せたのはブライアン・シー（Brian Shih）氏。起業を経て2007年9月から2011年7月までGoogleに勤務し、Google ReaderとGoogle Financeのプロダクトマネージャーを務めた。現在はモバイルゲームのPocket Gemsでプロダクトマネージャーとしてゲーム開発を手がけている。 シー氏によると、Goo
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
「ビジネス」「コミュニケーション」「コンピューター＆モバイル」「デザイン＆ライティング」など14のカテゴリーに分けられたアイコンフォント1000個以上が無料でダウンロードできるのが「WebHostingHub Glyphs」。アイコンはPNG形式、TFF形式の他、ウェブフォントとしても使用可能です。 WebHostingHub Glyphs http://www.webhostinghub.com/glyphs/ ダウンロードは右端の青とオレンジ色のボタンから行います。なお、青色の「DOWNLOAD ALL ICONS IN ONE FONT」からはTTF形式とウェブ用のアイコンフォントをダウンロードでき、オレンジ色のボタンからはPNG形式のアイコンがダウンロード可能。 アイコンフォントは「ビジネス」や「コミュニケーション」など14のカテゴリーに分けられています。以下はビジネスカテゴリーの
平素よりイベントカレンダー＋ログをご利用いただき、誠にありがとうございます。 イベントカレンダー＋ログは「IT・製造業・ビジネス関係のイベント（セミナー・展示会・勉強会・コンテスト・Webイベントなど）を開催する企業・コミュニティが登録したイベント情報のポータルサイト」として約7年間運営をしてきました。これまでサービスを続けることができたのは、イベントカレンダー＋ログのコンセプトに共感をいただき、適切なイベント情報をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、イベント情報の入手方法の多様化やイベント紹介サービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年6月30日（火）15:00をもちましてイベントカレンダー＋ログのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知ら
Twitterのフォロワーにリムーブやらブロックされた場合、「誰にされたのか」というのが何となくわかる ひすったー というサービスを公開してみた。 利用方法は ひすったー にログインするだけ。 ログインすると、その時点でのフォロー情報などが登録され、 次回のログイン以降に 貴方がフォローしたアカウント 貴方をフォローしたアカウント 貴方がフォローを解除したアカウント 貴方のフォローを解除したアカウント 貴方をブロックした可能性のあるアカウント などの履歴が登録されていく。 ※初回のログインでは、フォロー情報の登録のみで、履歴は登録されない。 履歴画面はこんな感じ。 アイコンにカーソルを合わせると相手のスクリーンネームやら名前やらが表示される。 （履歴の表示方法については今後複数追加する予定。） 「あれ？何もしてないのにフォロー数減ってる？」「フォロワー数減ってる？」なんて思ったときに、ログ
TOP > Design > さまざまな種類のスイッチ素材がまとめられた「28 Free To Download PSD Toggle Switches」 スイッチのon/pffを表現したデザインはwebのさまざまなシーンで活用されており、フリー素材でハイクオリティなものも多数配布されています。今回紹介する「28 Free To Download PSD Toggle Switches」も、非常に魅力的なスイッチ素材が満載です。 Toggle On – Off Switch PSD | 24PSD スイッチ自体の立体化を忠実に再現した、実際に制作するとどうしても時間がかかってしまうようなデザイン性の高いものがたくさんまとめられています。中でも気になったものを以下にピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Switches with lights and sh
最近、mrubyのIssuesを英語で書くのが厳しく、やっぱり英語は勉強しなきゃなと日々痛感しています。 勉強するにしても普通の英語とは違うので、Issueを英語で書くためにどれぐらいの単語力が必要なのか調べてみました。 GitHub上のmrubyとnodejsのIssuesをダウンロードして形態素解析をして、単語の頻度をグラフにしてみました。 ものすごく偏っていることがわかります。 ここから1000だけ切り出してみます。 これを見ると3-500でほとんど部分をカバーできそうです。固有名詞もあるからもっと少ないはず。 これをベースにして「300語で書くオープンソースの英語」とか出来ないかな？ あとは、Phrasal verbs(get into, put onみたいなヤツ) なんだけど、代表的な物を公開しているリストないかな？それもランキングできると面白そう。 なお、この単語数は形態素解析
TOP > Design , Photoshop > Photoshopの写真エフェクトに強くなるチュートリアルまとめ「33 Amazing Photoshop Photo Effect Tutorials」 デジカメで画質の奇麗な写真が手軽に撮影できるようになってきていますが、撮影した写真に雰囲気をプラスするには、レタッチのための技術が必要になります。そんな中今回紹介するのが、Photoshopの写真エフェクトに強くなるチュートリアルまとめ「33 Amazing Photoshop Photo Effect Tutorials」です。 HDR Photography With Photoshop CS5 | Psdtuts+ レトロテイストな加工ができるチュートリアルから、肌の質感を美しくレタッチできるチュートリアルまで、さまざまな技術が紹介されています。中でも気になったものをい
jQueryでリストを一つずつ遅延して表示する リストじゃなくてもいいのですが、羅列されたリストなどを表示するときjQueryで一つずつ表示してみます。 投稿日2013年03月15日 更新日2019年04月13日 とりあえずhtmlでリストを作成します。 html <ul class="delay-show"> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> ...... </ul> jQueryのコードはこんな感じです。 javascript $(function() { $('ul.delay-show li') .css({opacity: 0}) .each(function(i){ $(this).delay(500 * i).animate({opacity:1}, 1500); }); }); delay メソッドでタイミングを遅らせて実行
webデザインを制作する際に非常に役に立つアイコンは、フリー素材でもさまざまな種類が発表されています。そんな中今回紹介するのは、アウトラインで構成されたフリーアイコンセット「Free Outline Icons」です。 ラインのみを使ってデザインされたたくさんの種類のアイコンが200種類も収録されたセットとなっています。 詳しくは以下 フォルダやメール、ノートなど、使用頻度の高いアイコンから、自転車や花、パズル、船など、ちょっと変わったアイコンまで、種類は非常にさまざま。黒、白、灰色のpngデータで収録されており、ラインのみを使って形成されているのでデザインはシンプル、いろんなデザインに幅広く活用できる点は魅力的です。デザインの中に上手に組み合わせて、オリジナルのデザインとして展開してみてもよいと思います。 持っていれば必ず役に立つアイコン素材、シンプルなもの程多彩なシーンで臨機応変に対応
Google+の使用感や機能については、おそらく何処かの早いブログで解説が行われていると思うので、あっさりとだけ触れます。それよりも、今回のGoogle＋の登場を通して、Googleが今後目指しているであろう方向性について、考え至る部分があったのでまとめました。 全体のざっくりとした特長 パッと見の印象は、Facebookとかなり近いです。ホーム画面には自分専用のタイムライン（Google+では、ストリームと呼びます）があり、ちょうどFacebookでいう「いいね！」機能と対応する形で「+1′s」が存在しています。ベースの印象としては、とてもFacebook的な使用感があります。 Google+では、ソーシャルグラフ管理に新しいシステム「Circles/サークル」が採用されています。サークルという概念は、多数あるものをグループ分けするのとはちょっと違って、一人の人物を複数のサークルに登録す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く