ブログに便利なツールを紹介するトピック | 雑談 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ブログに便利なツールを紹介するトピック
 
Share:
Notifications
Clear all

ブログに便利なツールを紹介するトピック  


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月17日 20:38  

僕も知りたいので立てました。
暇があったら、ちょこちょこ書き込んでいければと思います。

This topic was modified 4週間 前 3 times by わいひら

引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月17日 20:39  

まずはオーソドックスなところで申しわけないけど。
アイキャッチ作成用向けのツール。

グラフィックデザインを無料で簡単作成 - Canva
https://www.canva.com/ja_jp/

無料でも十分すぎるくらいきれいなアイキャッチが作れる。
高性能な画像編集ソフトを持っていない人向け。


eyanai 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月17日 20:48  

あと先日、チャンビアさんに教えてもらった、無料サーバー監視ツールが便利だった。

サーバーが落ちていたら、メールで教えてくれる。
以下の動作を監視可能。

  • 死活監視 (PING)
  • SSH (TCP22)
  • HTTP (TCP80)
  • HTTPS (TCP443)
  • SMTP (TCP25)
  • POP (TCP110)
  • IMAP (TCP143)
  • SMTP Submission Port (TCP587)
  • FTP (TCP21)
  • NTP (TCP123)
  • DNS (UDP/TCP53)

無料版は、5つのサイトまで利用可能。

This post was modified 4週間 前 2 times by わいひら

チャンビア🍺 件のいいね!
返信引用
Akira
(@akira)
Honorable Memberサイト
参加: 2年 前
投稿: 626
Akira - FacebookAkira - Twitter
2020年6月18日 12:49  

画像を 1.6 倍や 2 倍に拡大するオンラインツール waifu2x 。

拡大しても画像は荒くなりません。

This post was modified 4週間 前 by わいひら

わいひら 件のいいね!
返信引用
Akira
(@akira)
Honorable Memberサイト
参加: 2年 前
投稿: 626
Akira - FacebookAkira - Twitter
2020年6月18日 12:59  

ちょっと変わった形の円形を作りたい時に便利な Fancy Border Radius Generator 。

簡単な操作で border-radius を作ってくれます。

This post was modified 4週間 前 by Akira

返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月18日 19:40  

データポータル。

これほどのツールが無料で使える。

表形式のデータを可視化できます。Googleのツールだから、Googleもデータであることを理解してくれるんじゃないかと(安い期待)

https://datastudio.google.com/

使いようによっては、サーチコンソールを取り込んでGRCの代わりにできます。

This post was modified 4週間 前 by わいひら

さる子わいひら 件のいいね!
返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月18日 19:43  
投稿者:: @yhira

無料サーバー監視ツールが便利だった。

以下は、サブブログより共有。

手前ミソとなりすみません。

https://akmemo.info/about-savamoni/

 


eyanai, さる子わいひら 件のいいね!
返信引用
ヒロアキ
(@y-hiroaki)
Estimable Memberサイト
参加: 2年 前
投稿: 159
ヒロアキ - Twitter
2020年6月18日 20:21  
投稿者:: @akira

簡単な操作で border-radius を作ってくれます。

あ~ここ使ってました。

便利ですよね。

 

こちらの方もあります。

Fancy Border Radius Generator(8点バージョン)

This post was modified 4週間 前 by わいひら

さる子わいひら 件のいいね!
返信引用
ヒロアキ
(@y-hiroaki)
Estimable Memberサイト
参加: 2年 前
投稿: 159
ヒロアキ - Twitter
2020年6月18日 20:29  

よく使っています。

色は少ないですが、相性のいい色を見つける時に重宝します。

[ HUE / 360 ] The Color Scheme Application

This post was modified 4週間 前 by わいひら

さる子わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月18日 23:19  

結構知らないツールもあって、ありがてえ、ありがてえ;;

簡単な図解を作るならGoogle図形描画が結構便利。
https://docs.google.com/drawings/

すいません。
このトピックは自分のメモとしても、ツールリストとしても、非常に有益に使えそうだったので、一目でツール化分るように、勝手にスクリーンショットを追加させていただきました。
皆様は、URLを書き込んでいただくだけで、ありがたいです。もしかしたら僕が追記でスクリーンショット追加させていただくかもしれません。

This post was modified 4週間 前 by わいひら

さる子 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月18日 23:21  

こっちも無料の図形描画で、もっと高機能だけど、ちょっと扱いづらいかも。

diagrams.net
https://app.diagrams.net/

This post was modified 4週間 前 by わいひら

返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月19日 19:43  

エクセルで作った表を、HTMLのテーブルに変換するツール。
テーブルの作成は面倒なので、先にエクセルで作ってしまう場合には便利。

Excel to Table | Excel表からHTMLテーブルへ一発変換
https://tech-unlimited.com/exceltable.html

※セルの結合とかには対応していません。
※ブロックエディターだと、クラシックブロックとか、HTML挿入ブロックとかでの利用になります。

This post was modified 3週間 前 by わいひら

さる子 件のいいね!
返信引用
ヒロアキ
(@y-hiroaki)
Estimable Memberサイト
参加: 2年 前
投稿: 159
ヒロアキ - Twitter
2020年6月20日 16:17  

ぴったりのスレッドがなかったので、「便利」なものを発見したという意味で、ここに書きます。

 

詳しくは↓のサイトを見てもらうとして、なんかCSSでisという擬似クラスが使えるようです。

CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる!

 

例を書いた方がわかりやすいと思うので。

/*ウィジェット(カテゴリー・アーカイブなど)*/
.widget_recent_entries ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul,
.widget_rss ul,
.widget_nav_menu ul {
padding: 0;
margin: 0;
list-style: none;
}

これをis()擬似クラスを使うと、↓のように書けるようです。

:is(
.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_pages,
.widget_meta,
.widget_rss,
.widget_nav_menu) ul{
padding: 0;
margin: 0;
list-style: none;
}

 

ulを繰り返し書いていたのが、1回ですむということですね。

この例だとulだけなので、そんなにありがたみはないと思えますけど、多少は、CSSの圧縮になるんじゃないかと。

 

上記サイトにも書いているように、今の所Safari、FIrefoxだけが使えるようです。


さる子, わいひらリフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月20日 18:36  

先日のトピックでも、リンクを貼りましたが、よくお世話になっているツール。

 

アスペクト比計算ツール(縦横比/16:9/4:3/3:2/2:1/黄金比)

This post was modified 3週間 前 by わいひら

eyanai, さる子わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月20日 22:32  

:isは知りませんでした。
ただヒロアキさんも書かれている通り、今のところは、ほとんどのブラウザでサポート外っぽいですね。
早く対応して欲しいですね。
https://caniuse.com/#search=%3Ais


返信引用
ロコ
(@lococo)
Honorable Member
参加: 2年 前
投稿: 553
2020年6月21日 01:15  

Cocoonユーザーにも利用されている方はけっこういると思いますが、VPSやクラウドでブログを立ち上げるならKUSANAGIが便利です。

CocoonをKUSANAGI環境に対応させる方法。

 

特にサーバーの指定がなく、さくっと始めたい(サーバー代を抑えたい)ときにはConoHa KUSANAGI managerを利用すれば、レンタルサーバー感覚で立ち上げられます。

他の方はどのような構成にされるのか気になるところですが、KUSANAGI managerを用いる場合は移行・冗長化しやすいようにプライベートネットワークでDBサーバーと分けて、画像フォルダはWP Offload等のプラグインでS3、CDNは国内ならウェブアクセラレータ(+CloudFront)みたいな構成を私はよくします。


ponoわいひら 件のいいね!
返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月21日 11:30  

今、ツイッターで回ってきました。

震えています。

https://stories.freepik.com/


わいひら 件のいいね!
返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4765
かうたっく - Facebook
2020年6月21日 16:03  

どーして ふるえちゃうの???


返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月21日 16:41  
投稿者:: @kautakku

どーして ふるえちゃうの???

とても便利そうだったから ((((´・ω・`))))


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月21日 20:50  
投稿者:: @changbeer

今、ツイッターで回ってきました。

震えています。

https://stories.freepik.com/

ライセンスも使いやすそうですね。


チャンビア🍺 件のいいね!
返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月21日 22:19  

Canvaでお試し♪

1分でそれっぽく。


わいひら 件のいいね!
返信引用
eyanai
(@eyanai)
Active Memberサイト
参加: 3週間 前
投稿: 13
2020年6月25日 13:59  

エイじーは、画像の加工にPhotoScapeを利用しています。

文字の挿入、ある部分を四角やまるなどで囲むなど色々画像に加工を加えることができます。

また、画像の結合も簡単です。

後、見逃すことができないことに、リサイズができます。

皆さんは、画像加工に何を使われていますか?

 

This post was modified 3週間 前 by わいひら

箭内英治


わいひらリフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月25日 14:53  

@eyanai さん

私は、スクールに通っているときに、アカデミック版で購入したPhotoshop CS4をいまだに使っています。

 

でも、他の人にオススメすると言っても、現在はサブスクリプションしかなく、費用がかかってしまいます。(プロもよく使っているので、流石に高機能ではありますが・・)

 

なので、無料で他の人にもススメられるソフトがあったらいいな、と、思っていました。

 

有名どころで、Gimp というのがありますが、PhotoScape は全く知りませんでした。

 

一度、試してみようかな・・・

This post was modified 3週間 前 by リフィトリー

わいひら 件のいいね!
返信引用
eyanai
 eyanai
(@eyanai)
ゲスト
参加: 3週間 前
投稿: 2
2020年6月25日 15:19  

@leafytreeさん

こんにちは、先日は大変助かりました。あらためて、お礼申し上げます。

私も、Gimp をインストールはしてあるものの、超初心者には敷居が高すぎです。

その点、PhotoScapeは使い勝手も良いです。

PhotoScapeは、リサイズ専門のソフトに劣らないほどリサイズした際の圧縮率も良いです。

おすすめです。

今後ともよろしくお願い申し上げます。

エイじー

 


リフィトリー 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月25日 22:55  

僕は、リサイズ程度の簡単なものであれば、JTrimを使ってます。
軽くて簡単なので。
少し高度なことをやろうと思えば、昔購入したPhotoshopになってしまいますね。


返信引用
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月25日 23:04  

@yhira さん

「JTrim」ですか・・

これまた、初めて知りました。

確かにPhotoshopは、パッとすぐには、起動しないんですよね。

動作環境を見ると、XPぐらいまでしか書いていませんが、Windows10でも、ほぼ支障なく動作していますか?


返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月26日 20:53  
投稿者:: @yhira

僕は、リサイズ程度の簡単なものであれば、JTrimを使ってます。

Mac環境です。

リサイズでは「iMage Tools」を使っています。

EWWWのプラグインも使っているので、リサイズ目的というよりはウォーターマークを入れるためかも。海外行って、写真他で使われるのイヤなので...

画像に文字入れたり、矢印入れたり、文章入れたりという「Skitch」も使っています。

良い週末を。


わいひら 件のいいね!
返信引用
eyanai
 eyanai
(@eyanai)
ゲスト
参加: 3週間 前
投稿: 2
2020年6月27日 13:21  

@yhira さん

Cocoonでは、大変お世話になっております。

JTrimですか、私も知りませんでした。軽そうですし、今度使ってみようかな・・・。

PhotoScapeは少し起動するときに重いので、JTrimはよいように思います。

 

 


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月27日 19:28  

「Skitch」は、Macだとまだ公式に配布しているんですね!


チャンビア🍺 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月27日 19:29  

Windowsの注釈ソフトだと、Screenpressoがお勧め。

 


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月29日 20:17  

定番だけど書いていなかったので一応。

O-DAN (オーダン)- 無料写真素材・フリーフォト検索
https://o-dan.net/ja/

クリエイティブ・コモンズゼロ(CC0)のような、著作権とかを気にしなくても利用できる画像を世界の画像サイトから横断検索できるツール。
日本語で入力すると、英語に自動変換して検索してくれるのが楽。


Ikumi, eyanaiチャンビア🍺 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月29日 20:23  

MockDrop
https://mockdrop.io/

ドラッグ&ドロップで手軽にパソコンやスマホのはめ込み画像を作成できるツール。


fullnoteチャンビア🍺 件のいいね!
返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月30日 18:54  

超有名ですけど、FLAT ICON DESIGN

これとCanva組み合わせれば結構いろいろやれます。

http://flat-icon-design.com

 
---
ちなみにFLAT ICON DESIGNの上部に似たような素材サイトリンクがたくさんあります。
This post was modified 2週間 前 2 times by チャンビア🍺

さる子わいひら 件のいいね!
返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年6月30日 18:55  

Canvaとの組み合わせ例


さる子わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 10110
わいひら - Facebookわいひら - Twitter
2020年6月30日 20:44  

一応、その他の嵌め込み画像(モックアップ)サイトもまとめて貼っておきます。
https://theapplaunchpad.com/mockup-generator/
https://smartmockups.com/
https://mockup.photos/
https://magicmockups.com/
http://dunnnk.com/


返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年7月2日 20:34  

Canvaに似たオンラインツール、写真画像編集ソフト、ライト・カジュアルなフォトショ的な?

https://www.fotor.com/jp/
(フォトワーと呼ぶそうです)

A8提携あるので行けそうな人どうぞ。

( 😊 ←書こうと思いなかなか進まない人)


返信引用
さる子
(@saruko)
Estimable Memberサイト
参加: 6か月 前
投稿: 138
さる子 - Twitter
2020年7月2日 20:45  

@changbeer

iPhoneのアプリ版を使ってた時期がありますが、ずっと「フォター」って読んでました…。

Canvaはイラストや文字の配置に特化、Fotorは写真の加工(色の調整や文字入れ)に特化、という印象です。


返信引用
チャンビア🍺
(@changbeer)
Estimable Memberサイト
参加: 2年 前
投稿: 195
チャンビア🍺 - Twitter
2020年7月2日 20:50  
投稿者:: @saruko

Canvaはイラストや文字の配置に特化、Fotorは写真の加工(色の調整や文字入れ)に特化、という印象です。

今日、触った時はその印象だったのですがユーチューブで使い方見ていたら、ほとんど同機能の印象です。

  • 編集(フォトショ的な写真編集)
  • コラージュ(写真を複数枚いれるようなやつ)
  • デザイン(アイキャッチとかCanvaでよく見られるやつ)

 

This post was modified 2週間 前 by チャンビア🍺

Ikumi 件のいいね!
返信引用

返信する


許可された最大ファイルサイズ 5MB

 
Preview 0 Revisions Saved
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年11ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年9ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました