MarkdownでEvernoteを書く。VimやEmacsのキーバインドも設定できる”Marxico” / Maka-Veli .com
結構前から試してはいたんですが、なぜかその時はしっくり来なかったので使わなかったんですが、最近、特に書物が多くEvernoteのWEB版も変わってから未だに慣れず、どうもしっくり来なかったので改めて試してみると、とても使いやすかったのでこのタイミングでご紹介。ご存知の方も多いはずですが。 MarxixoはMarkdownで書けるWEBサービス、及びChromeエクステンションで、Evernoteと連動させる事でノートの読み書きを自動で行ってくれます。 実際の画面はこんな感じ。 左が入力で右がプレビュー テーマも変えられるし プレビューいらないよーって人は入力モードだけでもOK ちなみに @(ノートブック)[タグ|タグ|タグ] と書いておくとEvernoteの方のノートブックとタグに紐付けられます。 Evernoteの接続が完了してれば入力時に候補ちゃんと出る。 ドックを
わかりやすい見積書の書き方 / Maka-Veli .com
最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com
クリエイター向け、まとめのまとめ / Maka-Veli .com
機械的でごめんない。サイト名は割愛させていただきます。掲載内容・順番に深い意味は特にありません。 お金もらって書いて、とかそういうのでも無いっす。 デザイン / 参考 【クリエイター必見】創作意欲が湧くデザイン 参考になるWebデザインリンク集まとめ Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年7月）まとめ11個 ハイクオリティな最近のパララックスWebデザインまとめ13個 ポートフォリオ作ろうぜ！参考サイト、リンクまとめ9つ 『さすがデザイナー…！』と思わされるクリエイティブな名刺デザイン集 配色のセンスをゼロから習得するために役立つスライドまとめ5つ GIFアニメを効果的に使ったサイトまとめ4つ ここまでするのか！アイデア満載の採用サイト おしゃれでかわいいポスターデザイン集 【デザイン】面白いアイディアの広告ギャラリーまとめ HTML5で書かれたス
メイリオとMeiryo UI って全然違うからね？ / Maka-Veli .com
意外に知らないんだなーと思って。 Meiryo UI はWindows7から登場したメイリオフォントの改良（もしくは派生）版です。 メイリオはVistaからですね。 このブログはヒラギノの次にMeiryo UI 、次にメイリオ指定です。 どちらが良いのかは個人差分かれると思います。 大きな違いはカナと文字詰め。 Meiryo UI のカナは半角と全角の中間？というくらい Narrow な感じ。 文字間も詰められていて、これを使うと、かなり全体的に詰まった印象です。 メイリオは一応プロポーショナルフォントらしいですが、和文が等幅なので感じられず。 カナが入ると、かなり横幅が変わってきます。 このようにまとまった文章で見比べると、テキストのボリューム感もだいぶ違いがわかります。 ブラウザでの見え方はこんな感じ しまった・・・英字はArialで表示されてます。 同様の事
UXという考え方を知る上で重要な3つの要素とは？ / Maka-Veli .com
本当は書くの嫌なんですが、あえて突っ込んでみました。 こういうのは個人的考えを出し合って理解を深め合った方がより良いと思ったためです。 前回は、UXデザインという切り口で書きましたが、ふわっとした印象のUXについて、個人的に重要としている点を挙げていきます。UXの根本的なところは色んな所で書かれてますので、UXとはなんぞや？というようなモノは省きます。 まず前提として、UXは「体験や感情」という人の本質部分の背景的な考察、 更に「不変的な事実」、そしてフロントの「UIへの適用」が重要ファクターだと考えています。 これらを掘り下げて説明する能力も無いわけですが、我々が慣れ親しんだ部分で言うと、 わかりやすいところ以下の3つがあるかと。 1. 今までの体験 「今までの体験」という点をデザインに取組む、これは「デザイン」の原点的なモノだと考えています。 以前にも書いたんですが、デ
お問い合わせフォームの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
UXデザイナー(User Experience Designer)は本当に必要なのか？ / Maka-Veli .com
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ？というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス＝直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
新ブログ「音楽動画のDiggyy!」を作りました。 [デザインとかWPプラグインとかコンセプトとかについて] / Maka-Veli .com
新しいブログ開設しました。 だからコッチの更新が出来なかったわけじゃなくて・・・最近社畜すぎて多忙すぎて書けませんでした。で、久々の記事更新がコレで申し訳無いです…。 「真性社畜」と今流行りの「アカルイ社畜」はまったく違うんだぞ – Infoseekニュース VIA:@sonoko0511 いきなりリンク入れてごめんなさい。面白い記事だったもので Diggyy!(ディギー)は、 主にブラックミュージックを中心に音楽動画をひたすら紹介するサイトです。 趣味はブラックミュージックなんですが、他にも色々気になったものは投稿していく予定です。 例えばこんなの 音楽が好きです。 昔から。 だから作りました。ブログなので、自分の好きネタを、好きな時に、好きなだけ書かせていただこうかなーと考えています。 ただ、発端は 「Web業界はシャレオツ多いし、音楽好きも多い。そういった人達
プレゼン資料デザインサンプル集 / Maka-Veli .com
プレゼン資料のサンプルって探すと意外と無いですね。 って思ったので、とりあえず簡単にまとめました。 画像クリックで中ページサンプルのリンクにジャンプします。 ベーシックなタイプ。 幾何学模様で、誰にでも好まれる（と言われてる）青を使ってるので汎用的。 センス良さ気なインテリア系デザイン。 グリーンもWebでは誰にでも好まれる色ですよね。 建築設計なんかがテーマのデザイン。 オレンジ×黒はけっこう挑戦的かもしれないですが、インパクトあって良いですね。 シンプルでベターなデザイン。 IT系ですね。ベタなのが一番使われやすいです。 エコ風テーマ。 よくあるデザインも、 ここまでグラフィックでクオリティを上げられれば好印象ですね。。 こちらは写真で緑を使ったデザイン。 エコというより、グロウプロジェクトですね。 GlowUp、新興成長という意味合いでも緑は使われます
素敵なUIとイラストで楽しくプロジェクトチームとプロジェクト管理できる「Hojoki」がなかなか良さそうです。 / Maka-Veli .com
Choromeのウェブストアを眺めてたら見つけたのでシェア。 なかなかデザインが可愛くて楽しそうです。 「Hojoki」は、 Google Docs Google Calendar Google Contacts Google Reader Evernote Dropbox Twitter GitHub 等を任意で取り込めて、そこからプロジェクトメンバーに知らせたり、Hojokiの中でシェア・リプライをし合ったりできるプロジェクト管理ツールです。 といっても、プロジェクト管理だけでなく情報交換の場としてのSNSとして使っても良いかもしれませんね。 チーム制で仕事をする時に役立ちそうです。 ログイン画面。 FBやGoogleアカウントでもログイン可能。 待ち時間に出てくるイラストがいちいち可愛い・・・ テーマなんかも変えられます。 プロジェクトを好きなだけ追加でき、 プ
WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com
相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。（わからずに使うとトラブル起きますしね）※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版（現時点の WordPress 3.3.2 ）に入れなおしました。 まあベタです
Photoshop Tutorial / 30分で作る。カラフルで幻想的なネイチャーグラフィック。 / Maka-Veli .com
グラフィック第4弾。 今回もサクッと作れるPhotoShopです。 今回は自然テキスチャとカラフルなイメージを合成させたグラフィック。 割りと流行りっぽいモノですが、作ると結構楽しいですよ。 1. 素材調整 まず背景の木の写真を 次に紙。 これはタイポグラフィ用です。 そして自然の写真。 シルエットに使うので、グレーの背景で統一された写真が楽ですよ。 切り抜かなくて良いので。 レベル補正でコントラストを強めましょう。 2. 千切った紙の上に焼印風な文字 まず紙の写真の上に文字を適当に打ちましょう 次に、選択ツールでザクザクと切って、木の写真に貼り付け 次は自動選択ツールで、 文字の部分だけを選択します。 Ctrl押しながら、文字部分をぽちぽちと選択。 境界線を1pxぼかしてから、上の同じように木の写真に貼り付けます。 ※同ポジで貼りましょう。 3. 貼付
Zen Style とは？ 日本人の心だけでなく、欧米諸国の心も揺さぶるオリエンタルデザインを学ぶ。 / Maka-Veli .com
『Zen』 というデザイン思想があります。 日本には『禅』という言葉がありますが、皆さんもご存知の通り『禅宗』 仏教一派のことです。 達磨さんから伝わり、座禅を広め（？）、日本に大きな影響を与えた禅。仏教とは遠い、欧米諸国にも日本の禅が有名で認知されていったようですよ。現在では欧米でも仏教信仰があったりするらしいですよ。 で、別に仏教の事を書こうとは思っていません。 海外で良く Zen Style と見かけます。 上記にもあるように、禅は日本のイメージとして持ってもらえているらしく、 禅＝Zen＝日本＝和風＝『洗練されたモノ、不要なモノを排除されたモノ』というような意味合いで、ZenStyleというデザイン的思想が一時流行っていた気がします。 禅は日本だけの文化じゃないんですけどね・・・微妙な気持ち 私たち日本のクリエイターにとっては嬉しい事ですよね。 でも、意外と日本人
春からシャレオツクリエイター！デザインラフ用にノートを買い換えてみませんか？僕がオススメするノートはこちら / Maka-Veli .com
僕、実は凄い文具好きなんです。 デジタル機器よりを探してるよりも、 文具屋さんでオシャレなアナログ品を眺めてる方が長いです。 特にDELFONICS / Smith がとても好きで、 あのお店に行くとずーっと居座ってしまいます・・・ Smithで会った時はお声がけ下さい（笑） そんなわけで、シャレオツノートまとめ、以下よりどうぞ。 DELFONICS http://www.delfonics.com DELFONICSと言ったらやはり 『Rollbahn』 ？ このお店は色んな物を置いているし、入れ替わりも激しいのでまとめづらいですが、やはりRollbahnは定番で良いですね。僕も買いましたが、雑に扱ってもバンドがあるので楽チンです。 更に、こんなケースに入れて持ち運ぶとカッコイイですね！ RHODIA http://www.bloc-rhodia.jp みんな大好
流行りのGIFアニメやオシャレカタログ、チャート集などセンスの高いポストをしてくれるオススメTumblrアカウント集 / Maka-Veli .com
tumblrってオシャレな写真がたくさん載っていて、眺めてるだけでけっこう楽しいんですよね。コンセプトなんかも色々あって、色んなセンスアップに繋がると思います。 あ、一応皆さんご存知だと思いますが・・・ Tumblrとは？ Tumblr（タンブラー）は、メディアミックスブログサービス。ブログとミニブログ、そしてソーシャルブックマークを統合したマイクロブログサービスである。 ログインすると、記事の投稿やアカウントの管理などの総合的な管理機能を持つ「ダッシュボード」と呼ばれるメイン画面が現れる。記事の投稿はダッシュボードから直接行うか、あるいはブラウザのブックマークレット、携帯電話、メール等を使って手軽に行うこともできる。 投稿できるフォーマットは以下のとおり。 テキスト 画像（JPEG・GIF・PNG・BMP形式、最大10MBまで） 文章の引用 リンク 音声（MP3形式のみ、最大1
色んな広告掲載料集めました。 | Maka-veli.com
アレに広告出したらいくらぐらい必要なんだろー・・・というのにお答え。 ※下記は参考値です。 具体的には様々な条件によりかなり変動します。 制作費はもちろん別途費用。 WEBバナー Yahoo!JAPAN – TOPページ 1週間掲載 レギュラーサイズ(750万imps) 約500万円 ダブルサイズ(750万imps) 約750万円 トリプルサイズ(1250万imps) 約1250万円 ※impsとは、インプレッションの事です。1週間で掲載される保証回数ですね。 最低750万impsからです（トリプルは1250万から） VIA:Yahoo!JAPAN広告費詳細はこちら 前はもっと最低impsも少なかったし安かったよね・・・ 大手ポータルサイトなどは大体このくらいの規模はとられると思って良いと思います。 その他 サイトによってピンキリですが、 大体10万ページビューくらいの
国内Webサイト参考デザイン一覧集 | Maka-veli.com
ん？タイトルの日本語、なんかおかしい？(笑) 自分用に、国内のWEBサイトサンプル集をメモ。 やっぱ国内のが参考にしやすいですよね。 ズロック http://www.zzrock.net/ 一番お世話になってます。 検索も楽です。 そしてサイト自体のデザインも好きです。 (黒×黒のロゴとかやっちゃうとこがまた良い) iKeSai.com http://www.ikesai.com/ なんか気楽に見れる。見やすい。 WEBdeDB http://www.webdedb.com/ 更新減ってきたけど、数多い。 (Faviconつけてほしいー…) WEBデザインの見本帳 http://www.web-mihon.com/ 印象から検索できるのは嬉しい。 サイトがかわいい。 webselection http://web-selection.com/ シンプル。み
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
