タグ

ブックマーク / maka-veli.com (20)

  • MarkdownでEvernoteを書く。VimやEmacsのキーバインドも設定できる”Marxico” / Maka-Veli .com

    結構前から試してはいたんですが、なぜかその時はしっくり来なかったので使わなかったんですが、最近、特に書物が多くEvernoteのWEB版も変わってから未だに慣れず、どうもしっくり来なかったので改めて試してみると、とても使いやすかったのでこのタイミングでご紹介。ご存知の方も多いはずですが。 MarxixoはMarkdownで書けるWEBサービス、及びChromeエクステンションで、Evernoteと連動させる事でノートの読み書きを自動で行ってくれます。 実際の画面はこんな感じ。 左が入力で右がプレビュー テーマも変えられるし プレビューいらないよーって人は入力モードだけでもOK ちなみに @(ノートブック)[タグ|タグ|タグ] と書いておくとEvernoteの方のノートブックとタグに紐付けられます。 Evernoteの接続が完了してれば入力時に候補ちゃんと出る。 ドックを

    MarkdownでEvernoteを書く。VimやEmacsのキーバインドも設定できる”Marxico” / Maka-Veli .com
  • フラットデザインについて @maka_velicom が思う6つのこと。 / Maka-Veli .com

    フラットデザイン、流行が止まりませんね。国内サイトや記事でも、以前にも増して見かけるようになりましたし、TLでもよく議論しているのを見かけます。iOSもフラットデザインに~みたいな話もあったり、TwitterBootStrap3.0もフラットデザインですね。そんな僕もロゴ変更時にフラットチックにしていますし。個人的にもけっこう好きです。なんで好きなのかと言うと、「色」が好きなんです。色そのもの。というわけで、以下、個人的に注意している点です。 あ、始めに言っておきますが、このブログデザインがフラットデザインの正解だ、なんて当に1mmも思ってません。むしろ前のデザインにむりやり組み込んだこのデザイン、これでフラットデザイン語るなんてヤバいです。勉強し直す自戒も含めて、書かせて下さい。そして読んでくれた皆さま、心より御礼申しあげます。 英語圏と同じにしない テキストで大胆なタイポグラフィ

  • 楽しめなきゃ良いモノなんて作れない! / Maka-Veli .com

    だって楽しい事考えるのに、自分が楽しくないと出てこないでしょう ブログでは何度か書いてるかもしれません。 モノを創るのって、その人自身の影響力がとても大きいとおもいます。 単なる情報整理や要件に対する設計なんかは左脳バリバリ動かして情報を構築していくだけで、わりとそれっぽいモノは作れるとおもいます。そういう視点では、請負業務ってのは楽しんでなくてもけっこう出来ちゃうとは思いますが。 自分のハードルを超える 人がびっくりするような事を考えだす こういう事っていうのは、作り手が楽しんでいて、普段活動してない脳ミソがフル活動してないと出てこないと思うんです。 人間レベルなんて、意外と同じようなモノですよ。 他人が頭いいとか悪いとか、すごい人だとかすごくないとか、 そんなのチャンスを掴んだか、やり方のコツをつかんだか、仲間に助けられているか、せいぜいその程度だと思うんです。結果論です。

  • 実際、LINEはどのくらいWebに影響を与えるのか。調査結果をまとめてみた。 / Maka-Veli .com

    LINE流行ってますねー。子会社化して「LINE株式会社」になんてなっちゃいましたね。 CMも頻繁に出してきて、より身近に感じさせるようなイメージ戦略に変えてきてますよね。 (くっそー、石原さとみが可愛すぎる) そんなLINEが気になったので、気になる調査結果から有用そうなのを抜粋してみました。 ※下記、灰色枠内の情報は全てリンク先から引用させて頂いた物です。詳しいデータはリンク先をご覧下さい。 Pontaリサーチ:スマートフォンアプリに関する調査 2012年8月24日 http://www.loyalty.co.jp/news/2012/20120824/ スマホの普及率、20代では約半数に よく使用するSNSアプリは男女ともに「Twitter」がもっとも多く、男性は続いて「Facebook」、「LINE」、女性は「LINE」、「Facebook」という結果でした。「SNS

  • 無料配布:レスポンシブなHTMLメール用テンプレート / Maka-Veli .com

    あ、なるほどー。確かにHTMLメールもレスポンシブにしちゃえば良いんですね。 あまり行わないので発想無かったです。 種類は全部で5種類 例えばこれは こうなる 例えばこんなのは こうなる なるほどなるほど。便利。 使用方法なんかも書いてあります。 興味のある方は是非、こちらから Responsive Email Templates – ZURB Playground – ZURB.com http://www.zurb.com/playground/responsive-email-templates 無料配布:レスポンシブなHTMLメール用テンプレート is a post from: Maka-veli.com

    poyosi
    poyosi 2013/01/24
    HTMLメールのレスポンシブな発想はなかった…!なるほど
  • 味付けは包丁を握る前が命 [ロゴデザイン時の注意点] / Maka-Veli .com

    いつも楽しみ読まさせて頂いてるWP-Dさんから面白い記事が。 コンセプトが無いデザインは味の無い料理と一緒。という話。 / WP-D まったくの同意。もう既にタイトルで「同意!」と思ってしまいました。 ロゴも拝見 させていただき、きちんとつめ込まれたロゴで素敵だなーと思いました。 ちょうどその日、他にもロゴ系で面白い記事があって読んでいたのですが、 10 Tips to Design Memorable Logos | Smashing Hub http://smashinghub.com/10-tips-to-design-memorable-logos.htm ロゴは当に一球入魂と言いますか、 それ1つで全てを表現しなければならない、非常に大事なモノだと思います。 ロゴから受ける印象と、中身(企業やサービス)を知った時に受ける印象、 そしてそれが独り歩きしますから

  • ここがヘンだよRWD(レスポンシブWebデザイン) / Maka-Veli .com

    定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト(PC表示時)はシンプルで良いんじゃないかなと思います。(この時のポイントは企画段階時のRWD導入の見極めかなと思います) しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280(共に横)などでの閲

    poyosi
    poyosi 2012/11/07
    速度とか色々気にする俺は実はRWDは好きではないのである!
  • 人の育成って大変。じゃあ何が大変かわかりますか? 理由の1つは「自分のモノサシ基準」が原因 / Maka-Veli .com

    人の教育の話。 人をマネジ、教育する際に、自分のモノサシ基準で動いてる人が多いように思えるんですが、これがどうなのかなぁと悩んでいます。 そもそも「人 」っていうのは「十人十色」と昔から言うように、同じ考え方の人間はほぼ皆無だと思っています。それがどんなに親しい人でも、限りなく距離がゼロになる事は無いはずです。それは生まれ持った性格と育った環境で「世界」という物をどう捉えているか、視点が様々だからと思います。 そんな中、人材育成として人に物事を教える行為は、自分の価値観を押し付ける行為に成り下がっている場合が多いんじゃないか、と思ったのです。 例えば何かミスを起こしてしまった部下がいるとします。 具体的に書いてみますと、、 Aさん(女性):入社2年目 大学でデザインの勉強をし新入社員として入社。同期はほとんどが営業畑でデザイナー志望が少ない中、元々持っていた才能が今年から開花

  • お問い合わせフォームのWordPressプラグイン、Trust Formはもっと素敵だった。 / Maka-Veli .com

    前回の続編です。 inquiry form creatorの後継のようですね。 色々変わっているので一応書いておきます。 inquiry form と比較 確認画面・サンキュー画面の文言を細かく変更可能 以前はフォーム部分だけだったと思うんですけど、冒頭に文言や画像を入れられるようになっていますね。これにより、フォームの説明や、サンキュー画面で他ページへの誘導などが可能に。 「必須マーク」など、細かく設定可能 画像なんかも指定できます。 CSSが管理画面上で編集可能 akismetと連動してスパム排除 各画面のHTMLが自由に編集可能 テーマフォルダにtrust-form-tpl-.php等と置いておけば読み込んでくれるそうです。 それぞれ「trust_form_show_input()」「trust_form_show_confirm()」「trust_form_show_f

  • お問い合わせフォームのWordPressプラグインのinquiry form creatorが便利だった。 / Maka-Veli .com

    有名なようですし日人Developerさんだったので既にご存知だろうと思いますけど、使ってみてなかなか痒いところに手が届いてくれたのでご紹介。あー、これはクライアントワークで使えるなぁーと思いました。簡単なフォーム程度でOKのサイトだったらコレで十分なんじゃないでしょうか。 inquiry form creatorの便利だったところ 日語 確認画面、サンキュー画面がある フォーム項目の追加が簡単 標準でバリデーションがけっこうある ユーザーに自動返信ができる お問い合わせ内容が管理画面上で確認できる お問い合わせ内容をCSVに落とせる と、思ったんですが、同作者さん( horike 氏) の新しい(?)フォームプラグイン Trust Form のが良さそうですね。 アップデート日時が古いからおかしいなと思ったらこんなのあったのですねー・・・orz (そういえば前にWP詳しい人がT

  • Webサイトに必要なのは直球と変化球。コピーと導線のはなし。 / Maka-Veli .com

    あるAの商品のサイト。 商品は、ある障害から身を守れる優れもの。Webサイトには当然、その旨が書かれている。 そして価格やバリエーションなどがキレイに紹介されていて見やすく、素敵なサイト。 1. ○○○から身を守ります。 2. バリエーションもデザインも豊富 3. 価格も安い 4. ○○○とは? ある意味正解ですよね。情報はきちんと掲載されています。読んでそれぞれのページなりを見れば理解できるはず。「○○○から身を守る」が謳い文句。 でも、もう少し違った訴求もあるんじゃないでしょうか? まず前提として、○○○がなんなのか、わかりづらいです。 ここで仮に○○○が「姿勢の悪さ」だとします。 「姿勢の悪さが治るベルト」 姿勢の悪さは体に良くないと、なんとなくわかりますが、なんとなくじゃあダメ。姿勢の悪さが原因で、体の痛み(腰痛等)や、機能障害(運動障害等)が起こるようで、

  • iGoogleの代わりにNetvibesはいかがでしょう? / Maka-Veli .com

    iGoogleが終了するそうですね。 “iGoogle は 16 か月後の 2013 年 11 月 1 日をもって廃止される予定です。モバイル バージョンは 2012 年 7 月 31 日に廃止されます。” iGoogle の今後  最近は使ってなかったのですが、結構使っている方も多いようで。 確かに楽に情報収集できるので良いよなーと思い、終わると聞くとなんか余計に使いたくなってしまいました。で、代替案。 フランス生まれのNetvibesはiGoogle同様、自分好みにウィジェットやテーマを変更・追加できるスタートページです。 Twitter,Facebook等のSNSや、iCal、googleから読み込むカレンダー、Google Analyticsなんてのもありました。

    poyosi
    poyosi 2012/07/04
    iGoogleがサービス終了するということで、代替としてよさそう!
  • わかりやすい見積書の書き方 / Maka-Veli .com

    最近流行り(?)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com

    poyosi
    poyosi 2012/07/02
    見積書のダウンロードもできる…だと!?ありがとうございます。
  • 芸術と、商業デザインと、それを欲しがる人々と / Maka-Veli .com

     芸術と、商業デザインと、それを欲しがる人々と / Maka-Veli .com var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-13049392-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.c

    poyosi
    poyosi 2012/07/02
    仕事を始めるまではWebデザインってアーティスト的な感覚があったなぁ…(´・ω・`)
  • まずは基本から。Webサイトで役立つ情報のまとめ方 / Maka-Veli .com

    Webサイトは情報の集まりです。 ユーザーが情報を得るには基に忠実なことが一番良いと思っています。 「物を知る」のは慣れた形が一番かと。それがユーザビリティ。 構成 内容(ページ、サイトの種類)などによって変わりますが、 一つの例としては 見出 注意喚起(興味を引く、または概要がわかりやすいモノ) 概要 主旨(どんな内容なのか、ユーザーが入りやすく、注意を引くモノ) 意見 持論(個人的な異見を述べます。書き手の意見が無いと退屈な文章になります) 証拠 裏付け(意見に対して、正しい内容かの説明をしっかりしましょう。信頼性があるものを) 結論 理解(ユーザーに「なるほど」とわかってもらうことで、価値が生まれます) このブログや、この記事の場合はまとめに近いので、この構成には沿っていませんね。 まとめ記事の場合は興味を引く主題と箇条書きされた内容が良いのかもしれません。(

  • ビジネス文書「取り急ぎ」の使い方間違ってませんか? / Maka-Veli .com

    たまにはWEBじゃない事も。 よくメールで使われる『取り急ぎ』という言葉。 僕も使いますし、メールで頂く事も多いです。 「取り急ぎ」 文字にすると、「急ぎ」なんて感じの印象を受けますが 「データを取り急ぎ送っていただけますか?」 って使い方はおかしくないですか? いや、実際はおかしくないのかもしれませんが、違和感があります。 データを取り急ぎください。 取り急ぎ対応いただけますか? この内容を取り急ぎ組み込んでください。 とか。 取り急ぎとは? 「手紙で内容を全て書ききれないけれども、完結にしてご連絡させていただきました」 「直接伝えるべきですが手紙にて先だってお伝えします」 というような意味合いで文末に入れたりする結びの言葉ですよね? (合ってますか?僕はそう習いました。) なので、「取り急ぎ」 というのは「完結に伝える事を目的に、失礼ながら書かせて頂きます」と

  • 点と線と個性の話 / Maka-Veli .com

    VIA:Wikipedia キレイに整えられたフォントは、読みやすく洗練されて美しい。 手書きの文字は、可読性も低く歪だが、 その不完全さに愛着と個性があり好まれる。 手書きの良さは、書き手の癖や特長が表現されている点。 ※これは例としてフォントを使用しています。 でも、この違いは、何も「手書き」だからという事だけでは無いはず。 例えば点と線 線を引く。 地平線?ただの棒?これだけだと何かわからない。 点を打つ。 何か物体の横に棒置いてあるように思える。 つまり平面から物体に、奥行きを感じるようになる。 少し意味を持つようになる。 丸を描く。 球体。ただの球体。 線を引く。 面に球体が乗った。不安定感が出てくる。 物体に感情が生まれる。 短い線を足す。 急に奥行きが出来た。より立体感が出る。 色を変える。 球体というより、何かの穴にも見える。

  • ディレクターとは?Webディレクターなら覚えておきたい知識・技術、そしてスタンス / Maka-Veli .com

    Twitterで話してたんですが、『ディレクター』って当に微妙なポジションだなぁと感じました。 というか、そもそもディレクターって何でしょうね? ディレクターと聞くと、まだまだ映画のディレクターの方が知名度高いのではないでしょうか。 そこから来て、やはり日では、現場監督的な位置づけが多いんですかね。 Webディレクターは、プロジェクトを指揮・管理する役割が多いはずです。 ※だから決して偉いというわけではないです。あくまでも繋ぎをする作業者ですから、上下関係はありません。 Webディレクターの系統 Webディレクターは、大体「Web制作会社」「システム開発会社」「サービスプロバイダー系会社」「広告代理店」等に配属され、更に 営業寄り 企画寄り デザイン寄り システム寄り という具合で分かれると思います。 それぞれ活躍する場が違うので良いと思うんですが、 それに伴い、ディ

  • 配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com

    タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ! うぉ!すっげ!って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい! 爽やかーーー キレイに見せたい! 楽しい! チョーハッピ スーパーハッピ ノ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお

    poyosi
    poyosi 2011/12/15
    デザインは得意ではないので勉強になります。
  • 仕事で一番大事なこと。モチベーションを上げて2012年に挑もう! 僕が読んだ自己啓発関連まとめ / Maka-Veli .com

    たまにはいかにもな記事を・・・最近どうにもモチベーションが上がらず、これを機にモチベーションの上げ方をもう一回おさらいしようかなと思いまして。。入社したての活力が欲しいなぁと思いつつ、どんどん自分が落ち着き出してしまったので2012年は楽しく元気に仕事をやっていきたいなと思います。準備は時間がかかりますから、今から動いていて損は無いですよ。そんなわけで、漁った記事を以下にまとめます。ちなみに、古い記事もかなり混じってますのであしからず。。。 新人 編 『忙しい人』と『仕事ができる人』の20の違い / モチベーションは楽しさ創造から いい仕事をするためには、報酬や昇進ではなく「内的モチベーション」を上げよう / lifehacker 若者はなぜうまく働けないのか? / 内田樹の研究室 新人が研修期間中に学んでおくべき、基礎的考え方30 / モチベーションは楽しさ創造から リーダー

  • 1