ウェブ屋の備忘録

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

お役立ち

縦に長い画像を分割して印刷する方法(Windows)

ウェブの記事ページなど、縦に長い画像の印刷をするときに困ったことはありませんか? たとえば1枚の紙に縦のサイズが合わせられて、横幅がものすごく小さく出てきたりして、何が書いてあるか見えません。 それを ページを分割して印刷する方法です。 とても…

Web制作に便利なサービスやツール12選

一緒にWeb制作をしている仲間から、便利なツールを募りました。 たくさん出てきたので共有しておきます。 ジャンルレスで順不同ですが、どなたかの参考になれば幸いです。 ビジュアルコミュニケーションツール - AUN[あうん] https://aun.tools/ ウェブサイ…

Gmailのバックアップが2GBごとに分割されない

Gmailの容量(15GB)がいっぱいになり、古いメールをバックアップをとってから削除しました。 簡単にできそうだと思っていたのですが、意外とつまづきポイントがありましたのでここにまとめておこうと思います。 2GBごとで分割されない まず「Gmail バックア…

Chatwork使い始めました。プロジェクトのやり取りがとてもスムーズです。

Chatworkを使い始めました。 これもGit同様ずいぶん前から「Chatworkで共有させてもらっていいですか?」とか「Chatworkめっちゃ便利やで」とか言われていたのですが、やっと使い始めました。 常にブラウザでChatworkを立ち上げておかないといけないのが億劫…

Gitを使い始めました。

Gitを使い始めました。 もうずいぶん前から、まわりから「Git使わないの? めっちゃ便利やで」などという声を聞いていたのですが、なぜか使わずにいました。異様に億劫に感じていました。 いざ使い始めてみると、とても便利で何故いままで使わずにいたのだろ…

ペンタブで作業効率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…