Google製JavaScriptフレームワークAngularJS(http://angularjs.org/)の良さを10分くらいで紹介するための資料です.身内向けの勉強会でしゃべるときに使いました. スライド中のサンプルコードはこちらに https://github.com/daisy1754/angular-simple-demo-flickr-cat
AngularJS は、クライアントサイド MVC フレームワークの1つですが、自身のことを MVW フレームワークと呼んでます。 これは Model-View-Whatever の略で 「MV*について議論するなんて時間の無駄、そんな暇あるならコード書きなよ。MV*の*の部分なんて”Whatever”でいいんだよ。」 という思いが込められてるそうです・・・いかしてますね! という訳でコードを書きながら AngularJS を紹介したいと思います ^^; はじめに 2000 年頃から「web アプリでいかにネイティブアプリに迫れるか」をテーマに半分趣味で JavaScript と向かい合ってきた身としましては、 就活せまられる現状に乗じ、あわよくばフロントエンドエンジニアに転身できないかなぁ・・・などと思いを馳せつつ転職サイトを検索したりしております。 そんな中、フロントエンドで採用されて
viewの作成 ビューの変更を確認するために下記の3つのビューファイルを用意します。 index.htmlのtitle要素にpage-titleディレクティブを使用しています。 <!DOCTYPE html> <html lang="ja" ng-app="myApp"> <head> <meta charset="UTF-8"> <title page-title></title> </head> <body> <div ui-view></div> <script src="bower_components/angular/angular.min.js"></script> <script src="bower_components/ui-router/release/angular-ui-router.min.js"></script> <script src="app.js"></
(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
1月26日、ECMAScript(ES)6および7で実装された新しいJavaScriptクライアントフレームワーク「Aurelia」が発表された。AngularJSの元開発者が開発したもので、早期プレビュー版が公開されている。 AureliaはAngularJSの開発に関わっていたRob Eisenberg氏が中心となって開発した、WebプログラミングにフォーカスしたJavaScriptフレームワーク。Webアプリケーション構築や個々のライブラリを利用してのWebサイト構築、Node.jsとともにサーバー側でライブラリを利用する、カスタムフレームワークの作成、といった用途に利用できるという。 ECMAScript 6(ES6)とECMAScript 7(ES7)で実装されており、モジュラー構造を特徴とする。外部ライブラリとしてレガシー環境をモダンなブラウザと同等にするための「polyfil
よくRailsプロジェクトを作るので、Railsプロジェクトを作った後に最初にやっておきたい設定をまとめました。 主に、開発を効率化させるためにやることをまとめてますので、ざざっと眺めて取り入れそうな知識があったら開発効率を上げれるかもしれません。 また、nanapiさんの次の記事もとても参考になります。Rails Templateでプロジェクト作成を楽にしよう 動作確認 mac os X 10 rails 4.2.0 目次 1. Railsプロジェクトの作成 2. Gitにプロジェクトを登録 3. 開発を効率化させるGemをがっつり導入 3.1. gemのインストール 3.2. jquery-turbolinksの設定 3.3. 開発を効率化する関連gemの設定 3.4. 保守性を上げる 3.5. 表示整形関連(ログなど見やすくなる) 3.6. テスト関連 4. 言語設定 5. タイムゾ
やりたいこと angular.jsを使ったシングルページwebアプリケーションの開発中にどのページでも同じ処理を行いたい場合がありました。 今回やりたかったのは以下のような処理を全ページにいれたかったです 例1. ログインせずにアクセスされたらログインページを表示するような処理 例2. socket.ioとの接続が確立できていなかったら接続または再接続を行う処理 phpなどのサーバサイドでの実装はよくやってましたがjavascript(というかangularjs)でこういう処理は初めてでした。 実装 実際にこんなに単純な認証があるかはわかりませんが、サイトにアクセスしてきたら必ずサーバへリクエストしてokならそのことを保持しておいて以降は何もしないという流れになります // メイン処理 var App = angular.module("App", ["ngRoute", "ngResou
2015年の今、Web制作のエンジニアに限らずデザイナも動向が気になるのは、次の2つでしょうか。なぜか。それは、どちらも、その以前と以後で「CSSの前と後」くらいのインパクトをWeb業界に与えるからです。 Web Components モジュール (あるいは、ECMAScript 6) いや、単にここのところ考えることが多かったので、忘れないうちにアウトプットしときたいだけかも。 コンポーネント まだ現時点のブラウザ対応はないものの、「コンポーネント(=独自タグ)」は既定路線で、HTMLのビューを組む場合の方法論として確立しつつあります。 AngularJS React Polymer いずれも「コンポーネント」志向です。ただ、Angularが独自の世界観で突っ走ったのに対し、ReactはいくらかWeb Componentsに寄り添った方向、PolymerはWeb Componentsその
2014/9/12に行われた週末ランサーズでのGulpハンズオンで使用したスライドです。 LIGブログでこの内容をさらにまとめています。 http://liginc.co.jp/web/tutorial/117900Read less
最近、仕事や趣味でAngularjsのDirectiveを作る機会が何回かありました。Directiveは非常に強力な機能ですが、使い方を誤ると碌なことにならないので現在どのような方針でDirectiveを作っているのかを書きます。 いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会 イベントレポートでも触れられているように、ベストプラクティスが見つかっていない感じなので色々な人の意見を聞きたいです。 基本的な方針 可能な限りDirectiveは作らない DirectiveはAngularjsの中でも仕様が複雑で理解しづらく、ファイルが分散するので作るだけの明確な理由がないものについてはDirectiveにするべきではない。Angularjsはビルトインディレクティブが充実しており、大半の問題はこれを利用すれば解決する。無駄な重荷を負う必要はない
0. ログやデータを取得した後は? ログやデータの分析には、様々なアプローチが考えられるが、Apache Solrやelasticsearchといった全文検索エンジン製品にデータを蓄積し、その機能を用いて検索・集計・分析を行う方法がある。その際、データをそのまま蓄積するのではなく、各ツイート・各行に属性を付与(エンリッチメント)することにより、分析の幅は大きく広がる。 全文検索エンジンへのデータの投入では、Flume-ngやfluentdといったデータ収集製品を利用する実例が多い。しかし、リアルタイムにデータに対してエンリッチメントの前処理を行おうとした場合、処理が複雑になるにつれ、単体サーバーで動作するFlume-ngやfluentdでは処理能力が頭打ちになってくる。そこで、登場するのが、リアルタイムに大量のデータを処理することができるストリーミング処理系のビッグデータ関連技術である。
最近、検索エンジン及びサジェストエンジンとしてelasticsearchを検討しているのでメモ。 Completion Suggesterとは 登録されたワードを前方一致で検索する機能。「ピ」っていれたら「ピンクフロイド」が出たり「ジ」っていれたら「ジェネシス」って出るアレを実現する技術。 公式ドキュメント mappingの登録 PUT /music/song/_mapping { "song": { "properties": { "name": {"type": "string"}, "artist": {"type": "string"}, "released": {"type": "integer"}, "suggest": { "type": "completion", "index_analyzer": "simple", "search_analyzer": "simple"
突然ですが、ウェブサイトから旅行の申し込みをする人がどのくらいいるか知っていますか? 国内旅行では2012年、約25%の旅行者が旅行予約サイトを利用して申し込んでいるとのことです。(日本旅行業協会サイトより: http://www.jata-net.or.jp/data/stats/2014/03.html) 年間国内宿泊旅行者数が、約4億5000万人泊 (日本旅行業協会サイトより : http://www.jata-net.or.jp/data/stats/2014/01.html) ということなので、仮に1回の旅行で5人グループが2泊するとした場合、4,500万回の国内旅行が催行され、その内の25%、1,125万回がウェブサイトから申し込みされていることになります。情報収集でサイトに訪れる利用者を含めるとさらに大変な来訪者になります。今後は25%という割合も増加するだろうし、ツアーサイ
関連リンク: スライド(Rabbit Slide Show) スライド(SlideShare) リポジトリー 内容 全文検索エンジンの性能面での特徴では次のようなこともあるのですが、今回は「既存のシステムと連携できる」という観点で紹介しました。 更新をしているときも検索性能が落ちない(参照ロックフリーな実装のため) 連携できるという観点をもっとアピールできるように、この日のためにPostgreSQLと連携できるPGroongaという拡張機能を開発して肉の日リリースしました。まだ最初のリリースで最小限の機能しかなかったりしますが、興味のある方はぜひ試してみてください。 まとめ CROSS 2015の「全文検索エンジン群雄割拠〜あなたが使うべきはどれだ!〜」でGroongaを紹介するときに使った資料を紹介しました。ElasticsearchやSolrのユーザーと同じくらい(少し少ないくらい)G
昨年の秋から,学生プロジェクトで学内向けのRailsアプリを開発しています. 2月からオープンベータで公開されるので,それに向けてログの収集と可視化をしてみました. 環境は下記の通りです. Ubuntu Server 14.04 Ruby 2.2.0 & Ruby on Rails 4.2.0 td-agent 0.10.58 Elasticsearch 1.4.1 Kibana 3.1.2 fluentdのインストール fluentdはOSSなログ収集ツールです. Rubyで書かれているので,gemでpluginを追加したりします. 今回はRailsアプリを動かすサーバにtd-agentを入れました. td-agentは,Treasure Dataがメンテナンスしているfluentdの安定板です. 公式のマニュアルに従って,debパッケージをインストール. スタートアップに登録して,El
Solutions All end-to-end solutions Opinionated solutions that help you get there easier and faster
※この記事は次のブログを翻訳したものになります。 原文:elasticsearch 1.4.3 and 1.3.8 released 本日、Lucene 4.10.3をベースにしたElasticsearch 1.4.3と、セキュリティとバグフィックスリリースである、Elasticsearch 1.3.8をリリースしました。 ダウンロードおよび変更リストはそれぞれ次のリンクからアクセスできます。 最新ステーブルリリース:Elasticsearch 1.4.3 1.3.x系バグフィックス:Elasticsearch 1.3.8 過去のリリースに関するブログ(公式)はこちら。 1.4:1.4.2, 1.4.1, 1.4.0, 1.4.0.Beta1 1.3:1.3.7, 1.3.6, 1.3.5, 1.3.4, 1.3.3, 1.3.2, 1.3.1, 1.3.0. すべての変更については1.4
「Grafana 2.0」の開発にあたっては、警告表示やパネルのPNGレンダリング、ユーザー管理/認証のサポートに関する作業を行うとともに、従来から多くのユーザーを悩ませてきたセットアップを、より簡易にする努力が行われている。 現段階では、「Grafana 2.0」はGitHub上のレポジトリにおいて「開発」ブランチに位置づけられており、公式なバイナリパッケージは作成しておらず、ドキュメントも整備されていない。バイナリパッケージやドキュメントは、ベータ版に到達した時点での作成を予定する。また、現段階での機能を試せるプレビュービルド版を試せるサーバも用意している。 バックエンドはGo言語で書かれており、sqlite3データベースが標準で組み込まれているため、Elasticsearchには依存しない。ダッシュボードストレージにInfluxDBまたはElasticsearchを使用している場合は
英語を勉強するなら、コレ! 語学の勉強には何が最適なんだろう?今回は、英語学習に役立つ様々な勉強法や、ツール・アイデアをまとめて紹介! 実は色んなこと、無料でできちゃうんです! 01.ハーバード大学の講義を、受ける! (ネットで無料) 「MOOC」(ムーク)というものを知っているだろうか?これは「Massive Open Online Course」の略で、日本語では「大規模公開オンライン講座」と呼ばれている。2012年に米国で誕生した教育システムで、有名大学の講義もネット上で無料で受けることができる!しかもハーバード大学やスタンフォード大学などのトップレベルの大学が講座を開いているのだ。以下のようなオプションもあるため、英語学習にはもってこい! 1.いつでもどこでも始められる 2.何度でも聴き返すことができる 3.再生スピードを変えられる 4.字幕が付いている 5.興味のある分野の講
前編はこちら。 ビジネス書の読み方:入社1年目に読んでおくと3年目には加速度的に成長できるかもしれない本-転職しても使える技術の習得が大切(前編) 社会人になるにあたって、また、社会人になって2年、3年と経ち、いろいろ考えている方に向けて、「入社1年目の~」を冠する書籍をまとめてみました、後編です。 紹介本の中に書いてある事柄を、日々意識して身に着けることで、5年後、10年後には大きな差がつくかもしれません。 まずはビジネス書を読むことによるメリット・デメリット(私見) メリット: 若手時期は、自分のやり方を確立する時期のため、試行錯誤や導入が行いやすい無意識的に行っていることを言語化することで他者に説明する技術が身に着くインプットが癖になり、発信したくなる デメリット: インプットした内容に捉われる可能性がある遊ぶ時間がなくなるように感じる とは言え、メリットもデメリットも人次第、捉え方
期間限定サイト「村上さんのところ」をご覧いただきまして、誠にありがとうございます。 連日たくさんのアクセスをいただきました当サイトですが、2015年5月13日をもって、公開を終了させていただきました。当主の村上春樹さんは、しばしの休憩をとったあと、本来の小説のお仕事に戻っていらっしゃいます(当主からの最後の挨拶はこちら)。 1月15日のオープン以来、119日間という限られた期間でしたが、読者のみなさまと村上さんとの交流はたいへん面白く、そして意義深いものとなりました。3万7465通のメールをお寄せいただいたみなさん、そして、最後までご愛読いただいたみなさんに、あらためて感謝を申し上げます。 なお、当サイト上での質問者のみなさまと村上さんとのやりとりは、編集の上、新潮社より出版されます。くわしくはこちらをご覧ください。 新潮社 チーム縁の下
ジャズは古臭いと思ってるあなたに捧げる10曲 - AnonymousDiary ■( ・3・) クラシック好きの上司がジャズを聴きたいと言いだして - AnonymousDiary ■( ・3・) クラシック好きの上司がジャズを聴きたいと言いだして・続 - AnonymousDiary (追記:また出た) ジャズで食ってる俺がジャズ聴き始めたい人にオススメするTOP 10 - AnonymousDiary どれにも凄い数のブックマークがついていて、「ジャズ聴きたいけどどれから聴いたらいいの?」「詳しい人のお薦めが知りたい」と思っている人は多いんだなと思った。 私もかつてそうだった。幸い身近にマニアがいて、ものすごく丁寧に教えてくれた。ジャズ好きで教え好き。いや、ジャズ好きは大抵教え好きなのか。 この人は遠いところに行ってしまって今は交流がないが、当時よくやりとりに使っていた内輪の掲示板に私
Kaizenの経営をはじめて、20ヶ月が経ちました。 正直、笑っちゃうくらい大変なことだらけ。 ただ、多くの事を学んだのでサンフランシスコに向かう機上で少しまとめてみました。 何かの参考になれば幸いです。 1:スタートアップの経営者は、想像以上に会社をコントロールできない 経営者は会社をコントロール出来ると一般的には思ってる人が多いと思います。 人数小さいチームであれば、尚更コントロール出来ると思いますよね? 僕もそう思ってました。 スタートアップの現実は、そんな事全くない。 全くです。 小さな船が荒波に揉まれながら、予想外の事が毎日、なんなら1日数回にわたり起きるんです。 常に問題と格闘してます。 なので、その船に一緒に乗ってる仲間も、自ずと問題と格闘してくことになります。 多分、どうしてこんなに問題が起きるんだ! 経営者は何やってるんだ! バカヤロー!! って従業員は毎日思ってると思う
Bufferopen:2、3年前に、少しずつ生活を整理していこうと思い立ちました。バックパック1つとキャリーバッグ1つ分の持ち物を、バックパック1つ分だけに絞ることにしたのです。現時点で所持品として数えられるのは以下の通りです。 ・ Tシャツ6枚 ・ セーター2枚、パーカー2枚 ・ コート1着 ・ オシャレ系パンツとスエットパンツ各1本 ・ 靴下6足とボクサーショーツ6枚 ・ バックパック1個 ・ iPhone、Kindle、ノートパッド、MacBook Air(キーボードとマウス付)を1個ずつ ・ ジム用シューズとジム用ショーツ ・ 歯ブラシ、コンタクトレンズなどの洗面用具 本当にこれで全部かというと、実は少しズルをしていることになります。しかし2014年にアパートに入居するまでは本当に上記のものだけで暮らしていました。 その後、台所用品、マットレス、ベッド、ソファ、電気スタンドとデスク
検索エンジンで莫大な利益を得たグーグルには、自由に使えるお金が約7兆円あり、グーグルCEOのラリー・ペイジは次の数十年で、そのお金を人工知能に投資することで、多くの仕事が機械に代行されるだろうと述べていますが、もうすでにその影響は世の中に出始めており、技術の進歩がはや過ぎて、人間がそれについて行けていません。 ↑あと数十年で、多くの仕事は機械に代行される。(Pic by Flickr) ある経済学者が2004年にコンピューターと人間の能力を比較した調査によれば、完全無人のロボットカーは8時間以上かけて、たった12キロしか走しれず、車の運転のような複雑な作業がコンピューターにとって変わることは、まだまだ難しい理由を次のように述べました。 「トラックの運転手は、周囲の環境から視覚、聴覚、触覚に訴える様々な情報を常に受け取って処理している。こうした行動をプログラミングするには、まずはビデオカメラ
名門・PL学園野球部が突然、「部員募集停止」を発表してから4か月が過ぎた。背後に学園の母体・パーフェクトリバティー教団の意思があることを週刊ポスト誌上で報じてきた柳川悠二氏(ノンフィクションライター)が、2月16日発売の同誌(2月27日号)で、野球部の“廃部”によって学園そのものが存亡の危機にあることをレポートしている。 同誌によると、2月10日、大阪府富田林市にあるPL学園高校の入学試験会場は閑散としていたという。付属中学からの内部進学者を除く今年度の受験者は、国公立コースと理文選修コースを合わせた定員75人に対し、わずか28人(専願は20人)にとどまったのだという。とりわけ定員割れした理文選修コースの0.23倍という競争倍率(定員65人に15人の受験者)は、大阪府内の共学私立としては最低の数字だった(大阪私立中学校高等学校連合会のデータ)。 敷地内に点在する寮には空室や老朽化が目立
あなたは生産性メソッドを学びました。たくさんのToDoアプリも試しました。これからはもっと生産的になるんだと、毎月のように心に誓いました。しかし、そうはなりませんでした...。もし、自分が怠惰だからダメなのだと思っているなら、以下の記事を読んでください。今回は、このサイクルを断ち切る方法を紹介します。 自分は本当に怠惰なのか、それとも、やることが多すぎるのかを見定める 多くの活動的で生産的な人たちが、ただ自由時間にリラックスしたり、やるべきだが達成していないプロジェクトがあるというだけで、自分のことを「怠惰」だとみなしています。「忙しさ」崇拝の中で、楽しいことをするのは重大な罪だとみなされ、自分自身を、集中力がなく、非生産的で、行動力がないと思い込んでいます。怠惰の治療を始める前に、少し立ち止まって、本当の問題を見定めてください。 心理学者のLeon F. Seltzer氏は、「怠惰」とい
どうも。お久しぶりです。テラヤマす。ギリギリで生きてます。知人から「3年後にニューヨークまでファーストクラスで行ってみたい。マイルで行けるか?」と訊かれまして、即座に「可能です」と答えました。ニューヨークまでのファーストクラス往復特典航空券1人分はレギュラーシーズンであれば12万マイル必要です*1。人気路線のファーストクラス特典航空券は、特典解放される約1年前に、素早く空席を押さえる必要があるので、12万マイルは約2年で貯めきる必要があります。飛行機に一度も乗らず、バカみたいな大金を使わず、果たしてこれが可能なのか。可能です。2年と言わず、1年で貯めきれます。自分が陸マイラー*2になって早7年。痛感するのは「最初の一年が大事」ってことです。最初の1年が最も稼げるんです。なぜなら、一回しか使えない技が全部使えるからです。2年目からはその技を封じられるので、あんまり稼げないんです。自分の場合、
あなたのブログ、シェアされていますか?? ブログをシェアしてもらえば、多くの人に読んでもらえるし、SEO的にも効果が高い「被リンク」をゲットできる可能性も上がります。 つまりシェアされればされるほど、SEO効果にもつながるのです! 前回の記事では、人がブログコンテンツをシェアしてくれる時の「行動心理」についても解説しましたが、今回は、ブログやコンテンツがシェアされるためには、どんな方策を取ったら良いか解説します。 [speech_bubble type=”fb-flat” subtype=”R1″ icon=”selfillust1.png” name=”JUNICHI”]佐伯さん、今日も頑張れる? [/speech_bubble] [speech_bubble type=”fb-flat” subtype=”L1″ icon=”saeki2.png” name=”毎年平社員の佐伯さん”]
忌野清志郎がこの世を去って今年で6年になるなんて信じられないが、「忌野清志郎「CMはアルバイト!」と即答」という週刊朝日の記事でちょっとはっとしたくだりがあった。 ただ危険だなと感じるのは「いま清志郎さんがいたらどうしただろう?」を考えるのは自由だけど「きっと怒っていたに違いない」などと勝手に断定してそれを利用するようなムードがあることです。そうではなく、一人ひとりが清志郎さんから受け取ったものを、どう自分の行動に変えていくか、が大事。 忌野清志郎「CMはアルバイト!」と即答 〈週刊朝日〉|AERA dot. (アエラドット) いるよね、こういう勝手に断定して、故人の虎の威を借る人。 同じような物言いで気になるのは、ナンシー関についての言説。「今、ナンシー関がいたら、○○を見てどういうだろうか」「ナンシー関がいたら、このもやもや状態に適切な言葉を与えてくれたんじゃないか」みたいなヤツ。 い
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕
やっと生活がもとに戻った。 この二週間、初めて育児で「詰んだ」。 何となく頭が回らないなと思いながら日常生活を送っていたが、ふとした瞬間に熱を計ってみると40度を超えていた。もともと熱には耐性があるのか、熱が高いだけではそれなりに動けていたのだが、改めて体温計のスクリーンに40度の文字を見ると、急に寒気がした。 いま、妻が第三子を妊娠しており、つわりの状態がこれまで以上によくないため、起床から保育園の送りまでと、保育園の迎えから寝かせつけ、その他の家事を基本的にすべて引き受けている。もともと育児、家事は夫婦のどちらがということがないため、すべてのタスクをこなすことはできるが、10週~12週あたりの妻の状態は本当に病気のレベルだった。 僕の体調に異変があってすぐ、第一子が嘔吐した。熱を計ってみると40度あり、すぐに病院へ。診断名はインフルエンザ。幸い、予防注射をしていたので病状は軽かったが、
そもそもは2014年。東京にも遅い冬が訪れ、そろそろ華やかなクリスマスの準備でも始めようかと街が楽しげに化粧をし始めたころ。 日本シリーズを制した福岡ソフトバンクホークスの優勝セールが盛んに行われ、プロ野球もストーブリーグが始まろうとしていた折。前年2013年の日本一の栄光から一転最下位へ転落した東北楽天ゴールデンイーグルスは思い切った手を打ちます。すでに辞任を発表していた星野仙一前監督から、大規模な体制転換を断行することになったのです。 新監督はデータ!もとい、デーブ! 何をするのかと思ったら、大久保博元監督就任。うおー。マジですか。いやー、どうなんでしょうね。ネットでは賛否両論のこの監督人事に始まり、いろんな人がイーグルスを去り、新しい人がイーグルスにやってきました。また、橋上秀樹さんが読売ジャイアンツから楽天へ7年ぶりに復帰、ヘッドコーチに就任。最下位だったし、できることは思い切って
『しゃべらない仕事術』(石田健一著、クロスメディア・パブリッシング)の著者は内向的な性格で、人とのコミュニケーションが大の苦手だったのだそうです。打ち合わせや会議で思うように話ができず、何度も言い間違えたり、意図が全く伝わらない時期が続いたのだとか。挙句、ストレスから過食気味になり、一時期は体重が15㎏も増えてしまったというのですから完全な悪循環です。 失意のどん底を味わった末に試行錯誤を重ねた結果、行き着いたのは「そんなに喋る必要があるのか?」という思い。いわば逆転の発想で、そこから人生が大きく変わり始めたといいます。矛盾するような話ですが、いかにして「しゃべらないようにするか」を意識することによって、コミュニケーションが劇的に向上したということです。 そんなことが本当に可能なのかと感じずに入られませんが、著者によれば、それは簡単なことなのだとか。 みなさんが元々持っている「気質」「価値
エンジニアが知っておくべきWebデザインの4原則、「近接」「整列」「反復」「コントラスト」を分かりやすく解説する。 連載目次 エンジニアが作るシステムやアプリケーションには、デザインが欠かせません。デザインというと、「ビジュアル」「見た目がカッコいい」「おしゃれ」など外見のデザインを思い浮かべがちですが、WebアプリやWebサイトのデザインで大切なのは、そこではありません。 Webのデザインで必要なのは、「ユーザーの目的達成を助ける」ことです。本連載「エンジニアのためのWebデザイン基礎の基礎」は、あなたのWebサイトを訪れた人を引きつけ、ユーザーへと転換(コンバージョン)させるためのデザインの基本を伝授します。 良いデザインの4原則 「エンジニアが知るべき最低限のデザイン基礎」とは何でしょう? 専用ソフトウェアの使い方? いいえ、違います。IllustratorやPhotoshopの使い
Ansible で MySQL のレプリケーションを設定してみたのでまとめておく。思いのほか苦戦した。 前提 今回は以下のような条件で MySQL のレプリケーションを設定することを目的とする。 OS はマスタ、スレーブともに Ubuntu Server 12.04.x を使う 1台のマスタと、1台以上のスレーブを設定する 途中からでもスレーブを追加できる スレーブでレプリケーションが停止していたら、マスタと再同期して再開させる そのためにマスタを停止はしない my.cnf の replicate-ignore-table に含まれるテーブルは同期から除外する root パスワードはホストごとに自動生成する server-id も自動生成する DB やユーザの作成は含めない 完成品 できあがったものがこちらでーす。 akagisho/mysql-replication-ansible –
こんにちは、メディア事業部のナッツです。 日本のオタク文化を海外に発信している「Tokyo Otaku Mode」や訪日外国人向けメディア「MATCHA」、株式会社nanapiが運営するグローバルメディア「IGNITION」など、海外向けに情報発信を行うメディアが増えてきましたね。 「英語で情報発信すれば単純に考えて読者数は数倍、広告収益も増やすことができるぞ!」ということで、まるで19世紀の米国であったゴールドラッシュばりに、金脈発掘を目指してグローバルメディアを考えている企業も増えているのではないでしょうか。 このゴールドラッシュの波に乗って、私自身も英語でブログでも書いてみようかと思ったのですが、「そもそもどうやって英語圏の人にブログを見つけてもらえばいいのか」と思ったわけです。もちろんSEOをしっかり設計することは当然ですが、それ以外に方法はないのでしょうか。 そこで今回は、お金を
credit: gnislew via FindCC <ピックアップ>9 Startups That Just Couldn’t Live Up To The Hype 企業生産の先進国、北米でもやはり数年前から「そもそもこれ大丈夫か?」という案件に巨額の資金が投じられ見事に破綻、消えて無くなったスタートアップというのが存在しています。 有名どころだとColor Labsでしょうか。360度どこから見てもただのカメラアプリに、創業期で突っ込まれた資金が4100万ドル(100円換算の日本円で41億円)。創業者が元々La La Media(2009年に8000万ドルでAppleが買収)の創業者でシリアルアントレプレナーであったこともあるのでしょうが、ほぼ目隠し状態で投入された資金は当然のことながら膨らむことはなく、最終的にまたもやAppleが700万ドルで買収して終了、という幕引きでした。 こ
年表・沿革・コメント一覧といったコンテンツで用いられているタイムラインデザインを作成する際に便利なプラグインやチュートリアルのまとめです。 レスポンシブ対応したものやCSSだけで実装したものなど全15種類で、見た目もよく見かける縦型(垂直)タイプだけでなく横型(水平)で見せるタイプもあります。 jQuery Timelinr 縦型・横型の両タイプが用意されているjQueryプラグインで、スライダーのような見栄えでタイムラインを実装できます。 スライドのオート機能や各アニメーション速度の設定、「prev」「next」のナビ機能などの設定もいろいろと用意されています。 Dynamic Timeline レスポンシブ対応もされているjQueryプラグインで、こちらも縦型・横型の両タイプが用意されており、ビューサイズ指定で通常は横型のものをスマートフォンでは縦型に見せるなども可能です。 他にもコン
XSS対策としての ES6テンプレートリテラル Shibuya.XSS Yosuke HASEGAWA ES6テンプレートリテラル ES6テンプレートリテラル ❤バッククォートで囲って改行も含められ る var x = `改行も ダブルクォート「"」も シングルクォート「'」も 使えるよ!`; alert( x ); ES6テンプレートリテラル ❤ヒアドキュメントというには少し残念 ❤円記号でのエスケープが生きてる… var x = `改行も¥nバッククォート¥`も ¥¥も使えるよ!`; alert( x ); ES6テンプレートリテラル ❤リテラル内に${...}で埋め込んだ式を評価 var name = "hasegawa"; var x = `Hello, ${name}-san`; console.log( x ); // "Hello, hasegawa-san" x = `ab
LuaをGo言語のみで実装した GopherLua を公開しました。 詳しくはGithubのREADMEを見ていただくとして、特徴としては以下になります。 Lua5.1ベース 5.1の機能はほぼ実装済み Compiler, VMともに完全にGo言語のみで実装 引数の受け渡し以外でのスタック操作が不要で使いやすいAPI なぜ作ろうと思ったか もともとC言語でものを作るときにはLuaを設定ファイルの代わりとして取り入れていました。Goではあまり拡張言語実装がないので、jsonだったりiniだったりを設定ファイルとして使っていましたが、やっぱり微妙にめんどくさい。変数くらい欲しいなあ・・・とか。 結局、固い言語だけでモノを作るのは難しく、やわらかさが必要になるポイントがあります。そういうところはまず、「設定ファイル」として外だしされます。そしてその設定ファイルがどんどん肥大化したり複雑化したりし
Y軸がFleschスコアだ。検索順位上位にあるURLとの正の相関関係がかなり強く、平均的に読みやすいテキストであることがわかる。 ただし、コンテンツを長く(または読みやすく)するだけで検索順位を上がるわけではない。重要なのは、1つのトピックに一面的な見方だけをしているわけではないユーザーに対して、関連性が高く、包括的なコンテンツを提供することだ。 今回の調査結果が裏付けている見方がある。それは、検索エンジンがキーワードだけを重視するのをやめて、キーワードやさまざまな関連用語を中心とした個々のテーマやトピックエリア、いわゆる「コンテンツ群」を分析するようになってきたというものだ。 「SEOチェックリスト」をやめるだから、今でも市場で過剰に使われている観のある「SEOチェックリスト」という時代遅れの習慣は、すぐにやめてほしい。重要なのは検索エンジンのためにキーワードを最適化することではない。ユ
(Last Updated On: 2018年8月4日)私が長年徳丸さんと議論していることをご存知の方も多いと思います。徳丸さんがなぜ論理的に矛盾する主張、明らかにセキュリティ標準規格/ベストプラクティスに反する主張を繰り返えしたのか、その理由が判明しました。それと同時に長年の議論に終止符が打たれ、徳丸さんの考えを完全に理解することができたと思われます。 徳丸さんがセキュリティ対策製品であるWAF(Web Application Firewall)を販売/推奨しつつ、アプリケーション側のファイアーウォールと言える「入力バリデーション」を「セキュリティ対策ではない」と主張されるのは、ジョブセキュリティやステスルマーケティングの類ではないのか?と思えるほどでした。アプリケーションがバリデーションしなければしないほどWAFの有効性は上がり、WAFが売れるでしょう。「WAFはセキュリティ対策」「ア
ザイオンス効果 ザイオンス効果とは、最初は何とも思っていなくても、接触回数が増えれば増えるほど、回数に比例して、対象相手の印象が良くなる効果をいいます。店舗であれば、顧客対応の良さに加えて、特典を付与することで、来店頻度を上げ、店舗に対する信頼感を確実なものにしていく手法が考えられます。 バンドワゴン効果 バンドワゴン効果とは、行列のできる店についつい列びたくなる群衆心理の一種で、人気があれば、信頼できるという作用が消費者に働きます。ネットであれば、口コミサイトの消費者のレビュー数を媒介として購入心理に影響を与えますが、実店舗の場合は、「売上No.1」や「テレビで話題沸騰」などの効果的なコピーとともに、店頭のポップで訴求します。 返報の法則 一般的な感覚の方であれば、知人からプレゼントをもらったら、お返しをしなければいけないと思うはずです。その心理を消費者行動へ利用するのが、返報の法則です
求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか? このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的
こんにちは。古橋です。 先日の*1 データ転送ミドルウェア勉強会で、新しいオープンソースツール Embulk をリリースしました。 Embulk, an open-source plugin-based parallel bulk data loader from Sadayuki Furuhashi Embulk は、リアルタイムなログ収集では常識となった fluentd のバッチ版のようなツールで、ファイルやデータベースからデータを吸い出し、別のストレージやデータベースにロードするためのコンパクトなツールです。 fluentd と同様にプラグイン型のアーキテクチャを採用 しているため、RubyやJavaで簡単なコードを書くことで、様々なファイルフォーマットやストレージに対応することができます。一方で fluentd とは異なり、高速性やトランザクション制御、スキーマを使ったデータのバリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く