会計系WEBサービスを紹介したら盗用された？どうしても書いておきたかったその経緯 - 色は匂えど散りぬるたんぶら
弊社が運営している WEB サービスが盗用されたとしか思えない事案がおきました。 記事の概要 とある企業へ自社WEBサービスの拡販営業に行ったサービスコンセプトに共感してもらったでも、そのサービスは使わないと言われた半年後にその会社が同じサービスを始めていたWEBサービスを見ず知らずの人にパクられたかな？と思ったなら、こんなブログは書きません。 今回は自分が営業を行った先から、そのアイデアを盗用されたとしか思えない事案が発生しました。弊社が紹介したWEBサービスと非常に酷似したものを約半年遅れでつくられたので、これはちょっと見過ごすことができないということで記事を書きます。 どうしても感情的な部分が出てしまうため、不快に感じられる部分があるかもしれませんが、そのあたりをご理解いただける方に以下の記事を読んでいただければと思います。 ====================== ■弊社が運用
7ステップで作るワイヤーフレーム［大事なのは情報設計！］ | 株式会社アジケ
最近、新しいスタッフが入社してワイヤーフレームを作ってもらう機会があったのですが、教えていくうちに、一度、自分がどういう流れでワイヤーフレームを作っているのか整理してほうが良いと思い、まとめてみました。 いろんな考え方、進め方があると思うのですが、自分の場合は下記のような流れで作成しています。 ページのタイプを確認する ページの目的を考える 他ページとの関係性 / ページを訪れる経路を確認する 必要なナビゲーション種類・配置・内容を考える ページに必要な要素を洗い出し、要素の優先順位を決める 手書きで大まかな要素の配置を決める ツールを使って清書する ・ ・ ・ 1.ページのタイプを確認する まず最初にこれから作るページがどんなタイプのページなのかを確認します。 下記の4種類で分類します。 ポータルページ型 さまざまな情報を集約し、サイトを閲覧していく上で起点となるページ。 サイトのトップ
Macクリーンアップ＆メンテナンス大作戦！ 愛用Macに「本腰」の大掃除を。 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
ニュース・マガジン風レイアウトのWordPressテーマ「Magazine」
2014年8月19日 Wordpress, お知らせ 私の参加しているWordPressテーマ制作チーム、Themifyで、新しいテーマ「Magazine」がリリースされました！私はデザインと、コーディングの一部を任せて頂きました。様々なレイアウトに対応しており、BBCのような本格ニュースサイトや、さまざまなカテゴリーを扱っているはてなブックマークのような情報サイトにピッタリのテーマです！ ↑私が10年以上利用している会計ソフト！ デモ ダウンロード 英語による解説動画。カスタマイズの流れが紹介されています。 「Magazine」テーマの特徴 メガメニュー カテゴリーメニューから4つの記事をサムネイル付きで表示することができます。コンテンツ量の多いサイトでは嬉しい機能じゃないでしょうか？ 外観→メニュー のページで、画面右上の「表示オプション」をクリック 「詳細メニュー設定を表示」の「CS
Sass/Compassの社内運用に関するありがたいスライドから学んだことのまとめ
これはありがたい！と思えるSass/Compassに関するスライドが2つほどSlideshareにアップされていたので、このブログでも紹介させていただきます。去年行われたHTML5 Conference 2012でNHN Japanのマークアップエンジニアの方から発表されたもので、すでにSassを使ってCSS運用を始めている方からの貴重な情報です。 前編、後編とあるので、それぞれに対して自分なりに重要だと思ったこと、また、それらに対する考察をまとめてみました。自分が管理・運営しているウェブサイトのCSS管理も、Sass/Compassを使ってやりたいなぁと思う今日このごろです。時間的な初期投資は必要だけど、長期的に考えたらメリットも多く時間の節約にもなりそうです。 今回の投稿では、まずは前編から。 前編で気になったところのまとめ 「実践Sass 前編 — HTML5 Conference
Sass 超入門
CSS設計についてまとめた資料です。 本資料の構成は以下の通りです。 はじめに CSS設計準備 ・ ブラウザに対する理解 ・ normalize.css / reset CSS ・ 新しいリセット用CSSのご紹介 私的CSS設計における ベストプラクティス - コンパイル言語について 2014年9月 第14回ゼロから始めるWordPress勉強会「Sass+Bootstrap+_sでテーマを作ろう」＆質問大会！ でのプレゼン資料です。 Sassを説明しました。 CSSを直接書くよりも、Sassを使って書いてほうが楽にかけて、効率的です。 Sassは最初は理解しにくいかもしれませんが、直ぐに慣れてくるので、だんだんと効率よくWebサイト制作ができるようになります。 初級者の方がでもわかりやすいようにまとめました。 初級者に薦めるなら、次の６つが便利な機能だと思います。 １．構文の階層化 ２．
今さら聞けない？！Webディレクターの為のSass講座 : LINE Corporation ディレクターブログ
こんにちは。ウェブサービス本部の hamashun です。 今回は CSS を便利にする Sass （さっす）という技術を、ディレクター向けにご紹介します。 最初に結論：Sassとは？ CSS の、コーディング効率やソースコードの保守性を向上させる技術が、Sass です。 まずは普通のCSSについて Sass のことを知るには、まずは CSS のことを知っておく必要があります。CSSを自分で書ける or 読める人は、この項は飛ばしてしまってかまいません。 p { color: red; } このソースコードは、ごくシンプルな CSS です。このソースコードの各部分を解説すると、次のようになります。 従って、上記のソースコードを日本語にすると、「p要素（pタグ）内の、文字色を、赤にする」となります。 こうして見てみると、CSS の構文は、とてもシンプルであることが分かります。 CSS は、こ
昨今のWebアプリケーションのひな形その2 - Grunt - naoyaのはてなダイアリー
昨日の続き。 こういうアプリケーションのテンプレートを管理するのに便利な仕組みはないですかねーと言っていたら @teppeis さんや @omo2009 さんに Grunt や Yeoman はどうかと教えてもらった。 Grunt はユースケースとしては JavaScript の連結や圧縮、SCSS/LESS なんかのメタ言語のコンパイルをするときに使うもの、つまり rake なんかと同じようなものと以前にチラ見した程度で知った気になっていたけども、ちょっと違っていた。Grunt は確かにタスクランナーではあるのだが、Node.js で実装している利点を十分に活かして、任意のファイルが更新されたのをトリガに一連のタスクを実行させたり、Grunt で Webサーバーを立ち上げて他のタスクと連携させたりといったことができるようになっている。プラグインの仕組みがあって、エコシステム的に結構活発に
Grunt: The JavaScript Task Runner
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
NAVERでのSassの使い方 « NAVER Engineers' Blog
NAVER UITのSass Mixins職人（他称）の上村です。 今日はLess & Sass Advent calendar 2011の21日目です。 3日目に書かれている通り、NAVERでは半年ほど前から実務でSassを使っています。 今回は弊社で使用しているSassのディレクトリ/ファイル構成やMixinsについて解説します。 基本ディレクトリ/ファイル構成 今のところcss/sassディレクトリは下記のような構成を基本としています。 project |~css/ | |-category-A_TRUNK.css | `-category-B_TRUNK.css |~sass/ |~core/ | |-_setting.scss | |-_style-mixin-base.scss | |-_style-mixin-layout.scss | |-_style-mixin-mod
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
Git初心者に捧ぐ！Gitの「これなんで？」を解説します。
はじめましてこんにちは、今年新卒でKRAYに入社しました亀井と申します。 会社のみなさんからは「あさちゅん」と呼ばれております。どうぞよろしくお願いします。 突然ですが、みなさん使ってますか？ Git。 KRAYではバリバリ活躍してるGitですが、 「よくわからない……」と頭を抱えてる方も多いですね。 わたしも抱えてます。 正直、KRAYに入社するまでターミナルを使ったことすらなく、 Gitも入社してから使いだしたので初心者もいいところです。 そんなわたしが1日約200回×3ヶ月ターミナルでGitコマンドを打ち続けて やっとわかってきた、Gitの「これなんで？」を解説します。 主にGit初心者、Gitについて理解を深めたい人向けです。 もくじ なんでcommitする前にaddしなきゃいけないの？ ブランチってなんのために分けるの？ HEADってなんなの？ 消したファイルもコミットしなきゃい
バレないカードローンはこれ！誰にもばれずにお金を借りるなら｜お金の玉手箱
お金を借りたい。でも職場の同僚、友達、家族にバレてしまったらどうしよう？と不安で、なかなか申し込みができずにいませんか。 誰にもバレずにお金を借りる方法が知りたい！とお悩みの方へ、周囲に知られることなくお金を借りる方法を具体的に解説します。カードローンの在籍確認などバレたくない人が気になるポイントについてまとめましたので、ぜひ参考にしてください。 主婦の方は旦那さんに内緒で、バレずにお金を借りる方法を知りたいですよね。結論から言いますと、消費者金融カードローンなら家族はもちろんのこと、会社の人にもバレずにお金を借りることができます。その中でもおすすめの、「バレないカードローン」として口コミで人気の消費者金融カードローンを紹介します。 ただし、バレないようにするためにはいくつか注意して欲しいこともあるので、そのポイントについてもまとめています。 この記事のポイント カードローン利用がバレる原
メディアクエリをまとめるGruntタスク「grunt-combine-media-queries」
メディアクエリをまとめるGruntタスク「grunt-combine-media-queries」 CSSソース内に散らばったメディアクエリをまとめたいと思って調べたらGruntタスク「grunt-combine-media-queries」に行き当たりました。 CSSソース内に散らばったメディアクエリとはどういうことかというと、レスポンシブWebデザインでPC向けとSP向けのCSSを記述しなくてはいけないときに、以下のようにPC向けとSP向けの記述をなるべく近くに書くことでCSSのメンテナンス性が高まる反面、１つのCSSファイルに同様なメディアクエリが散らばってファイルサイズを増加させてしまいます。 .header{ width:950px; } @media screen and (max-width: 640px) { .header{ width:auto; } } .footer
CSSサンプル集
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sass/SCSS入門 (全15回) - プログラミングならドットインストール
