web/web_service の履歴の現在との差分(No.2)

• 履歴一覧
• 差分 を表示
• ソース を表示
• 履歴 を表示
• web/web_service へ行く。
  • 1 (2023-12-23 (土) 17:56:37)
  • 2 (2023-12-25 (月) 14:21:52)
  • 3 (2023-12-29 (金) 00:39:13)

• 追加された行はこの色です。
• 削除された行はこの色です。

#author("2023-12-25T14:21:52+09:00","default:nemusg.pad","nemusg.pad")
#author("2024-02-05T21:17:10+09:00","default:nemusg.pad","nemusg.pad")
* 便利なWebサービス [#n89ea769]

** 文法チェック [#l91ecf48]

*** HTML [#r681baab]

- [[HTMLエラーチェッカー:https://chrome.google.com/webstore/detail/html%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%81%E3%82%A7%E3%83%83%E3%82%AB%E3%83%BC/ohdllebchmmponnofchalfkegpjojcaf]] Chome拡張。現状これが一番実用的。
- [[DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier:https://www.10bestdesign.com/dirtymarkup/]]
- [[The W3C Markup Validation Service:https://validator.w3.org/]] HTML5対応の文法チェック
- [[Dirty Markup:http://dirtymarkup.com/]] HTML,CSS,JavaScriptのタグチェック・整形ツール。一行にまとめたソースも整形できる
- [[Mozilla Thimble:https://thimble.webmaker.org/en-US/editor]] オンラインHTMLエディタ HTML5のタグチェックになるかも？

*** CSS [#nbd7ffe4]

- [[Grad3:http://grad3.ecoloniq.jp/]] グラデーションのジェネレータ
- [[Compress javascript and css:http://compressor.ebiene.de/]] CSS,JavaScriptの圧縮
- [[CSS Border Radius Generator:http://border-radius.com/]] 角丸のジェネレータ
- [[Dust-Me Selectors:https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/]] 使ってないCSSのセレクタを調べる。Firefoxアドオン
- [[Can I use...:http://caniuse.com/]] ブラウザ対応状況まとめ
- [[HTML5 & CSS3 Support:https://www.modern.ie/ja-jp]] CSS3ブラウザ対応状況まとめ

** 表示 [#t21d84c0]

- [[responsivepx:http://kachibito.net/sample/remy-responsivepx/]] レスポンシブデザインの確認
- [[krzm.jp - 画面サイズチェック:https://krzm.jp/test/]]
- [[サイズ変換（px・pt・dp・mm） ／ ツール:https://yanohirota.com/px-converter/]]

** 音 [#gcd510a4]

- [[ボーカル リムーバー:https://vocalremover.org/ja/]] 音楽と音声の分離ツール
- [[Vocali.se:https://vocali.se/en]] 音楽と音声の分離ツール2

<!--
** プレゼンテーション [#y429f3fe]

- [[Prezi:http://prezi.com/]] オンラインプレゼンツール。
- [[ANIMOTO:http://animoto.com/]] 動画プレゼン。無料で作成できるのは30秒まで。
-->

** 画像 [#t6131044]

- [[TinyPNG:https://tinypng.com/]]
- [[画像圧縮ツール あっしゅくま（´(ｪ)｀）:https://imguma.com/]]
- [[画像や写真のサイズを変更 : オンラインイメージエディタ PEKO STEP:https://www.peko-step.com/tool/resize.html]]
- [[画像サイズ変更ツール:https://saruwakakun.com/tools/image-resize/]]
- [[ゲーミング画像ジェネレーター:https://gaming-generator.netlify.app/]]

** コード [#p06255d8]

- [[文字数カウント : Sundry Street:https://phonypianist.sakura.ne.jp/convenienttool/strcount.html]]
- [[WEBサイト・ブログの為のHTMLソースコード変換:http://www.netyasun.com/syntaxhighlighter/source-escape.html]]
- コード比較
--  [[difff:https://difff.jp/]]
--  [[Diffchecker:https://www.diffchecker.com/diff]]
- 正規表現チェッカー
--  [[正規表現チェッカー | WEB ARCH LABO:https://weblabo.oscasierra.net/tools/regex/]]
--  [[ブラウザから手軽にチェックできる正規表現テストツールまとめ:https://nelog.jp/regular-expression-online-tools]]
- 置換ツール
-- [[任意の文字列を一気に置換するツール | 俺のテキスト置換ツール:https://readability-checker.khufrudamonotes.com/free-conversion]]
--- [[MultiReplace:https://www.vector.co.jp/soft/win95/util/se419681.html]]を使うまでもないとき用

コード比較はMacならXcode付属のFileMarge使う派も根強いはず

- XcodeをApp StoreでインストールするとFileMerge.appが含まれている。
- Xcodeの「パッケージの内容を表示」> Contents > Applications > FileMerge.app
- 2ファイル選んで比較する、逆に言うとファイルに保存していないものは比較できない。

** 監視 [#z1c86568]

- [[モニタリングプラス:https://www.monitoring-plus.jp/]] 
--  設定がわかりやすい。フリープランは90日間ログインがないと止まってしまうので月1でログインする必要あり。

** 確認 [#t8aa1cc5]

- [[HTTP Status Code Checker:https://httpstatus.io/]] リダイレクト状況やHTTPステータスコード確認
-- [[HTTPステータスコード:https://ja.wikipedia.org/wiki/HTTP%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89]]を一括で確認できるので設定の確認に便利
- [[HTTPヘッダーセキュリティチェッカー | ラッコツールズ🔧:https://rakko.tools/tools/26/]] セキュリティ関係


** 設定 [#o3c8949c]

- [[UFO Test: Multiple Framerates:https://www.testufo.com/]]

** 写真の印刷 [#a7cf60ff]

ファミリーマートが近くにあるので、ネットワークプリントが便利。写真はスマホから送る。

- [[ネットワークプリント:https://networkprint.ne.jp/sharp_netprint/ja/top.aspx]]のアカウントを作成する
- スマホにネットワークプリントのアプリをインストールして、ログインする
- [[LINE連携:http://www.sharp.co.jp/corporate/news/181121-a.html]]を有効にすると、LINEから写真の送信ができるようになる
- 料金はL判30円 [[ファミリーマートのプリント料金:https://networkprint.ne.jp/sharp_netprint/ja/howto_price_f.aspx]]
--  ちなみにLINE版はpdfには非対応だが、アプリならいける。ただ少し操作は難しいかも。
- 実際印刷してみたらちょっと色の鮮明さが弱い...
--  「写真」アプリ > 写真を表示させて右上の「編集」
---  「ビビッド」を適用する または 「ライト」を調節する
---  右下のチェックマークを押して保存


** CMS [#j874a7cd]

多分もう何割か消えてる

- [[WordPress:http://ja.wordpress.org/]] 有名CMS
- [[Movable Type:http://www.sixapart.jp/movabletype/]] 有名CMS
- [[XOOPS Cube:http://xoopscube.jp/]] 昔からある
- [[Concrete5:http://concrete5-japan.org/]] 多機能CMS
- [[baser CMS:http://basercms.net/]] シンプルなCMS
- [[Drupal:http://drupal.jp/]] 大規模案件向けCMS
- [[SOY CMS:http://www.soycms.net/]] 
- [[EC-CUBE:http://www.ec-cube.net/]] 有名ECサイトCMS。低予算向け。
- [[PrestaShop:http://www.prestashop.com/]] ECサイトCMS
- [[Live Commerce:http://www.live-commerce.com/]] ECサイトCMS。有償でスマホ対応
- [[CS-Cart:http://www.cs-cart.jp/]] ECサイトCMS。


** ほか [#bb909fbd]

- https://d.kuku.lu/ アップローダー
- [[goo.gl:http://goo.gl/]] 短縮URL
- [[PunyPNG:http://punypng.com/]] png、gif、jpegの画像最適化
- [[goQR.me:http://goqr.me/]] 普通のQRコードジェネレータ
- [[文字変換ツール:http://www.itm-asp.com/convert/index.php]] 文章中に含まれる文字列を全角や半角に一括変換
- ダミー画像生成
--  [[Placehold.it:http://www.placehold.it/]]
--  [[Dynamic Dummy Image Generator:http://www.dummyimage.com/]] [[例:http://dummyimage.com/84x84/ffffff/333333]]
--  [[lorempixel:http://lorempixel.com/]] [[例:http://lorempixel.com/g/400/400/cats/]]
- [[Prototyper:http://www.justinmind.com/]] モックアップ作成ツール
--  [[スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア Prototyper:http://coliss.com/articles/software/interactive-wireframes-software-prototyper.html]]