さんログスマートフォン用の表示で見るさんログ色々と発信する雑記ブログ。食レポ、おすすめ発信や情報、メンタル/不思議系など。ブログTwitterFacebookHatenaPocketブログ記事を書いていくと表をつかった内容の記事を作る機会もできると思います。私自身がそうなのでしたが、コードやHTMLなどが全くわからなかったいろんなことが初心者でした。Googleで調べたことを実践してみても、表のサイズがはみ出る、なんか変なコードが記事内に出てきてそれを修正したら、記事が表示されなくなるなど全然思うようにできませんでした。直感的にできる方法ないのかなと自分なりに考えていたところ、良い感じのやり方に出会ったのでまとめていきたいと思います。今回は、はてなブログでの表(テーブル)の簡単な貼り方をCanvaを使っって直感的にする方法を紹介します。できる!Canvaを使った簡単な表の貼り方」に飛んでください。できる!Canvaを使った簡単な表の貼り方evernoteで表を作成するスクショするCanvaで編集するはてな記事に貼る時間効率を考えてみたよまとめスポンサードリンクいろんな貼り方はあるけれども初心者には難しいことも、、ブログを書くにあたり色んなことを学びながら書いていくわけですが、私の場合はタイピング自体も初心者でして、普通に打つことも学びながらしていました。最近になってブログで表を使って表現したいなと思って色々調べてみたんですね。はてなブログでは、表(テーブル)を挿入する方法を簡単にまとめてみました。noteで表を作成して貼り付ける他にも親切に解説されているブロガーさんの記事もあり、少し高度なのもありましたが簡単のものではこのような感じになります。表」で検索すればいっぱい情報が出てきます。いうことで、次に実際に作ってみた感想を書いてみますね。実際に利用してみた、いろいろな表の作り方まずは「はてな記法」です。表を作成する方法ですが、正直、慣れないとかなり時間かかるなと感じました。注意点としては、「はてな記法」でブログを書かなければならないということです。Mac使っているのでオフィスを使っていません。「プレビュー」画面でこのようなな感じで表示されますが、もしかしたら縦の幅が狭いかもしれません。その場合は下の方法で調整できますので参考にしてみてください。ここで使用するコードはこちらになります。height="200参考にさせていただきましたサイトはこちらになります。Googleこちらの方法も便利ではありますし、スクロールされて表示されるので枠のはみ出しを気にする必要がありません。なんかコピペして貼る方法もあるらしくこちらの方が綺麗に貼れる感じなのですが、うまくできませんでした。noteで表を作成して貼り付ける方法です。evernoteの使い方はGoogleで確認してみてください。無料でも結構使えて(有料版もあります)使いやすいのでおすすめのテキストツールです。こちらの方法は簡単になのですが、表の横幅が大きいを貼り付けた時にはみ出てしまいます。それを調整するためにコードを貼り付ける必要があります。コードの貼り付け方法はこちらに詳しく書いてある記事を載せていきますので参考にしてみてください。できる!Canvaを使った簡単な表の貼り方そこで簡単に時間かからずに貼る方法を探していて見つけた方法がありましたので書いてきたいと思います。方法は「evernoteで作った表」を「スクショ」して「Canva」で加工して貼り付けるというものです。・evernoteで表を作成する・スクショする・Canvaで編集する・はてな記事に貼るそれぞれ見ていきますね。evernoteで表を作成するまずは「evernote」を使い、上記のような方法で表を作成してます。注意点はないので、思う存分、表にしてください。スクショするそれぞれのPC方法でスクショしてください。この時、横に長い表になった場合はなるべく正方形に近い感じにスクショの範囲を決めるとCanvaで編集しやすくなります。【シフト(↑)】+【コマンド(⌘)】+【5のキー】です。Macの場合はデスクトップ上のスクショがある状態で、【ファインダー】を表示させてそこの保存したいところにドラッグ&ドロップすれば完了です。この時、デスクトップからスクショが消えますがファインダーの保存されているので問題ないです。Canvaで編集するCanvaって?無料でも利用できる画像編集サイトです(有料版もあり)。細かい説明は省きますので気になるからはこちらのサイトに詳しく紹介されていますので参考にしてみてください。今回はPC版で操作で説明します。はじめにログインしてから、作業場面に行くまでです。1、Canvaブラウザからログイン→【デザインを作成】→【+カスタマイズ】2、幅→760、高さ→428、pvはそのまま→デザインを作成この工程で編集画面までいきますので、そこからは下のようにやっていきます。これで編集とデバイスへのアップロードが完了しました。細かく説明してますが実際にかかる時間は慣れれば1〜2分くらいでできます。はてな記事に貼る後はいつもの画像を記事に貼り付けるのと同じ作業です。1、記事編集画面のサイドバーから一番上の「写真を投稿」をクリック2、【+写真を投稿】→画像を選んでアップロード3、編集画面右にあるアップロード画像をクリックして貼り付けこれで貼り付けられました。実際に貼り付けるとこのようになります。これだとわかりづらいかもなので、他の記事で利用していたのも貼ります。若干、小さくで見づらいかもしれませんがバランスは良いかと、、。このように貼り付けることで、はみ出る問題、コードの問題が改善されました。改善というより、画像として扱うので見出し画像を入れる感じですけど、、。ちなみに、これは画像なので、余白に文章やイラストを加工することもできます。こんな感じで少し可愛い感じにもできちゃいます。見やすいく加工したい時は便利ですよね。時間効率を考えてみたよ体感的な作業効率は普段からツールを使用していればかなり早いと感じます。いうより私みたいなコードが苦手でエクセル使えなくて、搭載している機能での作業が精一杯なタイプはこのような直感的な方法が合ってる感じです(もっとPCをうまく使いこなしたい、、。)この方法はサイトというかツールを2つ使うので、正直なれてないと作業効率は悪いかもしれません。見出し画像を作ったり、evernoteで文章を書いている場合は簡単にできると思います。ツールを複数使うことを考えると普通にブログかける人はそのままエクセルやスプレットシートでの挿入が早いかもです。まとめ今回は表(テーブル)をはてなブログに直感的に貼り付ける簡単な方法をご紹介しました。手間がかかりますが、コードや調整が苦手な方は直感的にできるので、良いのかなと思います。こだわり次第で画像や文字を簡単に加工できますから楽しいですよ。他にも色んな方法がありますので、自分に合った方法を見つけるのもありだと思います。evernoteとCanvaを利用している方やコードやエクセルが苦手な方は簡単に直感的に記事に貼り付けられるので試してみてください。最後まで読んでいただきありがとうございます。今回はMacでタイピング作業が楽になる方法の一つ、「ユーザー辞...2019-12-14ブログをリニューアルしました、テーマ変更でブログに愛着が湧く。雑記ブログ「さんログ」をリニューアルしました。今回はブログへの自己アクセスを除外する方法を紹介します。(id:sanrisesansan)ラーメンを中心としたB級グルメレビュー、お気に入りレビュー、メンタル系のサイトや書籍レビューを主に発信しています。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。