ユーザファースト推進部の丸山(@h13i32maru)です。 先日「撮るレシピ」というサービスを cookpad.com にて公開しました。「撮るレシピ」というサービスは料理本や雑誌のレシピを写真に撮ってクックパッド上に保存できるというものです。料理本や雑誌でレシピを良く見る方はぜひ使ってみてください(Androidアプリ版もあります)。 この「撮るレシピ」は全体公開前に一部のユーザに限定公開をしていました。そして全体公開をするにあたりフロント側のコードを全面的に書き換え高速化を行いました。その結果、最大で30倍高速化することができユーザの使い勝手が向上しました。以下が「書き換え前」と「書き換え後」の計測結果です(Android端末8機種 + iOS3機種で各操作のターンアラウンド時間*1を計測)。 閲覧系 最大: 30倍高速化(4.2秒→0.14秒) 平均: 15.7倍高速化(3.6秒→

Gitによるバージョン管理では、従来のSVNなどよりずっと簡単にブランチングやマージができます。さまざまなブランチ戦略やワークフローが可能であり、以前のシステムに比べるとほとんど全てが改善されたと言えるでしょう。しかしGitを利用する多くの組織はワークフローの問題に直面します。明確な定義がなく複雑で、Issue Tracking Systemと統合されていないからです。そこで、明確に定義された最良の実践的方法としてのGitLab flowを提案したいと思います。issue trackingには feature driven development と feature branches を組み合わせます。 他のバージョン管理システムからGitに移行する際によく耳にすることは、効果的なワークフローの開発が難しいということです。この記事ではGitワークフローとIssue Tracking Sys

MySQL Performance Blogの翻訳。Perconaのサポートエンジニアによる、MySQLバージョンアップの様々なパターンと、その利点・欠点、手順の解説。バージョンアップ実施前の、事前調査とテストが重要であるとの指摘も。 MySQLのバージョンアップ(訳注 : 原文ではupgrade、以下同じ)はどこかで必要になるタスクだし、我々Percona SupportでもMySQLバージョンアップのベストプラクティスについての色々な質問を受け付けている。この記事では、色々なシナリオにおけるMySQLバージョンアップの推奨できる方法に焦点を当ててみたい。 MySQLのバージョンアップはなぜ必要になってしまうのか？その理由は色々だが、新機能が必要、パフォーマンスの改善、バグ修正などがあるだろう。しかし、アプリケーションと組み合わせた上で事前に広範囲なテストをしておかないと、リスクの大きい

21. % bundle exec berks search nginx application_nginx (2.0.2) cloudfoundry-nginx (1.0.4) docker-nginx (0.2.0) nginx (2.7.4) nginx-fastcgi (0.0.9) nginx-proxy (0.2.1) nginx_conf (0.0.5) nginx_fallback_to_apache (1.1.0) nginx_simplecgi (0.1.2) nginx_vhost (0.1.0)

グーグル、ウェブやアプリにも使える｢マテリアル・デザイン｣なアイコンをリリース2014.10.22 15:0013,838 統一感って大事です。 グーグルが｢Androidバージョン5.0（Lollipop）｣と共に発表した｢マテリアル・デザイン｣。これは、デバイスに依存しないデザインコンセプトであるため汎用性が高く、ウェブにも応用できる優れものです。Androidアプリの開発者でなくても、デザインの参考になるものでしょう。

先日、Wantedlyさん、Oisixさんと合同でSwiftの勉強会を 開催させて頂きました。 プレゼンの内容としてはiOS開発0、Swift学習0の状態からapple申請までの開発フローやSwiftの学習方法といった内容になっておりますので、 これから学習される方やチームで開発するにはどういう所を気をつければ良いんだろう？と気になっている方にぜひ、見て頂きたいです！ Apple審査を一発通過！iOS開発経験0でも出来るじげん流Swift開発のすべて 追記(12/5 現在) この度、 Swiftオンリーで開発した「アルバイトEX」アプリをリリースしました! (iOS7、iOS8両方で動きます！) アルバイトEX

1. iOS 8 Widget 導入から Tips まで 田邉 裕貴 iOS 8 / Swift エンジニア勉強会 2014/10/18 (Sat.)

「エンジニアにとって良い組織体制ってどんなものですか? お話を伺いたいのですが･･･」と依頼をいただくことがあるが、都合上全部を受けてはいられない。ので、そういう疑問を持たれた方は以下の本を読むと良いかと思います。 How Google Works (ハウ・グーグル・ワークス) ―私たちの働き方とマネジメントposted with amazlet at 14.10.18エリック・シュミット ジョナサン・ローゼンバーグ アラン・イーグル 日本経済新聞出版社 売り上げランキング: 19 Amazon.co.jpで詳細を見る 小さなチーム、大きな仕事〔完全版〕: 37シグナルズ成功の法則posted with amazlet at 14.10.18ジェイソン・フリード デイヴィッド・ハイネマイヤー・ハンソン 早川書房 売り上げランキング: 7,579 Amazon.co.jpで詳細を見る Tea

タスクを実行したログをEvernoteに記録 「Taskuma(たすくま)」では、タスクを始めた時と終わった時に記録をしていきます。 そうすることで、記録をした時刻と、そこから計算した、それぞれのタスクを実行するのにかかった時間が蓄積されます。そして、その内容は過去ログとして確認することができます。 また、この内容はEvernoteに残すこともできます。 ▲Evernoteに記録される内容はこんな感じ。 1日のタスクの実行時間と、それぞれのタスクでメモや写真を記録したときはその内容が記録されます。 Googleカレンダーで全体を振り返り 「Taskuma(たすくま)」の記録機能は、これだけではありません。 Googleカレンダーと連携させることで、活動の記録をカレンダーとして確認することができるようになります。 ▲1週間の行動ログの一部を見るとこんな感じです。クリックすると拡大表示できます

Ryuji TamagawaEnglish -> Japanese Freelance Translator specialized for IT industry

本記事は移転しました。 約1秒後にリダイレクトします。 リダイレクトしない場合はここをクリックしてください。

Webサイトやブログをお持ちの方や担当者の方は、アクセスアップのために日頃奮闘している方が多いと思います。 アクセスを集めるための施策を何も行わなければ、いくらコンテンツを更新しても砂漠の中にあるお城と同じ状態で、誰にも気づいてもらう事ができません。 そこで今回は、Webサイトやブログへのアクセスをアップさせる際に参考となる31のノウハウをご紹介します。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】 1.簡単に実行できる35個のGrowth Hack施策 グロースハックは簡単な施策でも多くの事が実施可能。「Call to Action周りにソーシャルな圧力」や「登録をSNSアカウント認証」など、すぐに実施できる35個の施策。 2.他サイトを丸裸にする32のグロースハックツール集 「競合サイトの情報が見れたらな」を可能にするグロースハックツールのまとめ。海外ツール

ども、ゆうせいです。一応Mac歴18年な私です。というわけで、今回もMacのTipsをお届けしたいと思っています。 Macには「ターミナル」というものがありまして、これを使うことで「システム環境設定」ではできない設定がサクッとできてしまう。そんなお話です。 ターミナルって？ ターミナルをご存じない方のために、使い方をサクッと紹介しておきますね。 ターミナルは、 で起動できます。 起動すると、↑のような画面が出てきます。ここに、これから紹介するターミナルコマンドを入力するだけです。画面が画面だけに、なんかMacですごいことをしている気分になれます。（実際にはコピペしてEnterを押すだけですが…） 最初はドキドキしますが、慣れるとなんとも思わなくなるから不思議です。念のためですが、実行は自己責任でお願いいたします。それでは参りましょう。 クイックルックでテキストのコピーを可能にする クイック

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

SourceTreeの使い方 | コミットの取り消し方法まとめ（amend, reset, revert, cherry-pick） 高機能Gitクライアントの「SourceTreeソースツリー」（無料）や「Tower」（有償）は導入しやすく機能が豊富なため人気があります。Gitにはコミットやプッシュだけではなくさまざまな機能が存在するので、使いこなすことで効率よく開発を進めていけるでしょう。本記事ではGitを使う上で必須となるcommitコミットの取り消し方法をテーマに、次の4つの機能を解説します。 コミットの修正・やり直し（amend） コミットの取り消し（reset） コミットの打ち消し（revert） 別ブランチからのコミットの取り込み（cherry-pick） 本記事では次の機能をSourceTreeとTowerの両方のソフトウェアの操作方法として解説します。 コミットの修正・や

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

『アジャイルサムライ』の次に読むオススメの本 (プロセス系ではなく技術書) を Agile Samurai Base Camp TDDの部、講師 6 人で投票した結果の書影まとめです。 Apr 20, 2014 @ Agile Samurai Base Camp Read less

PHPカンファレンス2014、P4Dセッションの発表資料です http://phpcon.php.gr.jp/w/2014/Read less

こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 （そんな技術的なこと書いても、ね。） 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 （当時2にあって3にはないプラグインがあった為未だに乗り換えてません） ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A

作成：2014/10/14 更新：2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き １．ジオメトリック 背景 ２．フルスクリーンでスライドさせる ３．ドロアー風ライトボックス ４．動画を再生するタイプ３つ スクロール ５．スクロールでクロスフェード ６．スクロールで奥行きを表現 ７．スクロールで分割 画像 ８．APNG ９．Google 画像検索風ライトボックス １０．トイカメラ風のフィルター ポップアップ １１．おしゃれなアラート １２．

ずっと興味はあったし、追っていたんですが手は出せていなかったWebRTCについてやっと学ぶことが出来ました。 ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化 作者: Ilya Grigorik,和田祐一郎,株式会社プログラミングシステム社出版社/メーカー: オライリージャパン発売日: 2014/05/16メディア: 大型本この商品を含むブログ (2件) を見る ハイパフォーマンスブラウザネットワーキングという本(以下、HPBN)がありまして、会社の中で輪読会していました。みんなで一つの章を担当しながら話すというスタイルでやっていました。 そこで僕が紹介したWebRTCの話です。 基本的にWebRTCの中でやっていることを深く説明した資料になっています。 HPBNの資料だけで分からなかったところはWebRTCミートアップの資料や先人た

Raspberry Piを使って簡単に組み立てられる小型PC「Kano」は、独自のOS「Kano OS」を採用し、プログラミングを「Minecraft」などのゲームを通して学習できる学習キットで、Kickstarterで1億円以上の資金を集めることに成功した大人気プロダクトです。そのKanoがGIGAZINE編集部に到着したので早速組み立てて「ゲーム感覚プログラミング」を試してみました。 Kano - Make a Computer http://www.kano.me/ ◆開封 Kanoのパッケージは明るいオレンジ色。 このかわいいキャラは「Kano」君。 裏面もこんな感じのイラスト。 箱をスライドさせるとやはりかわいいイラストが描かれたダンボール箱が出てきました。 裏面まで凝ったデザイン。 ダンボール箱を開けるとKanoのキット一式が登場。 中身を全部並べるとこんな感じ。 これがKan

いいものを見つけたのでコピペ。 yes >> /dev/null & 最後に & お勧め ｗ（二つターミナルが必要でなくなる。） ちなみに メモリ負荷をあげる魔法のコマンド /dev/null < $(yes) & LinuxでCPU負荷を上げる魔法のコマンド - Qiita ">>" は ">" でも良いと思うが、何か特別な理由があって">>"にしているのだろうか。 追記(2014/10/08): ただのメモにはてブがたくさん（当社比）ついてビックリ(^-^; コア数に対する考慮が足りない。 コア数に対する考慮が足りない。 - gomakyuのコメント / はてなブックマーク とコメントを頂いた通り、上記のコマンドを実行しても1つの論理CPUを使い切るだけです。 例えば上の図の通り、1ソケット * 4コア * 2スレッド で論理CPU数が8の場合は、ざっくり、1多重で実行すると12.5%

写真やイラストや文字など、JPEG, GIF, PNG画像をSVGのベクターに変換できる無料のオンラインサービスを紹介します。 写真画像でもこのクオリティは、スゴイですね！

初カキコ…ども… 俺みたいに何でもかんでもプラグインで解決しようって腐れ野郎、他に、いますかっていねーか、はは 。 と有名なコピペをあれしつつ、今回はWordPressの便利すぎて後ろめたい気持ちにすらなりそうなプラグインBEST5をご紹介します。 第1位　Favicon Rotator ファビコンって作るの何気にめんどくさくないですか？フォトショを拡張してないとicoファイル作れないし。JPGやPNGデータをファビコン形式に変換してくれるサイトを使ってicoファイルを作り、WordPressのメディアにアップロードし、ヘッダに組み込む。あぁ、めんどくさい！ ところがこのFavicon Rotatorってプラグインを使うと、JPGやPNGの画像をアップロードするだけであっというまに出来上がるんです！ﾏｼﾞﾊﾟﾈｴ プラグインをインストールすると、外観の中にFaviconというメニューが現れ

ども、ゆうせいです。先日、作業効率を上げるショートカットについてご紹介しましたが、今回は「仕事の効率を上げる（効率化）Macアプリ」のお話です。 画像をサクッと編集するアプリ、文字入力が捗るアプリ、そして集中力を高めてくれるアプリなどなど、そんな感じのものを「無料」に絞ってご紹介します。 画像編集が捗るアプリ ほぼ劣化なしで軽量化「ImageOptim」 まず最初にご紹介するのは、ほぼ劣化なしで画像を軽量化するアプリ「ImageOptim」です。これは、画質はそのままで、容量を軽くしてくれるという大変ありがたいアプリです。 使い方は簡単。画像をドラッグ&ドロップするだけ。複数枚を一度にぶっこむことも可能です。 比較してみた 元画像：844KB　（画像へのリンク） 「ImageOptim」で軽量化した画像：516KB　（画像へのリンク） 40%近く軽量化できましたが、ほぼ劣化していないと言っ

こんにちは。技術部の松尾(@Kazu_cocoa)です。 主にモバイルアプリ開発において、数ヶ月前よりGitHubのWebhooksを使ったとある取り組みを始めました。HipChatやSlackなどをはじめとした様々なサービスとの連携サービスを提供しているGitHubですが、Webhooksの機能を使うことで、より自分たちの開発を支援する未来を創造できればと思います。以降では、実際の使用例、その実装よりな話しへと話しをすすめます。 クックパッドにおけるWebhooksの使用例 チェックリストによるセルフチェックをPR時に実施する モバイルアプリ開発はWebアプリ開発と異なる点が多々あります。例えば、開発対象の面では端末の多様性、端末システム側設定・通信状態の多様さなど、リリースの面ではデプロイに対する制限や更新がユーザ依存であることなど、です。そのため、当たり前品質の底上げのために不具合の

はじめに こんにちは、虎塚です。 先週金曜日の18:30から1時間、AWSコンサルティング部でAnsibleをテーマに社内勉強会を開催しました。この記事では、会社の活動紹介を兼ねて、勉強会の様子をレポートします。 秋葉原オフィスと札幌オフィスにいた社員、東京や札幌近郊でリモート勤務中の社員10名以上が、Skype接続して実施しました。写真は、秋葉原オフィスの会議室に集まったAWSチームメンバーです。 今回の講師は植木さんでした。植木さん自身も上越からのリモート参加で、Skypeを使って画面共有しながら説明とデモを実施してくれました。上の写真で皆がディスプレイを食い入るように見ているのは、そのためです。 Ansibleの説明 デモンストレーション Ansibleをインストールする brew install ansible ssh/configを作成する ここで.ssh/configを自動生成

フォームローラーでほぐし続けた結果...ようやくわかった効果とメリット3つ #Amazonプライムデー

はじめに 独学でプログラミングを勉強しても実務に通用しにくい理由 - 25歳ニートが35万円で上京を企むブログを読んだときに、僕自身もまた不安定労働から、ある程度「これだったら自分できそうだ」という気持ちで取り組み、独習のつもりで幾つものプログラムを書いたりしていた。だから、ニートからプログラマを目指して、社員として今頑張ってます、というのはすごく仲間意識を持ってしまうし、同じように頑張ってほしいという気持ちはある。 確かに、上の記事の趣旨自体、つまり「独習で学ぶことは、実務上でカバーできない部分がある」という側面があることは認めつつ、しかし、自分自身は独習したことが案外実務上で役に立っている部分もあり、その部分は明確にしたほうが、今後同じように独習して、今度プログラマを目指す人々において役に立つのではないか、と思うので、この記事を書こうと思う。 この記事で扱う「Webアプリケーション開発

いつも購読しているブログのひとつに「I believe in technology」という@reynotch さんのブログがあります。 I believe in technology 普段はセキュリティ関係の記事が充実していてとても勉強になるのですが、時々ご自身で使われているおすすめグッズのセール紹介なんかもされています。 2014年10月2日に、Bianchi（ビアンキ）の3WAY ボディ＆ショルダーバッグがAmazonでセール中との記事を読み、ちょうど普段使いの手頃なボディバッグが欲しいなと思っていたので渡りに舟とポチッとしました。 おすすめのBianchi 3way ボディ&ショルダーバッグ LBTC-13が値下げ＆クーポンで2,500円オフ！！｜I believe in technology スポンサーリンク 僕はAmazonのプライム会員なので、翌日（昨日ですね）の夜には無事に届

独学でプログラミングを勉強してIT業界に就職したけど、やはり独学で得た技術だけだと通用しないと思う局面が幾たびもあった。 今は本はたくさん出てるし、動画もあるし、生のコードを読みたければGitでいくらでも読めるし、独学で勉強する土台はかなりできていると思う。 それでもなかなか実務に通用しない。 その理由はいろいろあるんだけど、自分が強く感じた３つの理由をこの記事では挙げたい。 １．独学では妥協をいくらでもできる 独学で作っているプログラムだと、使い勝手が悪い機能を見つけたとしても「ま、ええか」で済ませてられてしまう。 誰に命令されて作っているわけでもないから。極端な話、バグがあっても放置できる。「小さいバグだしいいでしょ」と。実務でそれをやったら殺される。 「ま、めんどくさそうだしこれでええか」で済ませてしまうと、めんどくさい実装をすることで得られる技術の向上がなくなる。 実際、現場だと仕

はじめに Swiftのコードは多様な記述の仕方ができるので柔軟でかつ表現力もありますが、チームで開発を行うとどうしても記述の仕方が統一できず可読性も上がりません。弊社（Wantedly）でSwiftのアプリを開発した経験をもとにアプリ開発におけるコーディングスタイルガイドを作成しました。このコーディング規約がベストプラクティスだというわけではなく、Swiftもまだまだ手探りなところもあるので、参考情報としてご参照ください。また、規約の範疇ではないですがエラーになりやすい記述も合わせてフォローしています。 バージョン v0.3 改版履歴は文末を参照ください。 コーディング規約の必要性について Swiftはプログラマがリスクを取ることによってより簡素に端的に記述ができたり、型推論が強力なので型の明記を省略して記述ができます。チームでSwift開発を行う場合は、詳細に記述するのか、省略して記述す

メッセージキュー について書いている連載の続きとして、今週末は分散型メッセージングを実行するための様々なライブラリを詳細に分析していきたいと思います。今回の分析では、APIの特性、デプロイメントやメンテナンスの容易さ、そしてパフォーマンスの質を含めて2、3種類の異なる側面に着目します。メッセージキューは2つのグループに分類できます。ブローカレス（brokerless）とブローカード（brokered）です。ブローカードなキューはエンドポイント間に何かしらのサーバを挟んでいますが、ブローカレスなメッセージキューは、メッセージ送信の際でも間に何も挾まないP2Pです。 今回分析するのは以下のシステムです。 ブローカレス nanomsg ZeroMQ ブローカード ActiveMQ gnatsd Kafka Kestrel NATS NSQ RabbitMQ Redis 取り掛かりとして、ほぼ間違

基礎からわかる！ BtoBマーケティング実践ガイド BtoBビジネスで勝てるマーケティングのノウハウを1冊の資料にまとめました。（全65ページ） 詳細はこちら

Fluentdなどから収集したメッセージをelasticsearchへ格納してKibanaで可視化するソリューションは素晴らしく、とても人気があります。次の画像のように見栄えが良いことも特徴です。 このダッシュボードアプリであるKibanaはJavaScriptアプリケーションです。そのため静的ファイルを配置すればどこでも動きます。 しかしそれだけのためにApacheやNginxなどのWEBサーバを新たに起ち上げるのは手間ですよね。 実は新たに起ち上げない方法もあるのです。こんな時に役立つTipsを紹介します。 elasticsearchのsiteプラグイン siteプラグインは、ウェブベースのインターフェースを提供するものです。 elasticsearchの挙動へ変更を加えるものではないため、サービス停止(再起動)を行わずにインストール・アップデート・アンインストールができます。 モニタ

今日はスクレイピングの話をします。 今回のターゲットは三菱東京UFJダイレクト。金融機関もウェブサービスを提供するようになり、金にまつわる情報を電子化しやすくなりましたが、かれらが API を提供しているわけではないので、私たちのほうで取得・加工をしてやる必要があります。今やウェブサイトであれば当然のように JavaScript を使っているわけなので、いわゆる mechanize、つまり HTML の解釈をおこない、リンクのクリックやフォームの送信をシンプルに実装するようなやり方でのスクレイピングはすでに無理筋だといえます。 もちろん今日においてはブラウザオートメーションという方法がすでにありますので、これを利用してやれば、なんの憂いもなく実際に人間が使うようなブラウザをプログラマティックに操作することができます。現在は Selenium WebDriver がデファクトで、これが使用す

よくあるディレクター(数値を追ってる人) からの質問 Appstore 自社アプリページについて ページビューやユニークビジターといった数値は取得できる？ 上記ビジターの流入元（ソーシャル、リファラル、ストア内検索等・・・）は取得できる？ その際、ストア内検索の際の検索キーワードは取得することができる？ Smart App Bannerについて CTR（クリック数）を表示することは可能？ 別スマホアプリのWebview（ブラウザ含む）内でタップ時の挙動（遷移先）をユーザクライアント内のアプリインストール済/未済で変更することはできる？ 未インストールであればAppstoreのアプリページに飛ばしたい インストール済であればCompathyアプリに飛ばし、当初Webview上で閲覧していたのと同じコンテンツが表示されている場所に遷移させたい 別スマホアプリのWebview（ブラウザ含む）内で

※　こちらのテンプレートのバージョンアップ版を作りました大体いい感じになるパワーポイント用テンプレート「Azusa　2号」のワイド対応版「Azusa　2号W」を作りました 横田です。パワーポイントは苦手です。 いつもプレゼンの資料はパワーポイントで作成しているのですが、どうもテンプレートを作成がうまくいかず、毎回同じようなテンプレートを使っていました。通常のプレゼンであれば、いつものテンプレートでも良いのですが、ライトニングトークなどの場合はいつも使っているテンプレートではなく、もうすこしスッキリしたテンプレートが欲しいと思っておりました。 そんな時に見つけたのが、佐野章核さんが制作された「大体いい感じになるKeynoteテンプレート「Azusa」」、よくこのテンプレートを利用してライトニングトークをしている人を見かけたので、私も利用してみたいと思っておりました。 ※Azusaと佐野さんに

GitHub を使って Pull Request ベースで仕事しているとこんなことがありますよね…… ( ^o^) LGTM もらった！:sushi: ( ˘⊖˘) 。o(CI 通ったらマージしよう) |花金|┗(☋｀ )┓三 ( ◠‿◠ )☛ マージしてから帰れよ ▂▅▇█▓▒░(’ω’)░▒▓█▇▅▂ 忘れてたああああああ Issue/PR のタブを開きすぎて、自分のにしろ他人のにしろ何がどこにあってステータスがわからなくなってしまうという問題もありますね。 そんなときに便利なユーザースクリプトがこちら。 GitHub PR Build Status in Favicon chrome://extensions に放り込むなどしてインストールすると、ビルドステータスが設定されている Pull Request（例）では、Favicon の右下にそのステータス（最新コミットのもの）を表す色

公開日：2014年9月28日 カテゴリ：モノ iPhoneの新バージョンが販売されるごとに携帯キャリア各社はプランの改定に精を出します。一体どこがいいのかさっぱりわからず契約し、毎月の請求金額が結構な負担になっている人も多いはずです。今回の記事では、毎月の請求額が通話とデータ通信込で月額2,000円程度に抑えた僕の運用方法をご紹介します。 まずは下記の項目を確認してください。 1.仕事や私用で携帯電話番号を変えられない、050PlusやSmarTalkのアプリ通話は品質（ラグなど）が悪くて利用は避けたい。ファミリー間、キャリア同士通話は活かしたいので、そのままにしたい。 2.スマホを利用しており、月のデータ通信費用（2GB程度）で、3,000円以上かかっている。 3.ノマドするので、テザリングしたい。 4.家族や会社など複数人で利用したい。 2つ以上マッチする人はこの記事を読むと幸せになれ

Diversité des plasmodies - Présentation de la 3e édition du Cours international « Atelier Paludisme » - INSTITUT PASTEUR DE COTE D'IVOIRE 03 BP 2119 ABIDJAN 03 - INGENIEUR - enguessan@yahoo.fr

pplog の方に書いたけど、別にブログに書けばいいかと思い直したので投稿。Slack でチャットしてて、なんとなくこれ面白いよ URL を共有する機会があったので適当に選んだもの。 伽藍、バザール、ノウアスフィア、おなべ(3) http://www.artonx.org/diary/20120411.html#p01 artonさんがノウアスフィアの開墾についてわかりやすく書いてるもの。原文はちょっと長くて読むのが大変だけど、こっちは分かりやすいし、面白い。OSS の構造がなんかわかったきになる、すごい。 Steve Yegge の Google とプラットフォームに関するぶっちゃけ話を訳した http://anond.hatelabo.jp/20111018190933 (前編) http://anond.hatelabo.jp/20111018192953 (中編) http://a

2014.09.18 ランディングページの成約率を大幅に上げるかもしれない、「購買心理」のまとめ キーワード：コンテンツマーケティング , ランディングページ最適化 ランディングページのコンバージョンが上がらない。デザインもよく、プロダクトの魅力を十分アピール出来ている気がするのに、なぜかコンバージョンが思い通りに行かない。こんなお悩み、ありませんか？ ひょっとすると、あなたのランディングページに欠けている視点は、顧客が「モノを買う」時の心理かもしれません。 目次 購買心理の8段階 「注意」を惹き付けて「興味」を持ってもらう 「連想」させ、「欲望」をかき立てる 「躊躇・ためらい」に打ち勝つ ユーザーの決心を揺るがせる「障壁」の存在 400円のコーヒーは買うのに100円のアプリは買わないのはなぜ？ 「確信」から「行動」を早める4つのコツ 選択肢を減らす 危機感を持たせて急がせる 「お試し」を

サイバーエージェント公式ブログをご覧の皆さんこんばんは、インフラ＆コアテク本部の須藤(@strsk)です。普段はAmebaのソーシャルゲーム全般のインフラを見つつ、日本語ラップの啓蒙をしながら弊社社員を素材にコラ画像をつくったりしています。好きなAAは麻呂です。 はい、というわけで今回はMySQLインデックスチューニングの基本的な流れについてまとめてみました。 ソーシャルゲームは更新も参照もめちゃくちゃ多いです。数秒のレプリケーション遅延も致命的なので適切なテーブル、クエリとインデックス設計が重要です。（何でもそうですけど）インデックスが多くなると更新コストなどが懸念されますが、インデックスが正しく使われていないクエリを放置している方が悪です。そんなこんなで、割と例も偏ったりしてるかもしれませんがあしからず。 前提としてはInnoDBを想定しています。MyISAMはほとんど使っていません。

情報であふれかえる毎日において、さまざまなデータを一元的にまとめてタスク管理を行うのは至難の業。そのため、タスク管理用のアプリやソフトウェアが次から次へとリリースされていくわけですが、ノート1冊でタスク管理をバッチリやってしまえるという方法が「Bullet Journal」です。 Bullet Journal: An analog note-taking system for the digital age http://www.bulletjournal.com/ Bullet Journalの概要は以下のムービーから確認可能です。 Bullet Journal - YouTube まずはノートの1枚目にインデックスページを作ります。この時点では「INDEX」と書き込むだけ。 続いてノートをペラリとめくって2ページ・3ページ目へ。見開きページの両方に「AUGUST 2013」と書き込まれ

1. インターネット広告の料金一覧 インターネット・Web広告の料金は、広告手法や広告媒体によって様々です。ここでは、主要なネット広告手法と各有力媒体における料金相場をまとめました。 1-1. リスティング広告（検索連動型広告） リスティング広告は、GoogleやYahoo!などの検索エンジンの検索結果ページに表示される広告です。 ネット広告といえば真っ先に思い浮かぶ代表格ですね。 ユーザーが入力した検索キーワードに関連して広告を表示することができるので、非常に費用対効果の高い広告手法です。 （※リスティング広告について詳しくは『リスティング広告とは』『リスティング広告のメリット・デメリット』でも解説しています。） リスティング広告は、広告がクリックされた時にだけ料金が発生するクリック課金型の広告です。また、広告の配信はキーワード単位で行われ、キーワードごとのオークション入札形式になります

シンプルで見やすく、Web制作時などのコーディング作業が捗る使いやすいSublime Text 2や3のテーマを紹介します。使い慣れたエディタもテーマを変えると新鮮な気持ちになりますよね。 まずは、最近リリースされたSublime Text 2/3のテーマから。 テーマファイルをインストールする方法や日本語化は、一番下にまとめました。

Win/Mac対応、Chromeで表示したWebページのUIエレメントのサイズやマージンが簡単に計れてしまう無料の機能拡張を紹介します。 Webページだけでなく、画像をChromeで表示すれば画像も計ることができます。

TL;DR 筆者が起業するまでに必要だったことや流れ。今回は簡易的な情報となっていますが、知っておくとフリーや起業前に役に立つことをまとめます。起業から少し時間が経ったので記憶があいまいですが、ざっくりとした流れと気をつけておきたいことをメモしています。 創業前に準備すること 起業前に事業内容と企業理念を決定し、会社案内資料をパワポで作成しておきます。内容は企業理念・事業内容・解決できること・会社概要など。 １．定款作成前 定款作成前に準備しておきたいこと、事務所について調査しておくべきことのリストです。実印・銀行印・角印・ゴム印に関しては司法書士さんに社名の重複がないか調べてもらった後に作成します。 事業所物件候補を見つけたら、不動産屋に連絡 回線がひけるかどうか聞く 改装可能か、どこまで改造出来るか聞く 計画している事業内容で賃貸可能か確認 信用審査があるので待つ 審査 OK でテナン

（150522追記）本稿の続編としてAngularJSモダンプラクティスを掲載しました。本稿は2014年9月に執筆し、情報がかなり古くなっています。続編では、AngularJS 1.4やAngular 2に関する情報をまとめ、入門者への新鮮なチュートリアル、熟練者の移行手引として作成しました。どうぞご覧ください。 この記事は記録のため残します。 AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる 危険度★★★ angular.module('myApp') .service('FooService', [ '$q', '$resource', '$rootScope

Photo by scott feldstein こんにちは、今回は谷口がお送りします。 ITエンジニアの皆さんは、普段どれくらいの時間、プログラミングの勉強をしていますか？エンジニアであれば、仕事でもプライベートでもプログラミングをしているという人が多いのではないかと思います。 今回は、そんなエンジニアの勉強と、エンジニア特有のワーク・ライフ・バランスについて考察してみたいと思います。 先日paizaでは、会員の方に向けてITエンジニアの働き方に関するアンケートを実施しました。期間は2014年7月18日から7月31日の間、対象となったのは、20代、30代で正社員・契約社員・派遣社員の皆さん273名です。 このアンケート結果から、エンジニアの皆さんが望む働き方を見てみましょう。 ■アンケートから見るITエンジニアの働き方 ◆1．残業時間と所属業態 まずは皆さんの平均残業時間です。 これを見

2014/9/6に開催されたXP祭り2014で「アジャイルを手放して得られたこと」という講演をしてきました。Togetterはこちらから。 元々は「アジャイルのダークサイド」の話がしたくて応募したのですが、その後、いろいろと考えているうちに僕自身にも気づきの多い内容となりました。 さて反応を見てると前半のアーキテクチャとマネジメントの話に興味を持っていただいたようです。なので、このブログでは「なぜアーキテクチャとマネジメントの話からアジャイルの話をしたのか」ということを書いてみます。 アジャイルがさまたげたもの アジャイル開発手法が大きく注目されるのは1999年の「Extreme Programming Explained」の出版であり、2001年の「アジャイルソフトウェア開発宣言」です。1990年代後半から2000年代初頭というのは、IT産業が大きく成長する時代であり、同時に、当時主流で

JPOUG> SET EVENTS 20140907 | Japan Oracle User Group (JPOUG)に参加して発表をしてきました。IIJさまのセミナルームは窓からの眺めがすばらしいですね。JPOUGの運営メンバのみなさま、会場を提供してくださったIIJのみなさま、当日お越しいただいたみなさま、どうもありがとうございました。 私のセッションでは「MySQLのロックについて」と題してネクストキーロックなどの説明をしました。プレゼンテーション資料と、調査のために作成したツールを公開します。 プレゼンテーション資料 (PDF) Lock Inspector 1.0 プレゼンテーション資料からリンクしているウェブサイトの一覧です。 MySQL Lists: mysql: Re: InnoDB's inner workings + checkpoints 過去記事の訂正 @kami

テーマバリデーションサービス The Web Template Verification Service WordPressテーマ的におかしなところがないかチェックする時に使用。 Theme Check WordPress › Theme Check « WordPress Plugins WordPress管理画面から、プラグインでテーマをチェックすることができます。すべてを修正するのは難しいけど警告部分くらいは直したい。 AntiVirus WordPress › AntiVirus « WordPress Plugins テーマのウイルスチェック。一応チェック。 noindex、nofollowのチェック NoFollow noindex、nofollow、nofollowリンクなどをチェックできるChrome拡張。FirefoxだとSeerobotsアドオンが便利。 サイトのnoi

ディレクトリツリーからファイル選択 NERDTreeからvimfilerに乗り換えた。 両者はいずれもディレクトリツリーからファイルを開くという意味では一見良くてい似ています。 しかしそのコンセプトは別物で、自分にはvimfilerのコンセプトが合致したので乗り換えました。 簡単にいえばNERDTreeは常にディレクトリツリーを表示して使用するのに対し、 vimfilerはディレクトリツリーを必要に応じすべてのウィンドウで表示可能な点が異なります。 説明が下手すぎるので、詳細はvimfilerのヘルプにもリンクしてある以下を参照して下さい。 わかりやすい。 http://vimcasts.org/blog/2013/01/oil-and-vinegar-split-windows-and-project-drawer/ なおNERDTree的な使い方も必要な場合は:VimFilerExpl

みなさんご無沙汰しています。WPD-Bordeaux ことBizVektorの石川です。 さて、WordPressでビジネス向けのウェブサイトをつくろうとすると、最近では非常に優秀な無料WordPressテーマもあるようですが、そういった高機能なテーマがあったとしても サービス紹介や会社案内などいろいろなページを自分で作成 ナビゲーションを作成・設定 問い合わせフォームを設定 など、何だかんだと地味な設定作業が結構あり、どうしてもある程度時間がかかってしまいます。 そこで、今回ご紹介するのは、WordPressでつくるコーポレートサイト向けコンテンツのxmlテンプレートです。 これを使うと、WordPressがインストール済みの状態であれば、おおよそ15分程度で下記のデモサイトの状態まで構築出来ます。 デモサイトを見る 今までなかった”中身”のテンプレート デザインや機能のテンプレート（テ

先日the-world-is-yoursさんが書いた記事。こちらを実際に試してみました。 http://oreno-memo.hatenablog.com/entry/1stHatebu.ver2 結論:10分でプッシュ通知された！ スポンサーリンク だいたい10分くらいでプッシュ通知がきました。設定の仕方は上のリンクに詳しく書いてあります。 書いてあるとおりにやるだけで簡単にできたので、参考にさせてもらいましょう。 the-world-is-yoursさん、ありがとうございます。 記事の拡散には有効？ はてブされるという喜びを感じるのに有効なこのレシピ。人によってはブログ記事の拡散に役立つのかも。 はてブは、3ブクマが短時間につくと新着エントリーに乗ります。 ひとつ目（もしくはふたつ目）のブックマークがされたらセルクマ（みずから自分の記事にブックマーク）をする戦略を取っている人には必須で

2014/9/12に行われた週末ランサーズでのGulpハンズオンで使用したスライドです。 LIGブログでこの内容をさらにまとめています。 http://liginc.co.jp/web/tutorial/117900

WordPressは、機能性、拡張性、運用面、セキュリティなど様々な点で総合的に優れたCMS（コンテンツ・マネジメントシステム）です。 そしてWordPressは、GoogleのSEOに関する情報発信者で有名なマット・カッツ氏のブログでも愛用されており、同氏も認めるほどSEOに相性が良いことが特徴です。その理由は、検索エンジンに評価されるサイトの設計・構築が細かく、容易ににできうる点にあります。 そこで今回は、WordPressのSEO対策について、導入、設定、テーマ、プラグインという大きく4つのフェーズで、SEO効果を最大限に引き出す為の方法をご紹介します。 ※本記事とは別に『CMSのSEO対策』でもWordPressのSEOに役立つ補足を解説していますので是非ご覧ください。 WordPressの導入時に行うこと WordPressを使ってWebサイトを構築するには、事前にサーバーとドメ

ランディングページ（LP）は、インターネット広告やリスティング広告の受け口となるWebページのことです。 読み手が求める情報・内容にあわせ、このランディングページの情報を整理整頓することで、広告効果を高めることができます。しかし、構成の内容によっては、せっかくの来訪者が離れてしまうこともあるのです。 今回は、こうしたもったいないミスマッチをなくすため、これからランディングページの制作を考えられている方々に向けて効果を高めるための構成要素をお伝えできればと思います！ ランディングページ(LP)とは？ ランディングページとは、インターネット上のバナー広告や検索エンジンの結果に表示されるテキスト広告のリンク先になっているWebページのことを指します。このページは、企業や製品のWebサイトのトップページであるケースもありますが、多くは広告効果を高める目的で単独で制作されたWebページを用意していま

おかげさまで、トレタもコツコツ導入実績を積んで、少しずつ会社らしくなってきました。 気づけばメンバーも20人を超えてオフィスの席が足りなくなり、恵比寿にもお引っ越ししました。（お引っ越しについてはまた別の機会にでも書きます） 会社には、その規模とかステージに応じた情報共有環境が必要になるんだと思うのですが、今回はトレタでのslack（チャットサービスです）の活用についてご紹介してみたいと思います。 たかがツール、されどツール。ツールが変わるだけで、仕事の仕方とかコミュニケーションの形もガラッと変わるんですよね。で、トレタもslackのおかげで仕事から会社の雰囲気まで、いろいろなことが大きく変わりました。 7月から全社で利用中 トレタでは、7月からslackを全社の標準チャットツールとして採用しています。今やチャットツールにも多種多様なサービスがありますが、帯に短しな感じでど真ん中にどんぴし

2014年9月9日開催の"AWS Cloud Storage & DB Day"で使用した講演資料です。 以下のURLからもダウンロードすることができます。 http://iy-h.com/03/aws-storage-day-2014-09-09.pptx

2014/09/09に行われた『サーバ/インフラエンジニア養成読本 ログ収集〜可視化編』　出版記念！執筆者が語る大講演会！ での発表資料です。 http://eventdots.jp/event/137658Read less

2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって

GMOサイバーセキュリティ byイエラエ（旧オハコ）は、サービスデザインやUX/UIデザインを中心に、企画、設計、デザイン、開発、運用、グロースとワンストップでお客様のパートナーとして伴走いたします。また、デザインだけでなく、ビジネスとテクノロジーのプロフェッショナルによるチームがお客様とワンチームとなり、事業成果にコミットいたします。

pull requestの作り方について 作業途中でもpull request作ったほうがいい。 作業途中だと分かるようにwantedlyだと、[WIP]とかタイトルの最初につけてる タイトルに書くこと 作業の内容が分かるタイトル descriptionに書くこと WHY WHATを必ず書く Viewに変更がある場合は、スクリーンショットを貼る 関連のissueやpull reqeustへのリンクがあれば書く コードだけで分かりにくい箇所の説明(できるだけコードだけで分かるほうがいいけど) イメージは、初めてpull requestを見る人がmergeする上で必要な判断ができる情報があること。 どの作業をしているか、残っているか分かるように、マークダウンでチェックリスト作る git commitの方法について 僕自身まだまだcommitの単位は汚いので、今の僕レベルで気をつけていることを書

話題の格安SIM。ここではデータ通信専用の格安SIMについて、1000円前後、1500～2000円前後の2パターンに分けて、詳しい比較表をお届けする。 月1000円前後の人気格安データ通信サービス （すべて税込） OCN モバイル ONE 70MB/日コース BIGLOBE LTE・3G エントリープラン ワイヤレスゲート Wi-Fi＋LTE SIM （ヨドバシ） IIJmio ミニマムスタートプラン BIC SIM ミニマムスタートプラン 480円 プラン 920円 プラン 通信網

photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー

ある日突然、業務知識もない、人脈もない、基礎的な素養もない部署に異動することになったら、あなたならどうしますか？そして、その事業が15年連続右肩下がり業界としたら、あなたは何から手を付けますか？そんなピンチな私の杖になってくれたのは、アジャイルの鉄人たちの教えでした。 業務改善をしたいけれど、どこから手を付けていいかわからないと思っている方に、未来会議というフレームワークとそのダンドリを「XP祭り2014」でお話させていただきました。何かの参考になれば幸いです！

最近やることがたくさんあってどうしたら良いか分からなかったので、同僚の薦めもあって「イシューからはじめよ」を読んだ。結構面白かった。 イシューからはじめよ──知的生産の「シンプルな本質」 作者:安宅和人英治出版Amazon この本には、やるべきことがたくさんあった時に、タスクをやる効率をどんどん上げていくという方向にまず走るのではなく、その中で重要なイシューを見極めてそれを重点的に取り組むべきである、というようなことが書かれていた。とにかくやるのではなく、まずやることを見極めよみたいな感じ。確かに忙しい時はとにかくやるとなりがちだけど、とにかくやっててもあんまり成果が上がらないことがあるので、まず見極めないといけないと思った。 この本の中で 悩まずに考える 「これは何に答えを出すものなのか」を明確にしてから問題に取り組む 一次情報を死守 という言葉が印象に残ったので、それについて書く。 悩

うちの息子（９）はいっつも「おとうさんいつ帰ってくるの？」と聞くそうだ。そんな息子のニーズに応え、おとうさんいまどこメーターを日曜工作で作ってみた（最初は天気予報メーターにしようと思ったけど息子にいらんと却下された）。 スマホのWiFiとGPSの位置情報をIFTTTで拾ってcloudBitでサーボを動かす簡単なしくみ。電子工作の経験は不要で、こーいうのを子どもでも誰でも30分くらいで作れてしまう。cloudBit is AWESOMEである。 以下、このメーターの作り方を簡単にまとめ。 littleBitsって？ まずはlittleBitsを知らない人のために簡単に紹介しておこう。littleBitsは子供が遊びながら電子工作を学べるおもちゃで、ボタンやLED、モーター、光センサーといったいろんな電子部品のモジュールを組み合わせて回路を組める。電子工作っても、難易度はパズドラより低い。モジ

GitHubと連係するコードレビューツール「ReviewNinja」がGitHub上で公開されています。開発しているのは欧SAP。あの業務アプリケーションで知られるSAPです。 Review Ninjaはまだ開発の初期にあるようですが、GitHub上で次のように解説されています。 ReviewNinja is a lightweight code review tool that works with GitHub, providing a more structured way to use pull requests for code review. ReviewNinjaは軽量なコードレビューツールで、GitHubと連係しています。これはコードレビューの場面でプルリクエストを用いてより構造的な方法を提供するものです。 （一部省略） ReviewNinja defines a clea

Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。

Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 BASEでエンジニア、デザイナーを募集

僕らは自分の製品やサービスを、『お客様の痛みの解決である』と考えることが不得手なのかもしれない。 昨夜、お馴染みカナダのJustinさんの最新記事『The pain you can't stand（あなたが耐えられない痛み）』という記事を読んで、そういう思いを持った。 彼の記事には、『痛み』にも程度があって、たとえばそれを3種類に分けると考えやすいと提案されている。 ＊ひどい痛み　　　　急に歯が痛くなって、我慢できないぐらいである。近所にある歯医者の看板を思い出し、あるいはネットで救急でみてくれる歯医者を探して飛び込む。 ＊ふつうの痛み　　　時々、奥歯に鈍痛があるけど、ほおっておけば痛みも止む。いつかは歯医者にいかなければならないと思っている。 ＊少しの痛み　　　　ほとんど痛くはないが歯茎が少し腫れているようだ。歯槽膿漏に関するCMなどが少し気になる。 もし自分が歯医者だったら、マーケティ

マーケティング業界は日々急速に変化しています。範囲も多岐に渡るため、情報や知識をキャッチアップすることに苦労している方も多いのではないでしょうか。 しかし、マーケティングの全体最適を図るには、いずれの分野も理解が必要です。 そこで今回は、マーケティング・広告業界で情報感度を高める為にチェックしておきたい、良質な情報サイトをご紹介します。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】

11. I'm yoku0825 ● とある企業のDBA ● オラクれない ● ポスグれない ● マイエスキューエる ● 家に帰ると ● 嫁の夫 ● せがれの父 ● 馬鹿だからかわいいわけじゃなくて、かわいい イルカがたまたまバカだった 12. はじめに ● サンプルデータは MySQLのサンプルデータ ベース(worldデータベース)からインデック スを全て取っ払ったものです ● http://dev.mysql.com/doc/index-other.html ● コードはgithubに上げてあります ● https://github.com/yoku0825/yapc_2014 ● すごく…ウンコードです… 13. はじめに ● 原則、MySQLは1つのテーブルにつき同時に1 つのインデックスしか使いません ● Index mergeとかあるけどアレは例外だし狙って やっても速くなる

この記事を読み始める前に Rubyでやるんだったら、ちょうどそういう本が出ているから、その本買えばいいのではないでしょうか。 Rubyによるクローラー開発技法 巡回・解析機能の実装と21の運用例 作者: るびきち,佐々木拓郎出版社/メーカー: SBクリエイティブ発売日: 2014/08/25メディア: 大型本この商品を含むブログ (1件) を見る はじめに プログラミングを勉強し始めて、だいたい基礎的な文法を覚えたあとに、次に何をしようかな、と悩む人も結構多いみたいで、明確に「これを作りたい」という場合は、それを作ればいいとは思うんですけど、場合によっては、別段作りたいものが無く、漠然としたプログラミングをしたい、という熱意によって勉強しているという人もいるのではないかと思います。 で、もちろん「作りたいものがないのに、プログラミング勉強してどうするの」という意見もあるかとは思いますが、往

本記事に掲載した行為を自身の管理下にないネットワーク・コンピュータに行った場合は、攻撃行為と判断される場合があり、最悪の場合、法的措置を取られる可能性もあります。このような調査を行う場合は、くれぐれも許可を取ったうえで、自身の管理下にあるネットワークやサーバに対してのみ行ってください。また、本記事を利用した行為による問題に関しましては、一切責任を負いかねます。ご了承ください。 ひょんなきっかけで接続されているパスワードが設定されており、暗号化された無線LANを流れる自分以外の通信を復号できるかどうかということの再確認を「Wireshark」を用いて行ったのでそちらの手順のメモです。前提条件として、その無線LANに接続しているユーザはWPA2 Personalで共通のパスワードで接続しているというものです。 また、今回、Wiresharkを動作させているコンピュータはMacOSです。 まず、

By studio tdes ビジネスの大事なミーティングや他業種との交流会をランチの時間に行う「パワーランチ」が話題になったことがありましたが、さらに朝の早い時間帯にシフトして活動を開始する「朝活」にも注目が集まりつつあることからも感じられるように、実は朝の過ごし方は1日の行動に大きな影響を与え、ひいてはビジネスや人生にもよい影響を与えるといわれています。そんな朝の時間帯を歴史上の偉人はどのように過ごしてきたのかについて、時間指定して各種SNSへの投稿を可能にしたり、アクセス分析ツールなどのツールを提供するサイトBufferのブログでまとめられています。 Morning Routines: How Successful People Start Their Day http://open.bufferapp.com/morning-routines-of-successful-peopl

2016-09-15 New! この記事で紹介するコマンドの逆変換コマンド（JSONのみ）も作り、記事化しました。次の相手はjoです。 → joコマンドさようなら、俺はパイプが好きだから。PART 1 郵便番号→緯度経度→日の出時刻 コマンド jqやxmllintといったコマンドの使い勝手についカッとなって、独自JSON&XML解析コマンドと、その応用品“getsunrise.sh”を作った。なぜカッとなったのかは次のセクションで言いたい放題することにして、まぁとりあえず遊んでみてもらいたい。 curlとnkfが入っているUNIX環境ならほとんどの環境で動く。もちろん jqとかxmllintとか不要。JSONとXMLの解析はsedやAWKで済ませてる。 なのでこいつをダウンロードして、解凍・実行するだけだ。（コンパイルも不要） $ ./getsunrise.sh 288-0012 2014

おことわり このTipsは不作法だとして異論が出るかもしれないが、私自身がよくやるのでここで公開してみる。それは一体何かというと…… コマンドヒストリーが残るのイヤだ! と思うことってよくないだろうか? 開発環境で、後に再利用することは到底ありえないくらい長ーいワンライナーを書いたり、あるいは rm -rf * みたいなキケンなコマンドを実行したりして、ログアウト後にそういうのを残したくない、と思うこと。 そんなアナタにオススメのTipsだと思う。 次のコマンドを実行すればOK

日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

3. 3 2011年夏  前職にてアジャイル開発初体験  開発チームの一員として  アジャイルサムライ  発売後即購入  英語の勉強がてら原著も購入  その後読書会にも参加  渋谷道場  横浜道場

はてなではCTOとして「はてなブックマーク」を開発、グリーではソーシャルメディア統括部長としてソーシャルゲームの成長を技術面から支えた伊藤直也氏。 2012年からはフリーとして活躍し、KAIZEN platform Inc.にも技術顧問として参画している。近況とともに、プログラマとしての仕事スタイルについて、いま切実に思うことを語っていただいた。 by 馬場美由紀 （CodeIQ中の人） スタートアップならではのプログラム開発の流儀 いま、KAIZEN platform Inc.というスタートアップにシニアテクノロジーアドバイザーとして参画しています。KAIZENはWebサイトのA/Bテストをクラウドソーシングで提供する「planBCD」が主力のサービス。クライアントもかなり増えてきています。 この会社に参画するきっかけになったのは、創業者の一人でCTOの石橋利真さんが、大学の先輩かつ同じ

たとえば支給対象の子どもが3人であれば、最大で43,160円/月＋10,190円/月＋6,110円/月＝59,460円/月が支給さます。 児童扶養手当の対象者は？ ・離婚した方 ・死別された方 ・未婚で出産された方 ・配偶者の生死が不明の方 ・配偶者が重度の障害者の方(身体障害者手帳1・2級) ・養育している祖父母の方 などが手当の対象者になります。 児童扶養手当の申請方法は？ 1.まずは所得制限などの条件を自治体の役所の窓口で確認する。 2.もらえる場合は、戸籍謄本・印鑑・預金通帳・健康保険証・住民税課税証明書などを用意して申請をする。 以上の2点になります。前年の12月31日の時点の所得と扶養家族数で判断し、申請の翌月から支給対象になります。また申請者・この状況及び申請の内容により必要書類が異なりますので、手続きをスムーズに進めたい方や申請の方法がよくわからないという方は、役所の窓口へ

皆さんはどうやってカメラにハマりましたか？ デジカメマニアといえども、当然最初は初心者であり、いきなりカメラにハマった状態で生まれてきたわけではありません。そこには必ずハマっていくまでのプロセスがあるはずです。皆さんのそういう話、聞いてみたいなぁと思います。 聞くだけだとアレなので、自分の話もしておきます。書いてみるとものすごく長い自分語りになったので、興味ない方は読み飛ばし推奨です。 一応、簡単にまとめとくと、 たまたま良い写真を見て、同時期に仕事で一緒になったプロカメラマンの撮影技術に触発され、「自分でもやってみようかな」と思って勉強したらハマった……という流れです。 それじゃあ、詳しく書いていきます。 2007年頃 そもそも僕がデジタル一眼カメラを購入したのは、仕事がきっかけでした。当時、フリーランスの記者として仕事を始めたばかりの僕はコンデジで取材していたのですが、さすがに報道の現

私たちソニックガーデンの「納品のない受託開発」に取り組むソフトウェア開発のスタイルは、一般的に「アジャイル開発」と呼ばれるものに近いです。 しかし実際のところ、私たちは「アジャイル開発」をしようなんてかけ声をかけたこともないですし、普段から社内で「アジャイル開発」が話題になることもありません。「アジャイル開発」をしようと思ってしている訳ではないにも関わらず、「アジャイル開発」をやっているように見えるというのです。 この記事では、「アジャイル開発」について私たちが考えていること、そして、なぜ多くのアジャイル開発は失敗してしまうのか、うまくいくためにどうすればいいのか考えてみました。 2012-12-28 / Giåm 結果としてのアジャイル開発〜究極のアジャイル 「あなたにとってのアジャイルとは何ですか？」 先日、ある勉強会で質問されました。ちょっと想定外の質問だったので、しばし考えたあと私

OAuthプロバイダを提供することになったとして、アクセストークンに有効期限を設けるべきかどうかについて考えたい。OAuth 2.0の仕様にはアクセストークンの期限切れに関係する仕様が定義されているし、セキュリティをより強固にするためにアクセストークンは一定期間で期限切れにするべきだという主張があったと思う (確認していないので無いかもしれない)。しかしながら、例えばGitHub API v3ではアクセストークンに有効期限を設けていない。この投稿では、アクセストークンの有効期限に関係して起こり得る問題を取り上げる。 アクセストークンに有効期限を持たせておくとちょっと安全 アクセストークンが悪意のある第三者に漏洩してしまった場合、そのアクセストークンに認可されているあらゆる操作が実行可能になってしまうという問題がまず存在する。ここでもしアクセストークンに有効期限が存在していたとすれば、その操

This domain may be for sale!

セットになったアイコンはデザインが統一されており、それはそれで便利ですが、全部のアイコンを使うことはほとんどないと思います。 自分が必要なアイコンだけをセットにし、軽量化されたセットにして、WebフォントやSVGとして利用できるオンラインサービスを紹介します。 用意されたアイコンからセットを作ってもよし、自分のアイコンを加えてセットにすることもできます。 flat icon フォーマット：font(woff, eot, ttf, svg), png, svg, eps, psd 462種類のパック、55,000個のアイコンから使用するアイコンだけを選択し、セットにすることができます。チェックしたアイコンはクッキーで保存されているので、ログインしないでも利用できます。

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

いやー今年もISUCONの予選参加募集がはじまりましたね! 昨年は出題側だったので胃が痛かったですが、今年は参加側ですので大変楽しみにしております。@acidlemonです。 Docker使ってますか? さてみなさん、Docker使ってますか? 使ってる? 使ってない? ぼくは使ってませんでした。えー今どきBlue-Green Deploymentやってないの? Immutable Infrastuctureじゃないの? と言われそうですが、世の中にはいろんなしがらみとかもあってなかなか簡単にエイヤーでコンテナに移行できるわけでもないのは皆さんなんとなく感じているのではないでしょうか。 とはいえ、最近これだけ話題になっているDockerですので、そろそろ使ってみたいなぁ…ということで、まずは開発環境をDockerで上げられるようにしました。 Dockerでコンテナを作るときには2つのアプロ

「短い時間で効率的に仕事をこなしたい」というのは、すべての働く人の切実な願い。 そこで今日は、Google Chromeを使っている人にオススメの、仕事効率が格段にアップする拡張機能を10コご紹介しよう。すべて無料なので、ぜひインストールしてみてほしい。 1. Google Mail Checker Google Mail Checkerは、わざわざGmailを開かなくても、受信トレイに何件未読メールがあるかが一目でわかる拡張機能。メールのマークをクリックすれば、受信トレイに即移動してくれる。 2. Google Translate Google Translateを使えば、外国語のサイトも1クリックで日本語に。英語以外にもドイツ語やフランス語、スペイン語など全81の言語に対応しているので、海外のサイトも楽々読むことができる。 3. Readability サイトに埋め込まれた動画やチカチ

今回はOS X Lionから搭載されていて、起動しているアプリ全体が見渡せて便利な「Mission Control（ミッションコントロール）」を使いこなす方法について紹介したいと思います。 全体を確認できる「Mission Control」「Mission Control」の何が便利かというと、仮想デスクトップや今立ち上げているアプリなどが一気に確認できることですね。「MacBook Air」など解像度が低いマシンを使っている時は本当に重宝します。 まずは「Mission Control」の使い方ですが、「F3キー」を押すことで立ち上げることができます。他にもトラックパッドを3本指で上にスワイプすることでも同じ事ができます。 ちなみに、システム環境設定から「トラックパッド」を選び、「その他のジェスチャ」部分からMission Controlを4本指で上にスワイプに変更することもできます。僕

「クリエイティブ・コモンズ」という言葉をどこかで聞いたことがあっても、「クリエイティブ・コモンズの表記がある画像であれば、勝手に使っていいのか」「商用利用してトラブルになったりしないか」と、判断が迷うことがあるかと思います。 今回は、「画像の利用」の場合に絞って、クリエイティブ・コモンズを商用するための知識を図解しつつ、クリエイティブ・コモンズ・ライセンスを利用するための注意点を洗い出しました。 また、最後に、商用可能なクリエイティブ・コモンズ・ライセンス下の無料画像が見つかるサイトもまとめて紹介いたします。 【商用利用もOK！】無料(フリー)写真素材を上手に見つける方法・サイト厳選7選 クリエイティブ・コモンズ商用利用チェッククリエイティブ・コモンズ・ライセンスは下記のように分類されます。 使用したいと思っている画像についているライセンス（マーク）を確認してから、その画像を使用しましょう

1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは　Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha

突然新言語を書きたくなってGoを調べてみました。 Goってどんな言語？ Googleが開発した言語で2009年に登場しました。 公式サイトはThe Go Programming Languageです。 チュートリアルには日本語も用意されているので英語が苦手な方でもすぐに着手できます。 コンパイル型の言語だそうです。パラダイムはよくわからず...。 Goを書き始める インストール Macの方はHomebrewで一発です。 $ brew install go $ go version go version go1.3 darwin/amd64そのほかのOSやMacだけどHomebrewを使わない、といった方はこちらを参照してください。 Hello World Test.goファイルを以下の内容で作成してgoコマンドで実行します。 package main import "fmt" func m

5/29に発売されたばかりのSHURE（シュア）のイヤホン「SE112」を買ってみました。 先月、中野で開催された春のヘッドホン祭2014で試聴したときの印象が良かったのが購入のきっかけです。 SE112は約5000円というSHUREのイヤホンの中では最も安価な部類の製品ですが、非常に良く出来ていてコストパフォーマンスに優れたイヤホンです。 他のSHUREのイヤホンとほぼ同じレベルの遮音性と、いわゆる「SHURE掛け」という耳に掛ける装着方法でなく、一般的なイヤホンと同じ装着方法も可能な使い勝手の良さを併せ持っている点は評価できるところだと思います。 また、ケーブルはかなり丈夫に作られている様子で、これならば断線の心配も少ないと思います。 また、音も非常に良いです。 上位機種と比べても十分に戦えるくらいの音質のイヤホンであると思います。 買ってよかったと思います。 SHURE「SE112」

この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。

サイト運営にアクセス解析は必須だ。 自サイトに訪れるユーザーがどのような経路でどのページに辿り着き、何分間滞在して何ページ遷移してから、最終的に離脱するのか。見て欲しいページを見てもらえているのか。新しいサイトデザインは効果が出ているのか否か。ユーザー行動を分析し、それをもとにトライアル・アンド・エラーを繰り返すのがサイト運営だ。 ただ、正直なところアクセス解析の必要性は感じつつも気乗りしないと言う人も多いだろう。多くの人はGoogle Analyticsを使用していると思うが、使い方がよく分からない、と嘆く人も多い。 今回紹介する「Pt engine」はGoogle Analyticsに対して苦手意識を持つ人こそが試してみるべきアクセス解析サービスだ。サイトの分析を視覚的に行う事ができる上に、使いやすいフィルタリングでセグメント分けも可能。各デバイスごとのヒートマップ解析機能も利用できる

自宅の様子を遠隔地から確認するのに遠隔カメラは非常に便利ですが、設定が面倒だったり、カメラ自体が高価だったりと、なかなか導入するのにハードルは高いもの。そんな場合に、iOS端末を遠隔カメラに変身させて、簡単に撮影・クラウドで視聴できる無料アプリ「Manything」が便利です。 Manything | Monitor Anything with Manything https://manything.com/index.html ◆アプリインストール まずは、遠隔カメラにしたいiOS端末に専用アプリをインストールします。App Storeでアプリ「Manything」を検索し、「無料」→「インストール」→「開く」の順にタップ。 Manythingが起動したら、最初にアカウントを作成します。「Register」をタップ。 ManythingはFacebookまたはEメールでアカウントの登録が

Fluentdはデータを流すのに非常に便利なツールでそこら中で使われている(個人調べ)。そのため、なんかいろんなところで設定を見るのであるが、タグに情報が付いていたりフィールドに情報がついていたりして、あれ、これどうなってるんだっけ感に襲われることがよくある。 このあたり自分でも混乱しがちなので、普段どのように考えているかだいたいまとまった気がしたところで書いておくことにした。 Fluentdのデータ構造 まずはFluentdのデータ構造を知っておいた方が良い。Fluentdの内部データはMessagePackで符号化されているが、Fluentdのデータ構造は単なるハッシュではなく、時刻(time)とタグ(tag)という属性を持っている。次のような感じだ。 レコード レコード(record)は入力されたデータそのものであり、tailプラグインであれば、tailした1行のデータに相当する。重

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation. For the best experience please use the latest Chrome or Safari browser. Firefox 10 (to be released soon) will also handle it.

AppleがWWDC2014にてSwiftを発表してから2ヶ月近くが経ちました。OS X/iOSのアプリ開発に存在するObjective-Cの壁は取り払われ、より多くの人に馴染みやすい言語として現れたSwiftはコミュニティへの新たな開発者の流入を促し既存の開発者にもより安全でモダンなスタイルでの開発を可能にした点でとても歓迎されています。 既に沢山の入門文献や言語の特徴的な振る舞いを解説した文章が日本語で世に出回っていることは承知の上でありますが、最近のbeta 3で変更になった部分やこの2ヶ月で溜まってきたナレッジをもとにあらためて言語からアプリ開発まで一貫した解説記事を残したいと思いました。 本記事の構成はまず速習Swiftで文法の基礎的なところを話し、その後Todoアプリの作成を通じてクラスや構造体、UIKitを用いたアプリ制作の具体的な話をしていきます。読者は他言語を多少触ったこ

1.仕事が楽しいということ 2.あなたが何かを任されたら、あなたが一番偉いということ 3.政治的な駆け引きがないということ 4.最後まで自分が責任を持つということ 5.お互いを尊重するということ これは、とあるマイクロソフトの合宿で、ワンワン泣くビル・ゲイツ氏に対し幹部たちが提出した5つの「マイクロソフトの愛すべきカルチャー」である。 米国時間8月4日、Seattle IT Japanese Professionals（SIJP）主催の勉強会「若者たちの描く未来に期待する」が開催された。SIJPは、定期的に勉強会やイベントを開催しているシアトルのITコミュニティ。今回のゲストは、元マイクロソフト株式会社（現・日本マイクロソフト、以下「MSKK」と記載）の社長であり、現在慶應義塾大学大学院メディアデザイン研究科教授の古川享氏。古川氏は、マイクロソフト時代に経験したビル・ゲイツ氏とのエピソード

多くのネットサービスや企業のウェブサイトには、「About」「About Us」「私たちについて」「○○とは？」のような、自分たちが何者でどういったビジネスを行っているのかを紹介するページが設けられています。企業名だけではどんな業種かもわからないウェブサイトにたどり着いた時はAboutページを見れば良いわけですが、延々と社長のプロフィールが書かれていて具体的にどんな業種なのかわかりづらい……、といったページも多く存在します。そんな「顧客との入り口」となるAboutページを整備して、集客力やページビューを伸ばすことができる6つの方法をまとめたインフォグラフィックが公開されています。 Infographic: 5 ways to capture customers using your "About" page http://www.thehubcomms.com/infographic-5-

はじめに 「開発者（個人）のための」としているのは、別に自分でやっても良いんだけど Jenkins に任せられるなら任せたい、くらいのモチベーションを表現したつもりです。 環境 Ubuntu 14.04 LTS Jenkins 1.573 Bootstrap になって雰囲気が変わりましたね 初期設定 Jenkins 初期設定 Plugin のインストール Git Plugin 依存しているPluginも自動的にインストールされます。 Git Parameter Plugin は、ビルド時に Extended Choice Parameter plugin の Single Select ようなパラメータ形式で、リビジョンやタグを選択できるプラグインです。 Git 初期設定 Git Install Git がインストールされていないなら、apt や yum でインストールしておいて良いでしょ

昔Qiitaで書いた内容なんですが、PHPのswitch文は悪名高い「==」演算子で比較を行います。 <?php switch (true) { case 0: echo '数字の0'; break; case '0': echo '文字列の0'; break; case '0.0': echo '文字列の0.0'; break; case true: echo '真偽値のtrue'; break; } このコードは「文字列の0.0」を出力します。大変分かりにくいですね。 この点はif ... elseif ...を使えば解決するんですが、switchで書きたくなるようなコードをelseifにするとおそらく読みにくくなるでしょう。 ではどうするか。 正解はオブジェクトのポリモーフィズム(多態性)機能を使うことです。 といっても、多態性で調べて出てくる記事とか書籍に関しては抽象的な説明が多い

前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない