とあるweb屋の仕事術

とあるweb屋の仕事術

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

ツール・Webサービス

スマホサイトに記載されている電話番号は「<a href="tel:電話番号">」で電話発信用リンクにするべきか

スマホサイトにある 電話番号はリンクにすべきか問題。 店舗を取り扱っているWebサイト であればお店の電話番号が掲載されているし、 会社サイトであれば 会社概要に電話番号が掲載されています。 ECサイト、ネットショップであれば、 特定商取引法に基づく…

クックパッドのプレミアムサービスのお試し利用に学ぶ、Webサイトやサービスを継続的に利用してもらう方法「ゲーミフィケーション」

WebサイトやWebサービスは 継続利用してもらってなんぼ、 ということで 継続的に利用してもらうにはどうすればいいか、 という点において少しヒントになるような良記事を紹介します。 shumaiblog.com ↑こちらの記事では少し古いですが クックパッドが有料で…

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

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

管理画面にWYSIWYG(ウィジウィグ)を採用してしんどかった話

WebサイトやWebシステム、 Webサービスには 管理画面と公開画面があります。 WordPressにもありますよね。 僕の勤めている会社では 受託でWeb製作しているのですが、 いわゆるCMSは、 独自開発したCMSを使っています。 クライアントごとにオーダーメイドに …

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月31日号です。 goworkship.com deardee9215c.hatenablog.com note.mu note.mu mangasozai.com note.mu note.mu yasuhisa.com qiita.com www.gizmodo.jp qiita.com employment.e…

紙面ビューアーに使える。canvasの描画処理が簡単にできるJSパッケージ「JimmyJS」

新聞や雑誌など 紙媒体のメディアを webサイトに転用したいとか 画像を公開したいけど 大人の事情で見せたくない部分がある とかそういったときに使えそうなJSパッケージを ご紹介します。 デモをみるのが早いのでまずはデモから。 https://demo-laravel52.c…

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

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

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月25日、5月26日号です。 勉強・参考になる記事 独学でグラフィックデザイナーになる為の7つのステップについて | WE LOVE DESIGN | 広告デザイン事務所AMIXのブログ coliss.com…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月19日号です。 note.mu jp.techcrunch.com note.mu hbol.jp www.itmedia.co.jp speakerdeck.com goworkship.com coliss.com speakerdeck.com ------- 以上です。 こんなかんじ…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月18日号です。 気になるニュース・動向 楽天がライブ動画に参入「Rakuten LIVE」 誰でも配信OK、コマース機能も - ITmedia NEWS 意匠法改正が変えるWebサイトリリース・リニュ…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月16日号です。 目立った動きはとくになし、 それではまとめ、どうぞ。 ics.media qiita.com note.mu weba11y.jp book.mynavi.jp careerhack.en-japan.com note.mu coliss.com w…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月15日号です。 気になる動向・ニュース グーグル、小売りでアマゾンに対抗 新サービス開始 (写真=ロイター) :日本経済新聞 Google、モバイル版「Google」や「Googleショッピ…

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

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

ランディングページにコストかけるかどうか問題。まじめにやると1サイト制作分のコストかかりまっせ

企業のイベントやキャンペーンなどの ランディングページなんて 無料ホームページ作成ツールで つくればいいじゃん。 と思っている、n太郎です。 お客さんからよく イベントやキャンペーンなどをやるから それに合わせて既存サイトのデザイン枠 の中ではなく…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月8日号です。 気になる動向・ニュース セブン&アイHDがレジ袋全廃へ 紙袋などに変更、2030年目標 GoogleがiFrameに代わる遷移タグPortalsをデモ、サイト間の連携を大幅強化へ …

tableコーディングするのめんどくさい。ジェネレーターでサクッとHTML化してしまおう

tableのコーディング・実装に役立つツール のご紹介。 tableのコーディングは面倒なので、 ジェネレーターでサクッと HTML化してしまいましょう。 表のレイアウトをwebサイトに 掲載する際にtableをコーディング する場面はそこそこ多いです。 簡単な表をtab…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 火曜日の2019年5月7日号です。 いろいろ動きがありました。要チェックですね。 気になる動向・ニュース Twitter、画像・動画付きでリツイートできるように iOSが独自にスワイプ入力方式…

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

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

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 2019年5月6日号です。 気になる動向・ニュース Microsoftが丸くなる?新しいデザインのテストを開始へ ほか、学びの多い良記事まとめです。どうぞー。 note.mu www.softantenna.com qii…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 日曜日の2019年5月5日号です。 それでは学びの多い良記事まとめです。どうぞー。 www.negireon.com www.fnn.jp グーグル検索結果にファビコンが表示されるようになったのね!これはいい…

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

デザイナ目線でピックアップ、 IT業界・Web界隈の気になる記事まとめ、 木曜日の2019年5月2日号です。 気になる動向・ニュース Google、ロケーションや検索履歴データの自動削除機能 3カ月か18カ月から選択可能に facebook 新サービス発表 f8まとめ (及川さ…

超軽量。ライティング・文章執筆作業にはMac OS専用テキストエディタ CotEditor がおすすめ

僕はコーディング用のエディタと ライティングや文章執筆時のエディタを 分けて使用しています。 コーディング用のエディタは Codaを使用しています。 https://panic.com/jp/coda/ それとは別にテキストエディタ として CotEditor を使用しています。 macOS…

Bingのクローラーからの大量アクセスによりサイトがダウンしかけた話

日々、世界中のWebサイトの情報を収集する クローラー。 僕の勤めている会社では 大手のクライアントのwebサイトのサーバ保守も やっているのですが、数年前にこのクローラーが 大量にアクセスしてくることでサーバに負荷が かかり、サイトがダウンしかけた…

簡単なお問い合わせやアンケートに便利。webサイトのフォームにはGoogleフォームを活用しよう

当ブログにはそういえば お問い合わせページがなかったのですが、 先ほどGoogleフォームで作成しました。 www.google.com はてなブログでは お問い合わせフォームを作成する 機能がないようで、調べてみると Googleフォームを利用している方が 多かったので…

PCの画面上ならなんでも測れる定規・ルーラーアプリがめちゃくちゃ便利。px幅をサクッと確認

Mac限定になりますが便利なアプリをご紹介。 web製作をしていると、幅や高さを知りたいという 場面がよくあります。 レイアウトやバナー、アイコンのサイズ、 余白などなど。 他のwebサイト見ていてサクッとサイズ感を 確認したい。そんなときに便利なアプリ…

配色に困ったときのアイデアとヒントにしたいカラーパレットツール・サイト

配色に困ったら参考にしたいカラーパレットサイトを紹介します。 Color Hex カラーコードを入力すると、RGB値やCMYK値の各種数値や、カラースキーム(同系色のバリーションや、補色、四色配色、三色配色、分裂捕食など)、各種の色展開を確認することができ…

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

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

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

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

Googleフォントを探すのに超絶便利。俯瞰性の高さがハンパないFontCDN

Google Fontsのwebサイトってフォント探すのだるいですよね。 絞り込み検索の機能とか充実しているのはいいのだけど、 一覧性、俯瞰性としてはあまりよくないUIになっています。 見づらいな、使いづらいなと思っていたら、 Googleフォントを一覧でざーっと表…

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

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