とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

お役立ち情報

仕事をスムーズにこなすための4つの思考【良ツイート紹介】

仕事がうまく回らないときや 回ってない状況を一歩引いてみると、 何かやり方が間違っていて、 遠回りしているということが 多いですよね。 無駄なことをしていたり、 話をややこしくしていたり、 むずかしく考えすぎていたり、 根本から間違っていたり、 方…

漫画から学べる。ドラゴンボールビジネス論が勉強&参考になりすぎておもしろい!

面白くて勉強になるツイートを 見かけたのでご紹介。 漫画ドラゴンボールの キャラクターやストーリーが ビジネス視点で解説されています。 ドラゴンボールビジネス論①「なぜ、同じ人間なのにヤムチャは凋落し、クリリンは世界一強い地球人になれたのか?」…

今、話題になっている各地域のTwitter(ツイッター)のトレンドがまる分かり!Twittrend(ついっトレンド)

リアルタイムでなうでヤングな 情報鮮度がまるっとひと目でわかるWebサービスを ご紹介。Twittrend(ついっトレンド)です。 Twitterで話題になっている、 トレンドワードを日本国内の各都道府県から 海外の主要国まで網羅しており、トレンドが ひと目でわか…

スマホの実機がないときに動作確認する方法まとめ。おすすめスマホシミュレーター

Webサイトの実装では、 実機でしか発生しない不具合や 実機で動作の検証を必要とする場面も多いです。 確認作業はなかなか骨の折れる作業です。 各デバイス、OSのバージョンを考えると、 実機がない場合もあります。 そんなときに役立つのがシミューレーター…

有益で鮮度が高い情報が満載の CSS Nite はベスト・セッションで過去のセミナーの音声やスライド資料が見れる。最&高。

CSS Niteは Web製作に関するセミナーです。 Web製作に関わっている人間であれば 知らないひとはいないんじゃないでしょうか。 (ちなみにアイキャッチの画像はCSS Niteの様子ではありませんあしからず...) 有益なセミナーが全国各地で行われています。 cssn…

2019年5月13日の気になるIT・Web界隈の記事まとめ

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月13日号です。 気になる動向・ニュース フェイスブックが「f」ロゴを刷新 「グーグルマップ」で稼ぐ、検索に続く収益源に スシロー、「Ok Google」で来店予約可能に “旬”の技術…

受け身でいい!「ながら」学習できる動画学習がおすすめ。オンライン動画学習サービスのUdemy(ユーデミー)

先日、オンライン動画学習サービスのUdemyの コースを購入してみました。 Udemyは、動画学習のプラットフォームで webサービスです。 さまざまな動画がオンラインコースの講座として 提供されています。 www.udemy.com 一度オンラインコースを購入してしまえ…

ファイル名をキーワードで区切る場合に使用するのはハイフンではなくアンダーバーがいい理由

webサイトの実装で取り扱うファイルは 多岐に渡りますが、主なものとしては HTML、CSS、画像(jpg/png/svg/gif)、JavaScript、PHPあたりでしょうか。 資料作成など含めるとPDFやWord、Excel、PowerPointあたりもよく使われるファイルだと思います。 これら…

日本語も見やすくてコーディング、プログラミングに最適化されたフォント「Source Han Code JP」がオススメ

コーディング、マークアップ、プログラミングをする際の エディタソフトではどのようなフォントを使用していますか? 僕は「Source Han Code JP」を使用しています。 Source Han Code JPとは 日本語表示も考慮されたコーディング向けのフォント「Source Han …

HTML/CSSの文法チェック、バリデーションツールはこれ使っとけばいいよ2選

HTMLとCSSの文法チェック、 バリデーションツールのご紹介。 最近だとエディタにアドオンやパッケージ、 プラグインなどでバリデーション機能が ついていたりするので、コーディング・開発実装時に チェックすることもできますが、やはり 「最終型としてのソ…

webサイトの画像の形式。png、jpg、svg...使い分けはどうするのが正解か

webサイトの画像はさまざまな形式で 掲載されています。 一般的なものとしては、PNG、JPEG、GIF、SVG。 そのほか最近では APNG、WebPという画像形式までてきました。 それぞれの使い分け、おさらいしましょう。 詳細は本記事の最下部に掲載した参考サイトを …

webサイトにSVGを表示する方法。SVGタグコードはIllustratorからコピペでOK

webサイトにSVGを掲載する方法は、 svgファイルとして掲載 svgタグとして掲載 の2パターンがあります。 SVGの取り扱いに参考になるサイト HTML5でのSVGファイル操作のおさらい - Qiita SVGを使うときに知っておくといいことをまとめました - Qiita 今回は「s…

webページ(HTML)をPDF化するなら mPDF が便利。ただし使えるCSSが限定されるから注意。

「webページ(HTML)をPDF化したい。」 クライアントからそんな相談をされたら mPDF を使いましょう。 受託でweb製作をやっていると このニーズはそこそこ多くて 何回か要望いただいたことがあります。 とはいえPDF化するのも簡単ではありません。 要望を詳…

webサイトにIEでアクセスしてきたユーザには別のブラウザを推奨しよう

いまだにはびこるIEユーザ。 webサイトの進化をさまたげる害悪ブラウザは、 使わないようにユーザに別のブラウザを案内しましょう。 ie-buster.qranoko.jp IE Busterは上記のとおり、ユーザにChromeを 促すJSです。導入はめちゃくちゃ簡単。 HTML内にCDNのJS…

スマホサイトの推奨環境・動作保証端末はOSのシェア率で決める。OSのシェアがひと目で分かる「スマタブinfo」

スマホサイト実装・製作の際に、 どのOSを推奨しどの端末を動作保証するかは OSのシェア率を見て決めましょう。 動作保証範囲はサイト製作のはじめにクライアントと しっかり定義していないと、クライアントが 持っている古い一部の端末で表示がおかしいだと…

Slackの新着・未読をわかりやすく表示。サイドバーのチャンネルリストにバッジをつける方法。

Slackのサイドバーの新着・未読っていまいちわかりにくいし、 見づらいと思いませんか? 僕は長年Skypeを使用してSkypeに慣れすぎてたせいか、 いまいちSlackの未読表示が慣れなくて困っていたのですが、 未読がわかりやすくなる方法を見つけたのでご紹介し…

仮想でドメインとIPアドレスを紐づけてなんちゃってDNS。Macのhosts編集に便利なアプリ「Hosts」

hostsファイルとは、 ざっくりいうと、ドメインとIPを紐付けて ローカルでなんちゃってDNSのような設定ができるファイルのことです。 このドメインはこのサーバですよ、という割り当てができます。 https://wa3.i-3-i.info/word11760.htmlDNSサーバなファイ…

いまさら感満載だけど、ガラケーサイトの表示確認に。FireMobileSimulator

いまだにまだ残るガラケーサイト。 受託でweb製作やっていると、 ガラケーサイトを捨てないクライアントも多いです。 特にキャリアの公式サイトを運営している場合は、 捨てる理由があまりないので、そのまま継続という パタンが多いのかなと思います。 下火…

サクッとテキスト、ソースコードの差分チェックができるwebサービス「デュフフ」

webサイトの保守、更新作業、 データの移行や確認で、 修正前、修正後の差分を確認したい、 そんな場面はweb製作屋であれば 日常茶飯事です。 サクッと簡単にチェックできるwebサービス を紹介します。 テキスト比較ツール difff《デュフフ》です。 difff.jp ブ…

webサービス立ち上げに、webサイトの企画・提案に。公開されているAPIは要チェック!

先日、楽天のAPIを使ってwebサービスを たちあげたという記事をみて qiita.com APIってどんなものがあるのだろうと 思ってググったら、すばらしいまとめがありました。 matome.naver.jp こんなにもたくさんのAPIがあるとは...。 受託案件でももちろん使えま…

【Twitter/Facebook/Instagram】の各SNSウィジェット生成、URLのまとめ

TwitterやFacebook、Instagramは webサイトでウィジェットとして タイムラインを表示してあるサイト よくありますよね。 お知らせのようにCMSのかわりとして フェイスブックのタイムラインを表示 させたり、 デザインのにぎやかしやライブ感を出す ために In…

リニューアル前どんなだったっけ?過去のwebサイトを閲覧できるサービス Wayback Machine

webデザイナーあるある、 webサイトの過去のデザインみたいとき。 そんなときは Wayback Machine で確認しましょう。 Wayback Machine は、インターネットアーカイブ(Internet Archive)が保存しているウェブサイトを閲覧できるサービスです。 URLを入力し…

プロジェクト管理ツールはもういらない!サクッとプロジェクト管理できるGoogleスプレッドシートがおすすめ

みなさんプロジェクト管理ツール、 使っていますか。 今日は僕の勤めている会社ではどのように プロジェクトを管理して進めているか 紹介します。 いろいろ便利なプロジェクト管理ツールが ありますが、使用しているのは、 管理に使用しているのは、 Google…

クレジットカードのブランドロゴは公式サイトからダウンロードして使おう

受託のweb制作では ECサイトやぐるなびや食べログのような 店舗紹介ポータルサイトや、 飲食店のwebサイトのように 取り扱いクレジットカードを表記する場面は そこそこあります。 クレジットカード会社名を表記する際に、 各社のブランドロゴを掲載したほう…