TOP

記事一覧

ポケギャラ

オススメトレンド

      

Webフォント、Canvasに描写できない。超絶強引だけど描写する方法。

皆さんこんにちは、はせです。今回は、『超強引』にWebフォントがCanvasに描写されない対処法を書いていきます。WebフォントがCanvasに描写されない原因は?ローカル環境でWebフォントを利用するならば形式は 『ttf』でよいのですが、サーバーにあげるときは『woff』に変換する必要があります。woffはttfを圧縮したものでttfに比べ読み取る際に時間をかけないので描写することが可能です。上記を試してもできない場合がありますよ...

続きを読む

CSSやJavaScriptが反映されない時の対処法。キャッシュが原因かも。

皆さんこんにちは、はせです。HTMLやPHPその他諸々でCSSやJavaScriptが反映されないということはありませんか?この記事では、バグやエラーではないのになぜか更新しても反映されないという対処を書いていきます!『CTRL』+『F5』を同時押しせよ!なぜショートカットの「Ctrl」と「F5」キーを同時押しするのかというと普段の「F5」のみでの更新はブラウザでキャッシュされている場合はキャッシュを利用して画面を再表示します。(...

続きを読む

スマホサイズで文字など全体的に小さい対処法、html~備忘録~

スマホサイズで文字など全体的に小さい対処法<meta name="viewport" content="width=device-width"viewportを追加します。この書き方で指定するとviewportの幅は端末やブラウザアプリ毎によって変わってくるためスマホサイズでも極端に文字が小さくなったりすることはありません。なのでHEAD内に書きます<!DOCTYPE html><html lang="ja"><head>    <meta charset="UTF-8">  &...

続きを読む

サムネ付きリンク『ブログカード』、htmlタグにstyle属性を直接書いたサンプル

こんにちは、今日はブログカード(サムネ付きリンク)のサンプルを紹介します。デザイン性に欠けますが、機能は果たすのでこのまま使ってもいいですし、CSSを付け加えてもいいですね!htmlタグにstyle属性を直接書いたサンプルが検索してもなかなか出なくて自分で書いてみようと思って作りました。       ブログカードとは? 『一人カラオケ』に行きたいけど勇気がないあなたへ!行く方法も! こ...

続きを読む

画像などの『縦』、『横』の比を維持したまま大きさを変える方法

 こんにちは、はせです。みなさんは、ブログやホームページ作成、画像編集などはやっていますか?僕は、この『暇人のブログ』をやっているのですが、やはりブログはずらずら文章ばかり並んでも、見る側としてはあまり良くはないですね。僕は、画像などがありわかりやすいサイトがあるまで検索してしまう派です!なので僕も、画像を貼り、、、、貼り、、っますが、最近では、スマホが普及しており、気軽にみられて、アクセス数...

続きを読む

FC2ブログ、スマホ用画面の記事中に広告を貼る方法!

今日は、PCでなくモバイル(スマホ)の表示用の広告の配置について書いていきたいと思います。今回はブログの記事の中の記事内トップ、中、下の3か所に配置するとします。3か所に共通するのはテンプレート編集の画面までなのでそこまでのやり方をまず書いていきます。FC2ブログにログインして管理者画面を開きます。次に左の項目の『設定』からテンプレートの設定を開きます。そして、ページ上部にあるテンプレートの設定の項目...

続きを読む

FC2ブログの記事の中にCSSをまとめて書く方法!

こんにちは、今日はブログの記事内にCSSを書く方法を書いていきます。ブログを書いていると大体、記事の編集の機能を使ってカラーとか大きさとか指定してしまいますよね。それでいい方はいいのですが、なにか機能では足りないなってときは自分でスタイルを変えたいですよね。しかし、CSSを文字一つ一つ指定していくのはとても手間で非推奨でありぐちゃぐちゃしていて気持ち悪いです。そして、この記事の書く欄はあくまでhtml のbod...

続きを読む

HTML5,リストやテーブルを効率的に書く。裏ワザ!

使用するエディタは Visual Studio Code です。拡張機能は emmetを使用します。まず、基本となる型を書きます。ひとつ前の記事でも書いたように 「!」+tabキーです<!DOCTYPE html><html lang="ja"><head>    <meta charset="UTF-8">       <title>Document</title></head><body></body></html>はい、この形が作られま...

続きを読む

Visual Studio Code、HTMLの基本形が作られるコマンド

簡単に、この下のような型を作る方法があります。 DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Documenttitle>head><body> ...

続きを読む

最新記事

豆乳飲料『爽香杏仁』味飲んでみた!これは、飲む杏仁豆腐!美味い! May 23, 2018
杏仁豆腐好き必見!カルディ、デザート売上部門1位の「パンダ杏仁豆腐」食べて見た。感想! May 18, 2018
どんなバイトをするか悩んでる学生がチェックすべき3つのポイントとは? May 13, 2018
グループワークがうまく行かない理由。成功する方法。見直すべき1番大切なこと。 May 02, 2018
本格的『スーパーカップSweet’s ブルーベリーチーズケーキ』食べてみた。うまい?まずい? Apr 30, 2018
夏休みにおすすめな名古屋スポットやお得な情報!名古屋観光したいあなたへ! Apr 28, 2018
「インスタグラム」ネームタグの使い方は?他の人の「ネームタグ」をスキャンする方法。 Apr 25, 2018
インスタグラム、今話題の「ネームタグ」、その開き方、やり方をご紹介! Apr 25, 2018
キャレット(カーソル)での入力での上書きモード、挿入モードの切り替え方法!(変な感じの直し方) Apr 25, 2018
Swift、関数で引数ありなし・戻り値ありなし4種まとめ(備忘録) Apr 22, 2018

全記事表示リンク

カテゴリ別記事一覧

アクセスランキング

[ジャンルランキング]
ニュース
151位
アクセスランキングを見る>>

[サブジャンルランキング]
時事
65位
アクセスランキングを見る>>

スポンサーリンク

プロフィール

はせ

Author:はせ
はじめして、こんにちは!
『暇人のブログ』管理者の『はせ』と申します。

とにかく雑多系なブログです。
皆さんの知らなかったことを
綴って行けたらなと思います。

どうか応援よろしくお願いします。