Vue School の無料コース「Nuxt.js Fundamentals」を受講して Nuxt.js の基礎を学んだ - kakakakakku blog
Vue School で今月から提供されている最新の無料コース「Nuxt.js Fundamentals」をさっそく受講した．最近よく聞くようになった Nuxt.js をまだ試したことがなく気になっていて，タイミングも良かった！今まで Vue School で「Vuex for Everyone」と「Vue.js + Firebase Realtime Database」と「Vue.js + Firebase Realtime Database」を受講して，素晴らしく体験が良く，今回もオススメできる内容だった！ vueschool.io Nuxt.js Fundamentals コースは計14個の動画で構成されている．動画を見るだけなら35分で見れるし，動画を見ながら写経をするとしても，2時間あれば終わる．Nuxt.js とは何か？を速習するのに最高なコースと言える． 1 : Introd
「借金100万円ガチャ夫」に「インスタで肉質チェック女子」など、2016年に出会ったスマホユーザー9つのトレンドまとめ。 | アプリマーケティング研究所
「借金100万円ガチャ夫」に「インスタで肉質チェック女子」など、2016年に出会ったスマホユーザー9つのトレンドまとめ。 今年、若いスマホユーザーを中心にインタビューをして、印象的だったユーザー行動やトレンドなどを９つまとめました。 ※全体を正確に調査したものではありません、あくまで参考までにご覧ください。 <目次> １、若者が「インスタで検索」している3つの理由。 ２、スマホで「文字を読まない」若いユーザー。 ３、音声検索は「キッズ」と「シニア」に浸透中？ ４、日本のソシャゲユーザー（100万借金ガチャ夫、廃課金ヘソクリ主婦） ５、早送りレシピ動画は「時短・邪道・受け身」がウケている。 ６、なんでも「スクショ」してシェアされる時代（LINEでの悪口や失言も） ７、スマホ時代の「テレビ視聴」について。 ８、写真加工で「セミプロ化」するインスタ女子。 ９、SNSの普及により「ハプニング/サプ
ハロウィンが流行った理由は「SNSに投稿したい女」と「騒いで出会いたい男」がマッチングしたから？女子大生に聞いた「ハロウィン」に参加する心理。 | アプリマーケティング研究所
ハロウィンに参加した女子大生3名に話を聞いて、「どうしてハロウィンに参加するのか」など、わかったことをまとめました。 ※全体を正確に調査したものではありません、参考までにご覧ください。 １、ハロウィンに参加する人の心理。 今回しらべてわかった、「ハロウィンに参加する人の気持ち」を、ざっくりまとめたもの。キーワードは「お祭り感」「SNS投稿」「出会い」といったところ。 大学生に「周りでどのくらいの人が、ハロウィンに参加する？」と聞くと、だいたい「2〜3割」という回答がかえってきます。誰もが参加してるわけではない。 Aさん（東京）：若者が主役で、おじさんおばさんに干渉されないのは良いですね。渋谷だと15〜30歳の人がほとんど。男はウェイ系の人ばっかり。 ちなみに、誰も「トリックオアトリート」なんて言ってませんし、お菓子だって1ミリも出てこないです。笑
JavaScript(React+Flux)のディレクトリ構成がガタガタになりそうだったので反省して改善する - コネヒト開発者ブログ
こんにちは。フロントエンジニアの@ry0_adachiです。 ここのところ、React + Flux Utils *1 の構成を選択することが多く、それ以外を選択することが少なくなってきました。特に大きな不満はないし、慣れてきたので良いかもな〜と思っていたのですが、開発期間が伸びてきて、アプリ自体の規模がそこそこになってくるとFacebook公式のサンプルコードのようにシンプルな構成だけではカバーしきれない状況が生まれることもあります。運用し始めてだんだんとその辺の辛さみたいなものが見えてきたのと、継ぎ接ぎな構成になるのは嫌だったので、このタイミングで1回整理して改善してみようと思いました。 Fluxについて Facebook提唱のアーキテクチャ、またはフレームワークです。データの流れを一方向にして、シンプルに状態管理が行えることがメリットとしてよく挙げられています。Fluxについてより詳
突然だがEmacs を始めよう - Qiita
2016/06/06 : 誤字脱字など細かいところを修正 目次 突然だがEmacs を始めよう 1章：Emacs の基本概念 2章：Emacs の基本操作 3章：window / buffer操作 4章:パッケージ管理 Tips 感想 参考資料 この文章の目的 「一生楽しく使えるエディタは何がいいかな？」と模索している人（私）が、「そういえばemacs ってどうなんだろう？苦手意識があったけどちょっと触ってみようかな」と思いたち、Emacs の練習と自分用チートシート作成を兼ねて作ったものです。参考にしたURL等は、最後に記載するので、そちらを参考にしてください。 これを書いている人のバックボーン Windows でvisual Stduio でC++を長年（中学から高校にかけて）書いていた。 Mac に乗り換え、Xcodeでアプリを書いたり、webのためにSublime Text でra
15万記事を分析してわかった、クリック率を20％高める「記事タイトル」3つの法則とは？｜アプリマーケティング研究所
Outbrainという会社の「WEBコンテンツの見出し（タイトル）」について、15万記事を調査したデータが、おもしろかったので簡単にメモ。 １）8ワードのタイトルがクリック率が最高に。 記事タイトルの長さとしては、8ワード（英語で）のものが一番クリック率が高かった。平均よりも21％高かった。 ２）サムネイル画像を入れるとクリック率＋27％ ほとんどのメディアはやっている気がするが、サムネイル画像を記事タイトルに加えると、クリック率を27％も高めることができる。 たぶん、ソーシャルのOGP画像とかもそうだし、あとはスマートニュースとかにも、多かれ少なかれ、当てはまる話だと思われる。 ３）偶数よりも奇数のほうが20％も吸引力がある 偶数よりも奇数のほうがクリック率が20％も高まる。たとえば「デザイン上達8のコツ」よりも「デザイン上達7のコツ」にすべきだと。 感覚的には「3・5・7」あたりの数値
ウェブページをできる限りネイティブアプリっぽく魅せるテクニックまとめ 〜アップルにリジェクトされつづけるなら、ウェブアプリとストアをつくって自前で配信してしまおうという企み〜 - KAYAC engineers' blog
https://kimizuka.github.io/web-app-store/example/ 北斗市公式キャラクター ずーしーほっきー ©2013 北海道北斗市 を使用させていただいております。 ウェブページをできる限りネイティブアプリっぽくみせて配信するために色々研究しました。 もくじ はじめに ウェブアプリとは 今回制作したもの ネイティブアプリとの比較 ストア以外での配信方法 ホームアイコンの設定方法 フルスクリーンでの表示方法 オフラインでのアクセス プッシュ通知（断念） カメラへのアクセス GPS / 加速度センサ / ジャイロセンサ へのアクセス ランドスケープでの固定（断念） 大技（Safariから開かれたかホーム画面からひらかれたかの判定） 小技（タップした際の黒ずみ除去 / 長押しでメニューを開かない / テキスト選択不可 / スクロール不可） その他、実装の上で頑
ソーシャル運用のKPI・KGIを可視化する。ブランドコンセプトに寄り添ったソーシャル分析の要点と実務
株式会社エンゲージメント・ファースト共催セミナー 「エンゲージメント・マーケティングにおける共創プラットフォームの重要性」 ＜第3部＞「ソーシャル運用のKPI/KGIを可視化する。 ブランドコンセプトに寄り添ったソーシャル分析の要点と実務」 企業やブランドのマーケティングにおけるソーシャル活用がすっかり一般化した昨今ですが、ソーシャルメディアにおけるクチコミ分析は商品やブランドによって、話題の扱われ方等も異なり、統一的なKPIを設定するの難しい現状があります。今回の講演では、最新のクチコミ分析メソッドに触れつつ、プロダクトによって設定可能なKPI/KGI設定メソッドをご紹介します。特に「接触・体験・ファン化」といったマーケティング上の消費者態度変容に基づいたTEF分析など最新の具体的分析事例を解説致します。 【講師】データセクション株式会社 マーケティングソリューション部 マネージャー佐藤
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
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概念図を削除（ソー
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Gitのコミットメッセージの書き方 - Qiita
Gitのコミットメッセージの書き方 自分なりにまとめてみました。Git歴浅いので、意見募集中です。 （2014年12月17日追記） 想像以上にたくさんの方にストックなりはてブなりいただいたので、はてブでなるほど！と思ったコメントをもとに少し修正・加筆してみました。 （2022年1月4日追記） 最新の書き方をこちらに書きました。 https://zenn.dev/itosho/articles/git-commit-message-2023 原則 以下のフォーマットとします。 1行目：変更内容の要約（タイトル、概要） 2行目 ：空行 3行目以降：変更した理由（内容、詳細） 日本語でも英語でもOKですが、リポジトリで統一してください。 1行目 コミット種別と要約を書きます。フォーマットは以下とします。 [コミット種別]要約 コミット種別 以下の中から適切な種別を選びます。 （多すぎても悩むので
はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
動きがあるWebデザインの参考になるアニメーションのサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 上野という土地をいまだに苦手とする野田です。 断固として代官山がいいと入社してからずっとわがままを言っています。 絶対に実現されないですが。 さて、今回は僕がWebデザインの際に参考にしているアニメーションのサイトをご紹介します。 数はそんな多くないですが、時間の空いた時間にでもご覧いただければ幸いです。 Hover States http://hoverstat.es/ このサイトははとても素晴らしいです。各サイトのアニメーションを一覧で確認することができます。 インスピレーションを得たいときに大変助かっています。サイトのアイデア自体、素晴らしいですね。 Unheap http://www.unheap.com/ jQueryのpluginを紹介しているサイトですが、使用目的ももちろん、動きの参考にもなります。 自分でイージングを変えたりして、どういうものがサイトに合うのか
カスタマージャーニーマップを読み解く：Rail Europe Experience Map
こんにちは、@h0saです。 先日、2014年度サービスデザイン方法論 第2回：カスタマージャーニーマップ（講師：コンセント長谷川氏）を受講しましたが、今回はカスタマージャーニーマップの描き方そのものについて、深堀りしてみたいと思います。 長谷川さんから聴いたお話を参考にしながら、よく引用される Rail Europe のカスタマージャーニーマップ（以下CJM）の内容を読み解いていきます。 また応用できるように、他のCJMの事例についても数多く盛り込みました。 それでは以下からどうぞ。 Rail EuropeのCJMを読み解く 引用記事：The Anatomy of an Experience Map | Adaptive path CJMやエクスペリエンスマップについての記事を読むとよく出てくるこのマップは、Rail Europeでの乗車体験（調査〜予約〜旅行〜旅行後まで）を可視化したも
「ペルソナ手法」の復習に！ペルソナについてのあれこれをQ&A形式でまとめてみる【2017年更新版】
photo credit: tsevis via photopin cc こんにちは、@h0saです。最近業務でペルソナを作っていて、ペルソナ手法について自分の知識を見直しています。 今回は「ペルソナ」について聞かれた時に説明しやすいように、「ペルソナ手法」についてのあれこれをQ&A形式でまとめてみました。 なお、このまとめはペルソナのマーケティングでの活用ではなくプロダクト開発での活用を前提に書かれています。 更新履歴 2014年8月16日：「ペルソナをつくったあとにやることは？」と「捏造ペルソナ」について追記しました。 2017年7月29日：最新の経験と知識を元に、内容を加筆修正しました。 ペルソナとは何か？ ペルソナとは、ユーザーの行動パターンを調べ、そのデータを統合して作り上げたユーザーを代表する仮想の人物のことです。一体のペルソナの背後には、多くの人間が存在します。 1999年に
ゲーム関連のデザイン制作時に参考になるサイト20 - Design Color
もくじ ゲームサイトのデザインいろいろ ゲームサイトに特化したギャラリーサイト 「ゲーム」タグがあるギャラリーサイト ゲームのデザインをまとめた記事 ゲーム関連のアイコン ゲーム関連デザインのためのチュートリアル ゲームサイトのデザインいろいろ まずゲームサイトのデザインとはどんなものがあるのでしょうか？本当に様々ですが、中でも雰囲気や見せ方がそれぞれ異なるサイトを4つピックアップしてご紹介します！ ジョジョの奇妙な冒険 オールスターバトル バァーンッ！！まずはFlashバリバリ！のジョジョのゲームサイト。かっこいいしキャラを大きく打ち出しているのでインパクト抜群です！なんかもう、色んなとこホバーすると色んなものが動きます。これぞゲームのサイト！ってくらい仕掛けがたくさんです。文字で効果音が出たりするところが漫画っぽくもありますね。 トゥームレイダー 黒を背景にしていてシリアスな雰囲気や「
「一覧ページに掲載するリスト数は？」「内部リンクのパスってどう指定すればいいの？」などの質問にSEO現場のプロが答えます | ナイルのマーケティング相談室
先日schoo（スクー）さんにて、SEOの放送を行わせていただきました。SEOを勉強し始めたばかりの方、制作会社のディレクターさん、SEOを外注されているWeb担当者さんなど、「ホントはSEOのこともっと知らなきゃいけないんだけど・・・」といった方むけに、サイト改善のエッセンスをかいつまんでお話しました。 録画：https://schoo.jp/class/709/ スライド：https://www.slideshare.net/motohojitsukawa/seo-for-35748590/ 放送では生徒（視聴者）からコメントや質問がもらえて、ライブでやりとりしながら進められるという仕組みになっているのですが、ありがたいことに沢山の質問をいただき、ああやっぱりこういう所が気になるんだなというところが実感できました。その場で答えられなかった質問もありましたので、講義のフォローアップとして
GitHubのmasterを壊しちゃったらなる早でやってみたいこと - Qiita
概要 GitHubで管理しているブランチ（特にmasterとか）を git push -f origin などしちゃってｱｯｰした場合、やってみると幸せになれるかもしれない手順です。 http://www.objectpartners.com/2014/02/11/recovering-a-commit-from-githubs-reflog/ のパクリです。 まずやること 落ち着く GitではすべてのコミットはSHA1ハッシュで一意に管理され、たとえブランチを上書きしてもGCされるまで消えることはありません。 特に、GitHubではすべてのコミットが保存されているので落ち着いて上書き前のコミットを探しましょう。 次にやること 以下の手順に従って、git push -f で上書きされる直前のコミットを特定して復元し、master に戻します。 GitHub APIのトークンを取得する ここ
jQueryで指定されたイベントの定義場所を取得する方法
jQueryで指定されたイベントの定義場所を取得する方法 セミナー時にHTML上のイベントが指定されている要素から、実際にイベントを指定したコードが書かれているJavaScriptファイルや場所を知りたいと質問を受けました。 調べたところ良さそうな方法があったのでシェアしておきます。 ちょっと動画に取ってみたので、動画でご確認ください。 なにをやっているかというと、まず、デベロッパーツールを開き、検証したい要素を選択します。 次に右クリックして「Add attribute」から適当なidを指定します。今回は「js_debug」というidを指定しています。 次にデベロッパーツールの右上のアイコンからコンソールを開き以下のコードを入力しEnterを押します。 $._data($("#js_debug").get(0), "events"); Object->click->0の順番に開いていき、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
parallax