bosyuというサービスを作って譲渡するまでの流れ｜坪田 朋
bosyuをCasterさんに譲渡しました。 bosyuの運営会社についてbosyuは株式会社Basecampのサービスとしてリリースしました。普段はデザイン制作、プロトタイプ開発を仕事にしています。 9月で設立1周年を迎えるのでロゴを新しく作りました。 bosyuを作ろうと思ったきっかけ自分が欲しいと思ったのが一番のキッカケで、MVP開発の事例としても丁度良い規模なので作ることにしました。 ・MVP事例のポートフォリオワーク ・Twitter × OGPサービス増えた時期で自分でも作りたくなった ・規模的に丁度よく初期投資 / インフラコストも低い ・人材領域はマネタイズチャンスが多い ・最悪流行らなかったらクローズしやすい ・自分で使って数人採用できれば採算が合うような気がする ・実際にbosyu経由で複数のフリーランスの方と一緒に仕事してます 「譲渡した場合は折半」の約束でエンジニア
チームの課題から考える、Adobe XDとSketchの導入メリット | PSYENCE:MEDIA
この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（@macheri_me）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAdobe XD、Sketchどちらを導入しようか悩んでいる人 デザイン制作フローの中で課題を抱えており、解決したい人 Adobe XDとSketch。自分のチームにはどちらが最適か サービスのデザインを制作する際、何のツールを使っていますか？少し前だと Adobe Illustrator、Photoshop、Fireworksといったグラフィックツールが多かったかと思います。しかしながら、これらはUIデ
糞みたいなサイトなのに何故か100万以上稼げてるサイトとそのやり方 - ボコスカウォーズ
100万以上稼げてるようなサイトって、小奇麗に作ってあって、コンテンツも充実していて、キーワードもサジェストを網羅していて、もちろん独自ドメインで2年以上は経過している。そんなイメージがありますが、今回紹介するサイト様は、そんな常識を打ち破って、糞みたいな作りなのにきっちり100万以上稼げています。 何故100万以上稼げてるとわかるかって？ 予想ですｗ ですが、この予想も結構な確率で当たっているかと思います。何故なら、同じようなことをしたことがあるから、もしくは同じようなことをしたことがある人にどれくらい稼げてるか聞いたからです。 私は定期的にアフィリエイター仲間と勉強会を行っていますが、その中には10年以上アフィリエイトをやっていて、色んな手法に詳しいものが何人かいたりします。 そういった仲間たちと定期的に会うことで、このサイトはこういった手口で稼いでいるというのがだんだんとわかるように
[コピペ推奨] 最高に楽をしたい人のためのCSSテクニックまとめ | Supership Tech Blog
こんにちは。Supership デザイナーのハガです。今回はcssのお話です。 皆さんはcssで、あるデザインを実現しようとした時、あれってどうやるんだっけ？みたいな経験をしたことはありませんか？自分はよくあります。そんな時コピペするだけでokみたいなcssスニペット集があると嬉しいと思い、主に自分のためのメモ的な意味を多分に含みつつご紹介していきたいと思います。（今回紹介しているcss達は主にスマホのためのモダンなブラウザを対象としているため、ieのようなレガシーな感じはごめんなさい。） 10個のcssテクニックコアとなる部分はboldで表現しています。細字の部分はお好きに調整してください。 1.カルーセル<ul class="carousel"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>
![[コピペ推奨] 最高に楽をしたい人のためのCSSテクニックまとめ | Supership Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/f43e585f4105dca3513739b1a83cc4d242345de2/height=288;version=1;width=512/https%3A%2F%2Fimages.wantedly.com%2Fi%2Fqq2P91N%3Fw%3D1200%26h%3D630%26style%3Dcover)
ブログ開設10日で累計12万PVを達成したので、ブログのアクセスを増やす具体的な方法をまとめます : 人類応援ブログ
読む人のことを考えると、ブログの内容には統一性があった方が良いと僕は考えています。 例えば映画の感想ブログを読んでいたのに、急に政治問題についてのオピニオンを表示させられたら嫌ですよね？「ハリウッド版『ゴジラ』感想」という記事の次の記事が「TPP問題を考える！！！」だったら少なくとも「うへぇ…」という気持ちになると思います。 ですので、読む人が自分の読みたい情報のみを得られるよう、ブログには一定の方向性を持たせましょう。特に「政治」「宗教」「アダルトコンテンツ」「全くの個人的日記」などの内容は嫌がる人が多いと思いますので、もしそういった内容の記事を書きたいならそれ専用のブログを作ったほうが良いと思います。
【全533サービス】クラウドサービスに関する全てをまとめました！！（たぶん） | Boxilが運営するBtoBクラウドサービス・資料紹介メディア ボクシルマガジン！
クラウドサービスに関するすべてをまとめました！ 近年、著しい普及を遂げているクラウドサービス。 「売上向上」「生産性向上」「コスト削減」に繋がるといった理由からクラウドサービスの市場規模も年々増加しており、クラウドサービスを導入している企業も増加の一途をたどっています。 そして、グループウェアやオンラインストレージ、メール配信システム、クラウド会計ソフトなどあらゆるジャンルでクラウドサービスが提供されるようになりました。 その一方でクラウドサービスを導入するメリット・デメリットがわからない、ネットワークやセキュリティー、情報漏えいの不安があるなどといった理由から中小企業を中心にクラウドサービスの導入に踏み切れていない企業も多々存在しています。 今回は、弊社の『日本のホワイトカラー労働生産性を飛躍させる』というコーポレートミッションにならい、全ジャンルのクラウドサービスの全てをまとめ
こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修
シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
【初心者向け】ランディングページ（LP）の“もったいない”をなくす構成要素とは？
ランディングページ（LP）は、インターネット広告やリスティング広告の受け口となるWebページのことです。 読み手が求める情報・内容にあわせ、このランディングページの情報を整理整頓することで、広告効果を高めることができます。しかし、構成の内容によっては、せっかくの来訪者が離れてしまうこともあるのです。 今回は、こうしたもったいないミスマッチをなくすため、これからランディングページの制作を考えられている方々に向けて効果を高めるための構成要素をお伝えできればと思います！ ランディングページ(LP)とは？ ランディングページとは、インターネット上のバナー広告や検索エンジンの結果に表示されるテキスト広告のリンク先になっているWebページのことを指します。このページは、企業や製品のWebサイトのトップページであるケースもありますが、多くは広告効果を高める目的で単独で制作されたWebページを用意していま
入力フォーム改善でCV率1.6倍！成果を上げる18のテクニック | LISKUL
たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します！」「申し込みます！」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれません！ 入力フォームについて書かれている16の記事、サイトを参考に、結局、なにが重要なのか、基本と応用合わせて18のテクニックを厳選し、事例を交えてお伝えします。 入力フォーム改善の威力、条件を知ることで、成果を上げる入力フォームを作ることができるはずです。 失敗しない入力フォームを選ぶ！【LISKUL特集（2019年版）】CVR改善ツール一覧>> ※本記事は2014年7月29日に公開された記事をL
Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Google's 200 Ranking Factors: The Complete List 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 毎日のように海外のまとめ記事を無断転載してアクセスを稼いでいるあのブログの注意喚起を海外のブロガーから聞きます。問い合わせや削除依頼しても対応無しっていうから、たちが悪い。 ドメインによる要因 ページレベルによる要因 サイトレベルによる要因 バックリンクによる要因 ユーザーのインタラクションによる要因 アルゴリズムによる要因 ソーシャル シグナル ブランド シグナル サイト内部のスパム
Laravel - ウェブ職人のためのPHPフレームワーク
ウェブ職人のためのPHPフレームワーク。 PHPに支障はありません。楽しくコーディングし、新しい息吹を楽しんでください。 RESTful ルーティング あなたの適用へのリクエストに応えるために簡単なクロージャーを使って下さい。 コマンド Your Data 素晴らしい Eloquent ORM と 素晴らしいマイグレーションシステムを完備しています。 美しいテンプレート 在来の PHP 、もしくは軽量の Blade テンプレート・エンジンを使用してください。Blade を好きになるでしょう。 明日の準備 Laravel は、いろいろな規模のプロジェクトに対応します。 実績のある土台 Laravel は Symfony コンポーネントの上に構築されます。 Composer で動く Composer はあなたの適用のサードパッケージを管理する、驚くべきツールです。 最高のコミュニティ Lara
フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」 | ライフハッカー・ジャパン
「2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。 以下に使ってみた様子を載せておきます。まず、2.5dBUTTONへアクセスしましょう。 試しにボタンを作ってみました。このようにスライダーを調整するだけで色や形を決めることができます。マウスを乗せると上記のようにポコッと浮き上がります。 HTMLとCSSも自動的に出力されるので、あとはこれらをコピペすればOK。 こちらが実際に使っているときの様子です。YouTubeのロゴを作ったり汎用性が高いですね。ぜひフラットデザインのボタンを作成したいときにご活用ください。 2.5dBUTTON （カメきち）
初心者Webアプリケーション開発者がチェックすべき情報源2014 - ハニーポッターの部屋
毎年恒例の「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。 去年は手を広げすぎてかえって反応が悪かったので、最低限のものに絞ってみた。 上から重要な順。★の付いている「重点」がとりあえず読んどけ、の必須。 必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているものを選択。 書籍としては、徳丸本「体系的に学ぶ 安全なWebアプリケーションの作り方」、「めんどうくさいWebセキュリティ」と「実践 Fiddler」を掲載。 「HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書」を追加。 ■重点 ★Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html LASDECなどで公開されていたウェブ健康診断仕様が別冊に加わ
初心者でも3か月でwebサービスを必ず作れるようになる！Webサービス学習資料5選 | 就活の未来
最近のソーシャルメディアの台頭により、ここ数年において、Webは更に力を増したといえるでしょう。中でも現役の大学生が、様々なアイディアを形にし、それをWebサービスという形で発信し続けているのが印象的な人もいるかもしれません。 そこで、あなたもWebサービスを作成したいという欲求にかられるでしょう。 Webサービスを作っている人が身近にいれば、その人に聞けばよいかもしれません。 しかし、そうではない人も多いはずです。 そこで、今日は、そんなあなたがWebサービスを作成するにあたって、参考にすべき学習用の資料を5個選びました。これを頼りにあなたの思いをWebサービスに変えて、世界に届けてください。 Webサービスを作成するにあたって身につける必要があるもの 覚える必要があるのは以下のいくつかの言語です。 ・HTML ・CSS ・プログラミング言語1つ(PHP, Python, Rubyなどな
Webページやアプリ、企画書や提案書に使える500種類以上のアイテムが揃ったアイコン素材 -Hawcons
500種類以上のアイテムそれぞれにソリッドとベタ塗りが用意されている高品質な無料のアイコン素材を紹介します。 商用利用も無料で、クレジット表記の必要がないのは使いやすいですね。 ソリッドとベタ塗りのアイコン アイコンのフォーマットも豊富に用意されています。 .png (すぐ使う用、カラーはグレー・ブルー・ブラック) .svg .eps .pdf Webフォント (.eot, .woff, .ttf, .svg) .sketch (Sketch用) 利用にあたっては個人でも商用でも無料で、クレジットの表記は必要無し、とのことです。ただし、販売や再配布は禁止です。 詳しくはダウンロードファイルの「Read Me.md」をご覧ください。 アイコンは6種類のカテゴリに分けられており、それぞれ豊富なアイテムが揃っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
バズるワードに法則はあるのか 国内400サイトのデータからわかった！ オウンドメディアの成功パターン | 【レポート】カスタマーエクスペリエンスコンファレンス2016
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin