ウェブ屋の備忘録

日々の業務で工夫していることや便利なツール、新たに得た知識などを共有しています。

お役立ち

ペンタブで作業効率2倍

ある制作会社で、打ち合わせ。 その会社の打ち合わせスペースから見えた作業者は、皆ペンタブレットを使っていました。 「イラストの仕事もされるんですか」と聞くと、「いえ、マウス代わりにペンタブを使用しています」とのこと。 マウスだと、カーソル動か…

Webデザイナーあるある

前のデザインとあまり変えなくても良いですよ ↓ 提出 ↓ 変わりばえしないので修正してください 簡単に済む作業です →簡単には済まないです 参考にして欲しいというサイトのイメージがすべて違う どうしたいのでしょうか。 ロゴや写真の元データが無い なぜな…

Googleの新アルゴリズムについて

こんにちわ。 私はSEOコンサルタントではないので、詳しく語れるわけではありませんが・・・ Googleが2013年秋頃にまた大きなアルゴリズムの変更を行ってきましたね。 その名も「ハミングバード」 。 日本語に直訳するとハチドリで、正確で速く飛ぶことがで…

ID、パスワードの使い回しは危険

社内PCのログインから、フリーメール、各サイト・サービス、 スマホのアプリに至るまで ログインID・パスワード情報って、数えてみるとかなりの数に なるんじゃないでしょうか。 ところでみなさん、ID、パスワードの管理ってどうされていますか? 自分自身も…

よく参考にするデザイン事例

私は最近は自らデザインは行う機会は減りましたが、 サイトのワイヤーフレームなどを固める時や、デザイナーさんに作ってもらいたい イメージを伝えるためなど、他社様のデザイナーさんの事例などよく参考にさせて頂いています。 一番多く参考にさせて頂いて…

すごいなぁと感じたこと

デザイナーからディレクターへと仕事内容がシフトチェンジして行った当時。 ずっとデザイナー一本できていたので、感覚に頼るところが強く、ロジカルに物事を考えない(というか、そういう筋道に沿った話を展開するのが苦手でした)特徴があったので、今後は…

歴史はくりかえす

私がこの業界に入ってきたのは、かれこれ10年ほど前。 20代後半でサラリーマンを一度辞め、ほぼギター1本抱え上京。 バンドマンとして最後の「賭け」に出るも夢破れ、近くのTSUTAYAで「キミも3ヶ月でWebデザイナー」みたいなカタログをたまたま見つけ、今後…

Macを利用できる場所について

私は自宅でMac(OS X 10.4)のiMacと、Windows Vistaのノートの2台を使っています。 Macは長い間、制作用として利用し、東京から関西に一緒に引っ越すなど思い入れも深いマシンなのですが、この度、電源が全く入らない状況になりました・・・ Mac自体に関し…

確認することの大切さ

こんにちわ。 今回は特にわれわれのようなWeb制作会社で、主にデザイン系のお仕事をされている方々に、少しくらいは役にたつかも・・・というお話。 ちなみに私は前職で、とあるサイト制作用のパッケージソフトを開発している会社で、デザイン制作側のディレ…

WordPressで絶対に使っちゃいけない言葉があるの

パ●ー「使っちゃいけない言葉?」 シー●「うん。滅びのまじない」 WordPressでPHPを動かそうとして詰んだので備忘録。 こんにちわ。8月2日の金曜ロードショーが楽しみなSです。 みなさま周知のこととは思いますが、WordPressのページ等で、 オリジナルPHP(…

お前らも文字を極めろ!

デザインは難しい…。 そんな悩みを共に抱える仲間達に!! デザインセンスがないと嘆く自分にもー!!! できるっことがある!! それは字間を整えることだ!! さらに変化を加えることだ!! 基本だろってヤツは基本馬鹿にしてんじゃねー!! 先人達に心ん…

結局BASEとSTORES.JP、どっちがいいの?

無料でECサイトが作れるBASEとSTORES.JP。 最近では送料の都道府県別設定機能や、ダウンロード販売機能が追加されたり、どんどんと使い勝手良くグレードアップしています。 無料でECサイトを作れるというのはどちらも同じですが、その機能の違いで比較してみ…

自宅作業のBGMに「MusicTonic」

アーティスト名を入れて検索。 するとそのアーティストの動画をリピートで流してくれます。 さらに曲名で絞り込んだりもできます。 たまに素人が弾き語りしてるやつが出て来たりしますが、それは我慢しないといけません。 Musictonic Digitalian is eating b…

これが決定版じゃね?とってもお手軽Webページ高速化の方法とツール

サイトの表示は速ければ速いほうがいいですよね。 Googleは表示速度が0.5秒遅くなっただけで、検索数が20%減少、 Amazonは表示速度が0.1秒遅れただけで、売上が1%下がるといいます。 GoogleがSEOの条件に表示速度を採用したという話も聞きます。 『速い = …

トイレ掃除のおばちゃん

こんにちは! 今日は私の日常の出来事に欠かすことの出来ないおばちゃんの話です。 家の近所の駅には「まじハンパない掃除のおばちゃん」が現れます。 決まって朝8:50分に掃除にくるハンパない彼女。 彼女は私のことをいつも心配してくれています。 「どう…

スマホサイト縦画面と横画面でCSS分けてみた!

こんにちは~! 今回は私のまわりではあんまり声が上がらなかったのですが、スマホサイト作ってたら縦画面のときと横画面のときの表示のされ方ってなんだか嫌になんないですか? 一般的にviewportで指定すると思うのですが…。 文字とかでっかくなっちゃった…

PhotoShop用の素材やチュートリアルが豊富なサイト

こんにちは!今回はテクスチャ、ブラシ、チュートリアルなどPhotoShop用の情報を多く配信してくれているサイトPHOTOSHOP VIPをご紹介します。 特にエフェクトのチュートリアルなんかは丁寧に書いてあるので助かります。 PHOTOSHOP VIP Photoshop しっかり入…

お仕事は「少しだけ前倒し」を心掛ければうまくいくかも…

みなさん、お仕事どうですか? 忙しいですか? 納期直前の案件が3つぐらいあって 現実逃避したくなって 黄昏ながら仕事している私です。うふふ。 やはり、納期ギリギリなるのは 印象としてはあまりよくないですよね。 ましてや遅れてしまうなんて言語道断。 …

Tumblrってけっこうすごいんだな~と思ったのは私だけではないはず

最近、ブログを書くのが楽しくなってきました。 でも、仕事が多忙になって首が回らないのに 当番がまわってきて、ひ~ひ~言っているわたしですが、なにか? 面白いブログネタを探していたのですが、 無理くりさがしているとなかなか見つかりませんですよね…

Webのトレンドどこで手にいれてますか?

移り変わりの速い(速過ぎる!!)Web業界にいる皆さまはどこでトレンドや情報を入手されているでしょうか?私の場合は基本になる参考書とかはもちろん本屋さんで購入するのですが、ちょっとした応用だったり、アイデアだったりはwebでググリます。 大体のこ…

乗り換え急増!今話題のエディタ!

ちまたで話題のエディタ『Sublime Text2』。 ・30分使って乗り換えました! ・DreamWeaverから乗り換えました! ・こんなエディタを待っていた! ・これなしではもう仕事できない! などなど… なんしか皆さん大絶賛ですので、私も使ってみました。 半年ほど使…

web上でQRコードを生成する方法

[html] http://chart.apis.google.com/chart?chs=150x150&choe=Shift_JIS&cht=qr&chl=WEBSITEURL [/html] 上記ソースのWEBSITEURLの部分をQRコード化したいURLに変更します。 例えばウェブ屋の備忘録のQRを作成したい場合は、 [html] http://chart.apis.goog…

ブログにセルフブランディングって必要なんだなという件について…

この「Web屋の備忘録」が始まって しばらく経ちました。 ブログのコンテンツって どうやったら魅力的になるのだろうと 熱いお茶をすすり、この文章をタイプしながら 時々おセンチになる私ですが みなさん、いかがお過ごしですか? 今日は熱く語りたいと思い…

これがPhotoshopで、写真から雰囲気のある線画を作る方法だ!

Photoshopを使って、写真から雰囲気のある線画を作る方法です。 実際にクライアントワークで、この方法で作成した線画をメインビジュアルに使いました。 簡単7ステップ! [1] 線画に加工したい元の写真を開きます。 [2] 「イメージ → 色調補正 → 彩度を下げ…

大規模サイトでも大丈夫。サイトの構成が簡単に分かるツール

こんにちは 「何か便利なものないかな?」といつも探しまわっているTです。 お客さんから現行のサイトの デザインリニューアルを依頼された時や、 全ページにSNSボタンを設置してください、なんて言われて 見積もりを作るときなんかに便利なツール 「Website…

SSHで外部アクセスする上で必要なもの(教訓)

こんにちわ。 数学が大嫌いなくせに、プログラム言語とか好きな私が行きますよ。 Macのターミナルを使ってSSHでアクセスするときに、こういう障害物がありますよ、ということで備忘録。 今回Windowsからのアクセスだったので使用したソフトがこちら。 Podero…

ネットでは完璧でない方がいい!?

こんにちは! 今回はあるサイトで目にした興味深い記事をご紹介します。 この仕事をしているとどうしても完璧を求めて頭がどんどん固くなってしまう…。 きっとそんな経験皆さんあるんじゃないかと思います。 これは良くて、これはダメ!常に目指すのは「完璧…

Web業界の日進月歩に息切れ気味のあなたに…

昨今のWeb業界の日進月歩に 追いきれておらず、息切れ気味の私です。 すでにグロッキーになっております。 もう、世の中移り変わりが激しすぎます。 皆さん、いかがお過ごしですか? いかん、このままでは 取り残されて朽ち果ててしまう。 と、危機感をあら…

一体どんなPCとブラウザ使ってるの。。。?を調べるツール

こんにちは 作り上げたサイトをテストアップをすると お客様からFAXやメールが大量に届く現象に怯えるTです。 あんなに数々のブラウザでチェックしたのに、 お客さんにテストアップしたサイトをご覧いただくと なぜかレイアウトが崩れていたり、 見たことも…

Google Mapをおしゃれにしちゃお

普段Google Mapをウェブサイトに埋め込む時って、特になーんにも考えず埋め込みカスタマイズでペタっとしていました。 あるとき、「カッコイイやつがいい!」というクライアントからのご依頼にお応えすべく奮闘。 ただモノクロにするだけならできるかなーと…

もうパーツデザインで迷わない。ヘッダー、サイドバーなどのパーツをカテゴリ別に見ることができるWebサービス「Croppy」

「ヘッダーの参考デザインだけたくさん見たい!」 「グローバルナビの参考デザインだけたくさん見たい!」 サイトを制作中にデザインで悩んだとき、そんなことを思ったりするのですが…。 そんなの集めてくれてるサイトないよね…。 私そう思ってました…。 で…

別名で保存だけじゃダメ!?イラストレーターからPDFに変換するときに気をつけること

WEBデザイナーでは、あまり遭遇しない問題かも知れません。 IllustratorからPDFに書き出すときに、どうも上手くいかない?設定はあってるのに印刷すると変・・・? なんてことがあるのです。 そこでAdobe Distillerというソフトを使用します! Adobe Distill…

コレだけ知ってたら結構役に立つ!困ったときのCSSハックとか。

最近は少なくなったけど、Web屋をやってるとやっぱりIEに泣かされます↓ 最新のブラウザでキレイにコーディングしてもIE6とか7で表示ズレ… IEにあわせてコーディングしてみたら他のブラウザで表示ズレ… んーラチがアカン…。 そんなときはハックでしょ。という…

Webデザイナ向けアレコレ計算式「Web計」

こんにちは。ペンネーム雨天決行です。 よく使うツールです。便利すぎます。 メイン画像の大きさを決めたり、並べるサムネイルの数やサイズを求めたり、デザインをする時に必須の計算がアレコレできます。 いちいち電卓を叩いてなんやして、というのがなくな…

もうどのファイルを消すかで迷わない!JDiskReport

おはようございます。ペンネーム雨天決行です。 便利なツールのご紹介です。 JdiscReport 会社のパソコンのハードディスクの空き容量が少ないことに、ある日気づきました。 いらないファイルを削除しようと思いましたが、現在進行中のものばかりで捨てていい…

作業のスピードアップ化・効率化で早く家に帰ろう

こんにちは! いつも急いでミスばかりのTです! ★作業のスピードアップ化・効率化に必要なこと★ 1.ショートカットキーを覚える(あたりまえ) 2.データ整理・書類整理(探す時間が無駄) 3.他人の作業を見る 3番って結構大事です。 「聞く」でも、「…

作業が捗る!覚えておきたい3つの正規表現

・全部の先頭に「■」を付ける ・全部の行の最後に「!」を付ける ・●●と●●の間をぜんぶ変更する 数行であれば、ひとつひとつやっていっても良いのですが、数十行、数百行といったテキストになると大変です。 今回はそんな作業を楽にする、「正規表現」を紹介…

もう色には困らない!Color Scheme Designer

http://colorschemedesigner.com/ Webデザインをしていて、色に困ったときに使っているツールです。 もう1色欲しい、指し色どうしよう?という時によく使います。 使いかた ここをクリックして、16進数のRGB値を入力するだけ! すると mono 同系色 complemen…