【Chart.js使ってみた】グラフにタイトルを付ける方法 更新日:2022年1月11日 公開日:2019年10月24日 Chart.jsjavascript 5教科のテスト結果の棒グラフです。 なるべくシンプルな設定でグラフを作成しました。 <div class="chart-wrap"><canvas id="myChart" width="400" he […] 続きを読む
【Chart.js使ってみた】基本形を知る 更新日:2022年1月11日 公開日:2019年10月16日 Chart.jsjavascript canvasタグの設置とjavascriptの記述が必要です。 canvasタグ <div class="chart-wrap"> <canvas id="myChart" width="400" he […] 続きを読む
【Chart.js使ってみた】使うための準備 更新日:2022年1月11日 公開日:2019年10月16日 Chart.jsjavascript まず、Chart.jsを読み込みます。ファイルをダウンロードしたり、CDNから読み込んだりできます。ここではCDNの方法をご説明します。 CDNから読み込む 下記ページにアクセスします。 https://www.jsde […] 続きを読む
【jquery】解決!追加した要素だとイベント(on)が発生しない!? 公開日:2019年10月11日 javascript このような問題を解決 歳 削除 歳 削除 追加 まず、上の表の「削除」をクリックしてみてください。どちらをクリックしても削除できるかと思います。※最後の1つは削除できないようにしています 次に、「追加」をクリックしてくだ […] 続きを読む
【Javascript(jQuery)】スムーズなスクロール 公開日:2019年9月14日 javascript 注意点 ・jqueryを使用しています。ご利用の際はjqueryを合わせて読み込んでください ※バージョンは「1.12.4」で確認しています スムーズなスクロール jQueryを使用して、スムーズなスクロールを実装してい […] 続きを読む
【jquery】scriptタグの要素は find では見つかるが children では見つからない 公開日:2019年9月6日 javascript 言いたいこと childrenでうまく取得できない場合はfindを使いましょう。 下記のパターンで気付いた <div class="parents"> <div class="child"> […] 続きを読む
【賢威8】ページ表示時、目次を閉じた状態にする 更新日:2019年4月25日 公開日:2019年4月15日 javascript 賢威(賢威8を使用しています)では、記事に目次を表示させる機能があります。 こちらを使用してみると、記事内のh1、h2などのタイトル用のタグを元に自動で目次を生成してくれます。 たいへん有難い機能です。ただ、目次は開いた […] 続きを読む
JavascriptでURLクエリパラメータを配列に格納したい(PHPは何もしなくても配列に格納) 公開日:2019年3月30日 javascript URLクエリパラメータを使うと、表示するページに対していろいろと処理することができ、たいへん便利です。 よく見かけるのは「?page=2」などではないでしょうか?ブログ一覧の2ページ目などがそのような形になっていることが […] 続きを読む
【実用中】サイトの更新方法などのマニュアル作成時に役立つ機能をjQuery(avascript)で作成 更新日:2019年3月19日 公開日:2019年3月14日 javascript ここ数年、ホームページ構築はWPなどのCMSを用いることが多くなりました。サイトの記事を増やしていくことは、SEOにも効果があるので、当然の流れだと思います。 それに伴い、記事の投稿(更新)方法のマニュアルが自ずと必要に […] 続きを読む
javascript(jQuery)でhtmlやcss、javascriptのソースをコピーさせる 更新日:2019年4月25日 公開日:2019年2月26日 javascript WordPressのことやHTML・CSSやjavascript(jquery)のことを記事にしていると、ページ内で使用している html、css、javascript をそのままコピーさせたい場合があります。 今回ja […] 続きを読む