コミュニティマネジメントとは何か、なぜ今重要か / これから始めるコミュニティマネジメント入門 (1)Takaaki Umada

ここ数年、従来のJavaやObjective-Cでのモバイルアプリ開発以外に、HTML5を使ってモバイルアプリを開発する手法、HTML5ハイブリッドアプリ開発が注目を浴びています。この記事では、第48回HTML5とか勉強会（ハイブリッドアプリ開発最新動向）で発表した「はやわかりHTML5ハイブリッドアプリ開発事情」での内容を解説することで、HTML5モバイルアプリについての基本的な知識を簡単に紹介します。 HTML5ハイブリッドアプリとは? それでは、まずHTML5ハイブリッドアプリの構造についてご紹介します。ハイブリッドアプリではアプリの画面としてWebViewというネイティブのコンポーネントを使います。このWebViewの中でHTMLの画面を表示するモバイルアプリがハイブリッドアプリです。図で表現すると、以下の画像でハイブリッドアプリの構造を表現することができます。 なぜハイブリッドア

1: 以下、＼(^o^)／でVIPがお送りします 2014/07/01(火) 01:45:59.69 ID:bBv7b06l0.net プログラムの事とか全然知らんからイメージがつかん 2: 以下、＼(^o^)／でVIPがお送りします 2014/07/01(火) 01:46:41.96 ID:pmbj5tKe0.net 確かに 3: 以下、＼(^o^)／でVIPがお送りします 2014/07/01(火) 01:47:07.28 ID:X0PuAzkz0.net 根気がある 4: 以下、＼(^o^)／でVIPがお送りします 2014/07/01(火) 01:47:10.83 ID:3l1KJTFx0.net 24時間ずっとコーディングできる社畜 7: 以下、＼(^o^)／でVIPがお送りします 2014/07/01(火) 01:48:42.04 ID:erq9SirM0.net 見易さとか？

最近会社で引越したいとか言ってる人が多い。 去年の3月に京都に引越してきて、初めての引越しだったけど選んだ部屋には割と満足してる(もうちょっと壁が厚いといいけど)。どういう感じに探したとか何に気をつけるべきかとかのメモがあったので整理して公開します。 立地 大通り沿いは避ける(車うるさい空気悪い) 信号の隣は避ける(うるさいバイクが停車してバリバリやって睡眠失敗) 消防署・病院のすぐ近くは避ける(サイレンで睡眠失敗) 公園の近くは避ける(子供がうるさかったり不良がたまったりして睡眠失敗) 通学路沿いは避ける(朝子供が略) 治安は保たれやすくなるらしいが大したメリットないだろう 建物 鉄骨鉄筋コンクリート造か鉄筋コンクリート造から選ぶ プロパンガスは避ける(高い) ゴミ置き場分別されているか、ゴミが散らかっていないか 廊下とかの共有部分が綺麗か 業者に掃除を委託していそうならなお良い 廊下や

リクルートメディアテクノロジーラボは7月1日、アニメ実況専用のTwitterクライアント「アニプラ」（iOS）をリリースした。Android版は近日公開予定。 作品、TV局ごとに実況タイムラインが設けられ、ツイート時にハッシュタグを自動で付与。リアルタイムに自動更新され、全国のファンと感想を共有できる。地上波だけでなく、BS／CSや「ニコニコ動画」などのインターネット配信にも対応する。 登録したアニメの放送時間が近づくとプッシュ通知で知らせる見逃し防止機能も。「世界一アニメ実況しやすい」アプリを目指し、社内のアニメ好きが「毎日猛烈な議論を重ねて開発した」という。 関連記事 アニプラ「見逃した！」の失望をもう繰り返さない　アニメ放送日をプッシュで通知「Checkotan」 お気に入りのアニメの放送日やコミックの発売日をプッシュ通知で知らせるアプリ「Checkotan」がリリースされた。 「ア

会社や大きな組織で出世していく人たちは、ほかの人たちと何が違うのだろうか 組織で出世した人たちのことを「世渡りが上手いだけ」と言う人がいるが、本当にそうだろうか。 僕は出世しなかった組だが、そうは思わない。やっぱり彼らにはそれだけのものがあって、偉くなったのだと思う。 もちろん、取締役レベルになるかどうかのあたりで、運に左右される割合が増えてくるだろうと思うが、やはりそこに至るまでは、実力が大きくものを言う。 つまり、運に恵まれず取締役になれなかった人は多いが、能力もなく取締役になる人はほとんどいない、ということだと思う。 僕は、組織で出世した人を大いにリスペクトしている。 もちろん、大きな企業を裸一貫から作り上げた起業家の人たちも大いにリスペクトしている。 この記事を書こうと思ったのは、出世した会社人がその理由を述べるような機会が少なく、案外、若い人たちはそれを知らないんじゃないかと思っ

出張が続いて更新を怠っており失礼しました。今日からまた地道に記事投稿を再開させていただきます。ということで、久々の記事はあなたのサイトのSEOの状況を10分でチェックしてみようという日常的にSEOに取り組んでいない方にはピッタリの記事を。 — SEO Japan SEOに詳しいものの、全体像をつかむことに苦労しているデジタルマーケッターは多い。 そのため、ウェブサイトのSEOを一目で理解する能力は、重要であり、磨きあげていく必要がある。大変だと思うかもしれないが、実は、10分もあれば全体像を把握することが可能である。しかも、高価なツールを利用する必要もない。 今回紹介するステップを参考にして、ウェブサイトの健康をチェックし、競合者の取り組みを確認し、SEOを改善する上で必要な作業を発見してもらいたい。 これから、大まかな概要を説明していく。今回は、具体的なSEOの分析方法を取り上げるつもり

デザインコンサルティング会社「IDEO」の共同創立者のティム・ブラウン氏は、自分のキャリアによって新しい機会とチャンスの扉を開くために、自分の働いている場所や、誰と働くかを見直すことをすすめています。 ブラウン氏は最近のLinkedInへの投稿の中で次のように述べています。 自分の専攻や分野ではない人々とつながりましょう。私はインダストリアル・デザイナーになるために必死で、エンジニアやビジネスの学生、アーティスト、作家などとはほとんど時間を過ごさなかったのです。新進気鋭のデザイナーにとって素晴らしい機会が山ほどそこにあるなんて、全然知りませんでした。 ありがたいことに今はインターネットが、他の文脈や違うバックグラウンドを持った多くの人々と一緒に何かする機会をたくさん投げかけています。全てのチャンスを生かしましょう。 （中略） 旅をする時間を作りましょう。私は学部生から院生にまっすぐ進んでし

2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して

2014年6月30日 SVG 以前書いた「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」という記事でSVGの基本や効率よく使用する方法を紹介しましたが、実際にWebサイト内で使うにはもう少し具体例が必要だなーと思ったのでリンク関連を中心に補足します。基本的な記述方法を覚えて実用化していきましょう！ ↑私が10年以上利用している会計ソフト！ SVGにリンクを貼る SVGにリンクを貼りたい場合、単純に a タグで svg を囲んでもうまくリンクを貼ることはできません。svg タグの中のオブジェクトを a タグで囲み、xlink:href 属性でURLを指定する必要があります。 <svg ... > <a xlink:href="http://google.com"> <path fill="#1E899D" ... > </a> </svg> See the Pen SVG

jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ

1ヶ月自炊に困らない！ 一人暮らし向けレシピまとめ100一人暮らし向けのレシピをとにかく集めました！ もやし・キャベツ・冷凍うどん・ツナ缶・作りおきOK・具だくさんみそ汁・材料3つだけ・15分パスタ・丼もの・30分で4品できる一汁三菜レシピ、全部合わせて100ちょっと。迷った時の参考に超おすすめです！

アニメーションの起源は旧石器時代にまでさかのぼるかもしれない。人類最古の絵画と言われている約3万2000年前に描かれたとされる、フランス南部アルデシュ県にあるショーヴェ洞窟壁画は、連続した動きのある絵である可能性が高いという。 トゥールーズ II – ル・ミラ大学の考古学者のマーク・アゼマ氏と画家のフローレント・リヴィエール氏が行った研究によると、壁画に描かれている動物は全て通常より多い本数の足、頭、尻尾が描かれており、これは絵を重複させる技法で、ちらちらとした炎の下で見た場合、まるで壁画に描かれた動物が動いているかのように見えるのだという。 考古学者のアゼマ氏は20年に渡り、旧石器時代のアニメーション技法を研究しており、フランスにある洞窟から過去にこういった「重ね掛け」を行っている壁画を53個も発見したのだそうだ。ここで描かれる動物たちは全て速足で駆ける姿や、尻尾や頭を振り回す姿を忠実に

今日は風邪で寝込んでたんだけど気分悪いついでにあの件胸糞悪いなと考えていたら頭がグルグルしだして、グワーと書き連ねてしまった。 最初に、僕はツイキャスを途中まで見ていた勢で、現場にはいなかった。某プロポーズのシーンは見ていないが、LTは見ている。 オフ会そのものの感想 最初に感じたのは、自分が大昔にTwitterをはじめたときの、あのグチャグチャな感じがあの場で再現されていて、やっぱり行けばよかったと思う程度には楽しそうだった。ネット越しに見知らぬ人が仲良くしているのをみたときに感じる、「けまらしさ」という感情を久しぶりに思い出した。 僕はああいう場が好きだ。別種の人間がぶつかる場所。異なる価値観同士が、お互いの価値観を手探りに伺う場所。全く知らない人間が集まる場所が提供されるのは、東京に出てきて本当に良かったと思えるものの一つ。まあ僕がいったとしても、運営が1/3ほど知り合いだったからそ

CoffeeScriptのリファクタリング - ワザノバ | wazanova CoffeeScriptのリファクタリングと聞いたので、いてもたってもいられなくなった。まず、お題の結果を見ずにやってみる。 これが元のコード $(document).ready -> photoHTML = (photo) => "<li> <a id='photo_#{photo.id}' href='#{photo.url}'> <img src='#{photo.url}' alt='#{photo.alt}' /> </a> </li>" $.ajax url: '/photos' type: 'GET' contentType: 'application/json' onSuccess: (response) => for photo in response.photos node = $(phot

Web Componentsでは、標準技術として幅広いWebブラウザで利用可能とすべく、Polyfillという名の「未対応Webブラウザ向け実装」が開発され、すでに利用可能です。このPolyfillを使うことで、Chromeだけでなく、Firefox、Opera、そしてIEでもWeb Componentsを動作させることができます。 では、実際どこまでPolyfillでWeb Componentsが動作するのでしょうか？Polyfillとして適用するのは、もちろん platform.jsです。これを使って、複数のWebブラウザで動作検証をちょっとしてみようと思います。試してみたのは、以下の3つです。 基本的なWeb Componentsの動作確認 HTMLElement#createShadowRoot()の動作確認 Shadow DOMのCSSスコープ それぞれ見ていきましょう。 基本的

誰しもが一人でゆっくりと、静かな空間にいたい時がある。それは何かをじっくりと考えたい時や、悩んでいる時、ゆっくりと本を読みたい時、ただただぼーっとしたい時など理由は様々ですが、そんな人におすすめな空間が高円寺にあります。高円寺駅から徒歩3分の場所にある「アール座読書館」。とある学長がFacebookでシェアをしていて、その3日後くらいにここに初めて足を運びました。 R座読書館は、緑と水槽に囲まれた小さな読書カフェ。ここでは会話が一切禁止されていて、注文の時も小声で話す必要がある。水の音とスピーカーから流れ出る音楽が上手く重なり、とても心地よく、席によってカフェの雰囲気や音の聞こえ方が変わるのが楽しいです。 今回は3回目の滞在。前回もカメラを持ってきていたのだけど、なんとなく「撮らせてください！」と切り出せなくて、今回初めて写真を撮らせてもらえることになりました。都内有数のお気に入りの場所で

はじめに 最近、こういった記事が世間をにぎわせている。こりゃエヴァの話なんてしてる場合じゃねぇ！と思ってさくっとこの辺の事情を理解するために必要なことをまとめてみる。 Railsが時代に合わなくなってきた Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 昔ながらの「片手間に書くJavaScript」の限界 GoogleやTwitterでも実現できないのだから使うな問題 この話は、どの地点の何の話をしているのかよくわからないのです。現在ではかなりステップバック＆改善が行われ、Safari自体のクラッシュはアプリのクラッシュと比べて、あまり多いとは思いません。むしろ、一昔前に比べてかなり改善しているという認識です。iOSのバージョンが古いとかでなければ、現状でも十分ユーザビリティの改善につながっているでしょう。 しかし、この問題の結構大部分を占めているのは個人的に

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 使い方を学習するためのUIパターン もし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな

たかが餃子、されど餃子！ 東京餃子通信編集長が選んだ都内屈指の焼き餃子 今回、餃子食べ歩きブログ「東京餃子通信」の編集長に都内屈指の焼き餃子が食べれるお店をご紹介頂きました。有名な羽根つき餃子、かなり大振りな餃子、小龍包のような皮がもちもちで中がジューシーな餃子など、盛りだくさんです！是非、奥深い餃子の世界をご堪能下さい。

モバイルファースト室の @rejasupotaro です。 今年のGoogle I/OではAndroid One、Android L、Material Design、Android Ware、Android Auto、Android TV、Google Cloud Platform、Google Fitなどの発表がありました。弊社からは私と @sys1yagi と @__gfx__ が参加したので、何回かに分けてGoogle I/Oの発表の内容を紹介します。 今回のテーマはMaterial Designです。内容は公式ドキュメントやセッション動画の要約や参考リンクからの引用を含みますが、筆者の考察や主観も含まれます。 Material Designとは Material Designとは、Googleが発表したビジュアル、モーション、インタラクションのプラットフォームやデバイス間の包括的な

Twitterで話題沸騰！　ワンコインで地酒3杯を飲める「利き酒セット」を堪能してきた!! – トゥギャッチという記事で知ったのですが、上野駅のコンコース内にある「のもの上野店」の利き酒セットが、500円で3種類の日本酒が呑めてお得らしいです！ さっそくレジでお目当ての「利き酒セット」を注文。どうやら毎度、テーマの県を設定し、そこの地酒3種類を提供しているよう。訪れたときは、山形県の地酒だった。 「のもの」というのは、恐らく「○○のもの」という意味で、色々な地方のモノを販売しているアンテナショップです。中央改札を出て、銀座線に乗り換えるエスカレーターの脇にあるので存在は知っていたのですが、まさか利き酒ができたとは！ 上野駅ナカにて、500円でなみなみ3杯、各地のイチオシ地酒を利き酒できるカフェを見つけました。しかもテラス席で飲めます。美術館巡りの際に立ち寄りたいスポットです。 pic.tw

今プログラミングを教育に取り組もうという声が高まっています。CODE.orgのようなサイトも立ち上がっていますし、Scratch のような子供から楽しめるビジュアルプログラミングもあります。 デザイナーの中でもプログラミングを始めたい方もいると思います。WWDC 2014 で発表された Swift は、スクリプト言語のような感覚でコードが書けるので、始めるには良い機会なのかもしれません。 ただ、デザイナーの立場からみると、プログラミングは遠い存在に見えることがあります。しかし、「問題解決のため」という視点からみると、デザインとプログラミングには共通点がたくさんあります。人間中心デザインに基づいた発想にも、実装可能なところまで落とし込んで模索しないと、夢心地なアイデアになることがあります（もちろん自由な発想が必要なときもありますが）。コードを書くひとの考え方を取り入れることで、アイデアを洗練

人間像ではなく動機や文脈を明確に プロジェクトを本格始動する前にペルソナを設定することがあります。様々な背景の方がデザインプロセスに参加すると、何をもって『良い』と判断すれば良いのか分からなくなることがあります。ペルソナは、このプロジェクトにおいて適切な『良い』を判断する際に役立ちます。 ペルソナには「人/登場人物」という意味が含まれていることから、表層的な人間像（性別、年齢、出身地など）を描かなければいけないと考えがちです。しかし、それはペルソナを設定することにおいて、それほど重要ではないと思います。私はペルソナを1枚のシートにまとめることがありますが、見た目やライフスタイルといった属性は、詳細まで掘り下げていません。ほとんどの場合 2 〜 3 つくらいのリストにして省略しています。 代わりに「なぜ、人はプロダクトやサービスと触れ合うのか」という部分を、ペルソナを通して語るように心がけて

Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater

『お、これブログネタになるかも。とりあえず保存しておこう！』 以前はブラウザのブックマークやお気に入りに保存するのが当たり前でしたが、現在はWebサイトをあとから閲覧するための便利ツールがたくさん出ています。 たとえば「Pocket」は、その手軽さゆえ利用者がどんどん増えていますね。ただ、保存したはいいけど読み返さなかった記事もたくさん眠っているかもしれません。あるいは、ポケットしすぎて結局あとから探すのに苦労するとかね。 そこで今回はそんな悩みを少しでも解消できるかもしれない、PocketとEvernoteの連携を試してみたのでご紹介します。具体的には、「Pocketで星をつけた記事のみEvernoteに勝手に送ってくれる」という方法です。 PocketとEvernoteを使ってみよう 今回の方法は、こちらの記事で紹介されていたものです。 PocketとEvernoteを連携させてスマー

Evernote（エバーノート）は世界でもっとも人気のあるメモアプリですね。今回は、このEvernoteのノートブック（またはノート）を簡単にブログ化できる便利なサービス4つを紹介します。 Postach.io http://postach.io/ Postach.ioは、Evernoteのノートブックをそのままブログにできるというサービスです。専用のブログ機能が用意されてあり、「yourname（あなたの名前）.postach.io」というサブドメイン型のURLで運営できるようになっています。 Postach.ioの紹介動画 livedoor Blog http://blog.livedoor.com/ livedoor Blogでは、外部サービスの設定でEvernoteのアカウントを連携させておけば、ブログ投稿画面上でEvernoteのアイコンをクリックすることで、Enernoteのノ

CSS の white-space: nowrap; + HTML の wbr 要素 + 日本語コンテンツの組み合わせで起きる問題を回避する 2013年09月03日 16:48HTML / CSS CSS の white-space: nowrap; と HTML の <wbr> 要素の組み合わせによる挙動が Firefox と Google Chrome で違ってて、 特に日本語コンテンツの表示を統一しようとすると何かとややこしいので その回避方法を書いてみます。 その前にちょっと前提のお話を。 white-space: nowrap; のおさらい CSS を書く人には説明の必要もないと思うんだけど、 white-space というのは HTML の要素内で ホワイトスペース（スペース文字や改行コードなど）がどのように扱われるかを指示するための CSS のプロパティですね。 W3C によ

» 「新鮮な生ビールを30日間楽しめる自宅用ビールサーバー」がなかなかスゴい！ 設置も簡単でお値段もおトク!! 特集 暑い、とにかく暑い!!!!　いよいよ本格的に暑さが増してきた今日この頃、仕事帰りに冷たいビールを一気に流し込む瞬間は、まさに至福のひとときだ。 しかし居酒屋やバーに寄らずとも、自宅で生ビールやクラフトビールを安く簡単に楽しめたら最高ではないだろうか？　そんなビール好きの夢を叶えるビールサーバー「SYNEK」が、もうじき登場間近だというので紹介したい！ ・自宅で生ビールが楽しめるビールサーバー「SYNEK」 自宅で新鮮な生ビールを楽しめるビールサーバー「SYNEK」は、米ミズーリ州出身のスティーブ・ヤングさんによって開発された。パっと見、コーヒーメーカーを連想させる本体は、オーブントースターの大きさと変わらない小型サイズである。 ・温度調節自在で新鮮さを30日間キープ！ 日本