仕事

【無料で使える】WEBサイトの制作とデザイン、運用に使えるオンラインツールまとめ

ぜんぶ無料で使える!WEBサイトの制作とデザイン、運用に使えるオンラインツールまとめ。画像編集やウェブサイトの分析ツール、オンラインストレージサービス、PDFツール、スクリーンショットツール、バックアップツール、など。
無料でココまで便利なんて、スバラシイ。

【無料で使える】HTML/CSSツール&マニュアル

【HTMLタグの簡単検索】TAG index – ホームページ作成情報

http://www.tagindex.com/

ホームページ作成に役立つ、HTMLタグとCSSスタイルシートのリファレンスサイト。Webテンプレート、カラー早見表、CGI、HP作成ガイドなども。

スタイルシートの基礎知識とCSS一覧 | ウェブランサー

http://weblan3.com/css/

“CSS”を覚えてワンランク上のWebサイト/ホームページを作ろう!

スタイルシート(CSS)辞典 – HTMLタグボード

http://www.dspt.net/stylesheet_css/

HTMLタグボードトップ >> 今すぐ使える!便利ツール >> スタイルシート(CSS)辞典 スタイルシート(CSS)辞典 スタイルシートの基本 ボックス テキストフォント 背景の設定 サイズ/配置/視覚 テーブル リスト グリッド リンク/その他 スタイルシート(CSS)辞典 はじめに CSS(Cascading Style Sheet)スタイルシート の リファレンス 集です。CSSレベル1…

【無料で使える】カラーチャート/配色ツール

WEB色見本 原色大辞典 – HTML Color Names

http://www.colordic.org/

色の名前とHTMLタグが一目でわかるWEB色見本

カラーチャート – TAG index

http://www.tagindex.com/color/

ホームページ制作に使える色見本の一覧。HTMLカラーコード、カラーネーム、配色のサンプル、色の組み合わせチェックツール、色の検索、指定方法の説明など。

ウェブ配色ツール Ver2.0

http://www.color-fortuna.com/color_scheme_genelator2/

カラー&Webデザイン フォルトゥナで製作した簡単にウェブ上で配色を作ることができるツールを公開しています。

【無料で使える】アクセス解析&WEBマスターツール

Google アナリティクス

http://www.google.co.jp/intl/ja/analytics/

Google アナリティクスでは広告の投資収益率の測定や、Flash、動画、ソーシャル ネットワークのサイトやアプリケーションのトラッキングができます。

Google ウェブマスター ツール

https://accounts.google.com/ServiceLogin?service=sitemaps&passive=1209600&continue=https%3A%2F%2Fwww.google.com%2Fwebmasters%2Ftools%2Fhome%3Fhl%3Dja&followup=https%3A%2F%2Fwww.google.com%2Fwebmasters%2Ftools%2Fhome%3Fhl%3Dja&hl=ja

Google ウェブマスター ツールでは、Google でのページの表示に関する詳細なレポートを確認できます。

Google タグマネージャ

http://www.google.co.jp/tagmanager/

Google タグマネージャを利用すれば、サイト解析、リマーケティングをはじめ、さまざまな用途のタグの追加/更新を、マーケティング担当者が簡単に行うことができます。作業はクリック数回で完結し、IT スタッフの手をわずらわせる必要はありません。

Bing – Web マスター ツール

http://www.bing.com/toolbox/webmaster

Bing Web マスター ツールにログインまたはサインアップして、あなたのサイトの検索パフォーマンスを向上しましょう。無料のレポートやツール、リソースにアクセスできます。

【無料で使える】WEB画像素材

タダピク(tadapic) – 商用利用OK・クレジット表示も不要の画像素材検索エンジン

http://www.tadapic.com/

商用利用OK・クレジット表示も不要の画像素材検索エンジンです。キーワードから複数の画像素材サイトを横断検索できます。

http://www.trend-press.com/img/IcolumnImg/00878TN.jpg

商用無料の写真検索さん – フリーの画像素材が6700万点以上

http://www.nairegift.com/freephoto/

無料で商用利用可能なフリー素材をflickrから検索するサービスです。

http://nairegift.sakura.ne.jp/freephoto/logo.png

PAKUTASO/ぱくたそ-すべて高品質の無料(フリー)写真素材

http://www.pakutaso.com/

PAKUTASO/ぱくたそでは、3848枚の商業利用可能(クレジット不要)な写真素材を無料で配布しています。会員登録不要、すべて高品質/高解像度でダウンロードいただけます。

http://www.pakutaso.com/pakutasologo3000.png

無料写真フリー素材「写真AC」

http://www.photo-ac.com/

無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず全て無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。

http://www.photo-ac.com/assets/img/slide/valentine/04.jpg

フリー写真素材「フォトマテリアル」 – 無料・高解像度・商用可のホームページ写真素材サイト

http://photomaterial.net/

ホームページやブログ記事向けのロイヤリティフリー写真素材「フォトマテリアル」。商用フリー・著作権表示不要の無料素材。1600×1200の高解像度写真で、ブログやfacebookカバーにも使えます。

http://photomaterial.net/img/a0000_g.jpg

商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング

http://sozaing.com/

製作現場で「こんな写真や情報あったらいいな」と思っていることを形にすべく立ち上げた総合素材サイトです。

http://sozaing.com/common/img/logo.jpg

写真素材、動画素材、ロイヤリティフリー画像、ベクターならShutterstock

http://www.shutterstock.com/ja/

3000万点以上の高品質の写真素材、映像画素材、イラスト、ベクター、及びビデオを低価格でダウンロード。シンプルな定額制、100%ロイヤリティフリーだから安心。世界中のトップアーティスト達が毎日2万点の画像を追加。毎日追加される10,000点もの高解像度画像からインスピレーションを得ましょう。

http://ak.picdn.net/shutterstock/photos/154985342/cropped_thumb/a22327f4993785c80fb072fab01bb93c/222/119/small/2/19/500/285/stock-photo-pair-of-white-ice-skates.jpg

Free Images – Pixabay

http://pixabay.com/

Search over 150,000 free photos, cliparts, and vector graphics or share your own pictures as Public Domain on Pixabay.

http://pixabay.com/static/uploads/ec/2014/02/12/16-09-27-709_250x250.jpg

【無料で使える】WEBサイトのスピードテストツール

PageSpeed Insights

http://developers.google.com/speed/pagespeed/insights/

Home Products Conferences Showcase Live Groups PageSpeed Insights Make your web pages fast on all devices. ANALYZE Analyzing 0 % complete. Cancel Web Performance Learn more about web performance tool…

Googleのウェブパフォーマンスツール、まずはこれからテスト。

GTmetrix

http://gtmetrix.com/

GTmetrix is a free tool that analyzes your page’s speed performance. Using Page Speed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.

http://static.gtmetrix.com/r120/images/home/throttling-home-splash.png

有名なスピードテストツール。定期的にチェックしてます。

【無料】ロゴデザイン&ジェネレーター

Squarespace Logo — Squarespace
https://www.squarespace.com/logo

【無料で使える】PDFツール

PDF Burger

http://pdfburger.com/web-to-pdf

PDFにしたいウェブページのURLを入力するだけ、ページを丸ごとPDF化してくれます。

【無料で使える】スクリーンショットツール

Page2Images

http://www.page2images.com/free_convert_website_url_to_images_in_batch

スクリーンショットを撮りたいウェブページのURLを入力するだけ、ページをイメージファイルに変換してくれます。

【無料で使える】文字数カウントツール

文字数 カウント(文字バイト数チェック)

http://www.luft.co.jp/cgi/str_counter.php

文字数(字数)をカウント(チェック)するツール。バイト数(全角2バイト・半角1バイト・改行2バイト)、改行・空白を除いた文字数など幅広い条件で文字数をカウントできます。

【無料で使える】オンラインストレージサービス

Dropbox(ドロップボックス)

https://www.dropbox.com/

Dropbox

http://rr.img.naver.jp:80/mig?src=https%3A%2F%2Fcf.dropboxstatic.com%2Fstatic%2Fimages%2Fbrand%2Fglyph%402x-vflJ1vxbq.png&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

オンラインとローカルにある複数のデバイス間でデータ共有や同期が出来る無料のオンラインストレージ。
スマホ、タブレット、PCを同期してメインで使っています。

SpiderOak(スパイダーオーク)
https://spideroak.com/

SpiderOak is a zero-knowledge encrypted data backup, share, sync, access and storage service. Online and multi-platform with 2GB of storage free for life.

エドワード・スノーデン氏も推奨するセキュリティレベルの高いオンラインストレージサービス。
無料で2GBまで利用出来ます。

MEGA(メガ)

https://mega.co.nz/

MEGA provides free cloud storage with convenient and powerful always-on privacy. Claim your free 50GB now!

50Gバイトまで無料で保存できる無料のオンラインストレージ。
ちょっと様子見で、大きめのファイルを試し置きしています。

【私の利用状況】
Account type:FREE
Membership type:FREE
Storage Space:9GB of 50GB

bitcasa(ビットカーサ)

https://my.bitcasa.com/signup?referral=38c4b01798af4c00adf107adaece5e2c&utm_source=referral&utm_medium=link

Download Features About Developer API Sign Up Sign Up Login Sign Up Welcome to Bitcasa johnny has invited you to join Bitcasa. Sign up now to give both of you extra free space! Access Anywhere Your f…

コンピューター、携帯電話、タブレット向けの容量無制限のストレージ。
容量無制限はもちろん有料ですが、無料でもMAX20GBまで使えます。
まだあまり利用していません。

【無料で使える】iPhone、iPad、iPod touch、Mac、Windowsパソコンをシームレスにするサービス

iCloud

https://www.icloud.com/

Store contacts, calendars, photos, music, books, apps and more in the cloud and access them on all your devices.

http://rr.img.naver.jp:80/mig?src=https%3A%2F%2Fwww.icloud.com%2Fsystem%2Fcloudos%2F15CPlus63%2Fcloudos_foundation%2F15CPlus63%2Fen-us%2Fsource%2Fresources%2Fno_javascript%2Fjavascript_193x125%402x.png&twidth=300&theight=300&qlt=80&res_format=jpg&op=r

Apple IDがあればiPhoneの中身をパソコンとカンタンに同期できて超便利。
出先でiPhoneのメモ帳に残したヒントを落ち着いてパソコンで編集したい時などに使えます。
もちろんバックアップや同期の機能としてもすばらしい。日本語対応。

【無料で使える】パソコンにインストールしいるフォントがブラウザで一目瞭然

wordmark.it – helps you choose fonts!

http://wordmark.it/

【副業】個人事業主を検討するなら知っておきたいことまとめ

開業届を提出する時どの業種を選べばいい?

個人事業主として開業届を提出するなら業種をどう選ぶかがとても重要です。
提出時に開業届に記載するこの業種が、のちのち事業税の税率に影響してきます。

個人事業の事業税として納める税額
(前年の事業所得金額 – 各種控除額) × 法定業種別の税率 = 税額

※各都道府県で事業税率は異なるので、詳しくは各都道府県の情報でご確認ください。
個人事業税 – 東京都主税局
http://www.tax.metro.tokyo.jp/shitsumon/tozei/index_c.htm

個人事業税 – 大阪府
http://www.pref.osaka.lg.jp/zei/alacarte/kojnjgyo.html

個人事業税 – 神奈川県
http://www.pref.kanagawa.jp/cnt/kenzei/p13806.html

個人で事業を始めたら、いつ届出の手続きをすればいい?

個人で事業を開始したときは、その事実が生じた日から1か月以内に「個人事業開業・休業・廃業届出書」を所管の都道府県税事務所に提出する必要があります。

個人事業主の開業手続き

開業freee(フリー)
個人事業主の開業手続きに必要な必要書類を無料で自動作成してくれるサービス。


個人事業主を英語で言うと?

英語では Solo Proprietorship もしくは Self Employment と呼ぶことが多いです。

個人事業主を知りたい時に役立つリンク

個人事業主.com

個人事業の開業から経費・税金まで
http://jigyonushi.com/

個人事業主メモ

個人事業の開業から確定申告まで
http://biz-owner.net/