企画書の書き方を既存サービスのスライドから学ぶ

下請けSIerで育ってしまったので、企画書の書き方を学ぶ機会がなかった。今回はSlideshareにアップされているWebサービスの企画書から、企画書の書き方のポイントをまとめる。 Webサービスの企画書例 Chatworkの場合 Gunosyの場合 企画書に必要な要素 企画書…

【2015年7月】デザインの参考にしているサイトまとめ

概要 流行のデザインやUIについて、ギャラリーサイトに掲載されるサイトを参考にすることが多いので、ブックマークしているWebデザインギャラリーサイトを紹介する。 io3000.com 業種、UIやデザイン傾向、配色でサイトを検索できる。 I/O 3000 | Webデザイン…

GitHubにリポジトリを作った

転職活動でソースを見てもらうことが増えたが、JSファイルを行番号つきで印刷したりするのが面倒くさいので、GitHubにリポジトリを作成した。 yukinoyoshino/proziumgithub.com 今は単純にテキストエリアの入力値を拾って文字数をカウントするだけだが、今後…

HTML5の最小構成

概要 新しくページを作る度にテンプレートをググるのが面倒なので備忘 実装 <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title></title> <meta charset="utf-8" /> <meta name="description" content="" /> <meta name="author" content="" /> <meta name="robots" content="noindex"/> </meta></meta></meta></meta></meta></head></html>

カラーパレットをAdobe Color CCで作成・公開する

概要 Photoshopを用いてカラーパレットを作成し、Adobe Color CCで公開する。 作業内容 作業内容は以下の通りである。 写真素材を入手する 写真素材にPhotoshopでモザイクをかける 好みの色をピックアップし、Adobe Color CCに登録する ライブラリに保存する…

CSSのposition指定をリセットする方法

CSS

概要 CSSにおいて、position:absolute/fixed/relative;の指定を外す方法 実装 li { position: static; } 参考サイト CSS : positionの「absolute」「relative」「fixed」のリファレンス | CSS Lecturewww.css-lecture.com 詳解逆引きHTML+CSS辞典作者: 大藤…

「Pages」で行番号を表示・印刷する

概要 Macの標準文書作成アプリ「Pages」で行番号を表示・印刷する。 Windowsであればサクラエディタで印刷していたのだが…… 参考 実は以下のページに方法が書いてあるのだが、ピンとこないので備忘。 Pages:書類に行番号を追加する方法 - Apple サポート 実…

Confluenceのページを書くときによく使うWiki記法

概要 Confluenceのページを記述する際、自分がよく使う(であろう)Wiki記法 Confluence - チーム コラボレーション ソフトウェア | Atlassian 記法 目次 {toc} 引用 {quote} 引用 {quote} コード {code:css} body { background: #FFF; } {code} 背景色をつ…

link_toでハマった話

概要 erbファイルに<%= link_to %>タグを書いたときハマった話 問題 リストを使ってカードUI風に実装する際、<li>内を全部リンク範囲にしたいことはよくある。 以下のソースは一見正しい実装に見えるが、実際は正しく動作しない(<a>タグが変なところにできる)。 <ul> </ul></a></li>…

jQueryのアニメーションイベントが連続で発生しないようにする

概要 アコーディオンメニューなどで、同一オブジェクトを用いて開閉する場合、連打されて延々アニメーションが続くことがある。 $.fadeIn()など、キューにストックされるアニメーションイベントが実行され続けるのを防ぐ。 実装 var isAnimate = false; $('#…