その 「...」、JS で制御していますか？Canvas 実測＋ResizeObserver のテキスト省略処理
はじめに UI を作っていると、 横幅に収まらないテキストを … で省略したい という場面は頻繁にあります。 CSS には text-overflow: ellipsis; がありますが、次のよ...
6
1
Comment2
24 search resultsShowing 1~20 results
Stocked
You need to log-in
rgba はもう古い？そろそろモダンCSSでアップデートする話 ― スラッシュ表記とOKLCH
はじめに CSSの色指定は、この数年で大きく進化しました。 rgba() / hsla() のような「透明度のための別関数」が不要になり、 透明度はどの色空間でも “スラッシュ表記” で統一され...
9
1
Comment0
JavaScriptで領域を閉じ込める術（初めて使うJavaScriptのクロージャー）
はじめに JavaScriptのクロージャーとは、簡単に言えば「関数の中から、外部スコープの変数（関数の中では宣言していない、関数の外にある変数）を記憶し、参照できる仕組み」です。 「外部スコー...
8
6
Comment2
JavaScriptの口寄せ的な存在？ call()メソッド
はじめに JavaScriptのメソッドcall()とapply()の使い方、何ができるのか？サンプル（簡単な使用例）、thisの参照先の考え方（windowとは？）についてまとめています。 c...
11
4
Comment0
DockerのJupyterLabでipywidgetsを使う
はじめに Dockerを使ってJupyterLabの環境を構築して、ipywidgetsを動かします。 JupyterLabとは（ジュピター・ラボ） JupyterNotebook（ジュピター・...
9
8
Comment0
統計検定のための、Rの出力結果からわかること（分散分析編）
はじめに 今回は「回帰分析編」の続編で分散分析編（一元配置分散分析）です。 Rの出力結果と分散分析表の見方、分散分析で使うF分析についてまとめています。 お題 平成24年の生しいたけの生産量を地...
12
14
Comment0
統計検定のための、Rの出力結果からわかること（回帰分析編）
この記事は R アドベントカレンダー 2019の17日目の記事です。 はじめに 統計の学習を始めて知識は身についてきたけど、Rの出力結果の見方がわからない...。 そんなときに、いろいろと調べた...
96
66
Comment0
プロトタイプって何ですか？（初めて学ぶJavaScriptのprototype）
はじめに プロトタイプとは簡単に言えば「メモリの節約に役立つ、JavaScript固有の継承の仕組み」です。 JavaScript独自の概念で難しそうに感じますが、使ってみると意外と簡単。 まず...
50
31
Comment0
葬送のCSS（CSSの進化を静かにたどる）
長い旅を続けていると、ふと振り返る瞬間がある。遥か昔に置き去りにしたものたちが、今の私たちをどれほど形作っているのかを思うと、少しだけ胸が締め付けられる。 この物語は、Webレイアウトの歴史を静...
2
0
Comment1
動的生成したstyleタグが可能にすること（JavaScriptで要素生成前にCSSを変更）
はじめに 動的に生成される要素のCSSをあらかじめ変更しておきたい。といった稀なケースの対応方法。 先に方法を書いてしまうと 「JavaScriptで生成したstyleタグにCSSを書いて、ht...
9
7
Comment1
bind()メソッドを使ってみませんか？（初めて使うJavaScriptのbind）
はじめに JavaScriptのbind()は簡単に言えば、あらかじめ作成した関数のパラメーター（this）を変更して新しい関数を作れるメソッドです。 英単語bindの意味をそのまま辿ると「拘束...
32
23
Comment0
JavaScript : 配列内の重複した要素を数える
はじめに JavaScriptの配列内に、どんな要素が何個あるのか、重複している値の個数をカウント。 その結果をオブジェクト（連想配列）に格納します。 for・forEach・reduceの三種...
41
36
Comment2
Promiseとthenのメソッドチェーン（直列・並列・値の受け取り・引数）
はじめに Promiseの基本とthen()を使ったメソッドチェーンの使い方で、以下を中心にまとめています。 複数の非同期処理を順番に実行したい（直列）、同時に実行したい（並列） Promise...
183
161
Comment1
Bootstrap4 Datepickerで期間を指定して取得するサンプル
はじめに bootstrap-datepickerで「いつから」〜「いつまで」の期間を指定して、指定後に開始日付と終了日付を取得するサンプルを作ります。 オプションで日本語化の設定をして、日付の...
5
4
Comment0
CSSでパタパタ動くランキングボードを作った
この記事は CSS アドベントカレンダー 2019の11日目の記事です。 はじめに 12月になると流行語大賞をはじめとする、様々な〇〇大賞が発表されます。 今回は、そんなときに使われるランキング...
17
6
Comment0
JavaScript: 全選択したチェックボックスの値を配列で取得するサンプル
はじめに チェックボックスの全選択・全解除と、ボタンを押したときにチェックされているチェックボックスの値を配列で取得するUIサンプルを作ります。（最後にサンプルもあります） 全選択・全解除では、...
9
12
Comment0
JSONをconsole.logで整形して表示する（JSON.stringifyでインデント付き展開）
はじめに JSONデータをインデントと改行で整形（フォーマット）してconsole.log()で出力します。 方法は、JSON.stringify()に3つの引数を指定するだけで簡単です。 PH...
18
12
Comment2
template要素の使い方、知ってます？
template要素？ template要素（タグ）は、html5から追加された要素です。 名前が示すとおり、テンプレートのようにページ内で繰り返し表示したい内容を<template>...
77
65
Comment0
綺麗なGIFアニメを作る（カラーパレットを自動作成し適用）
はじめに FFmpegで動画ファイルから、綺麗なGIFアニメが作れます。 結論から書いてしまうと、「FFmpegで綺麗なGIFにするためのパレットを自動作成し、適用」でOKです。 FFmpegの...
20
14
Comment0
連想配列から配列の値と一致する要素を抽出
やりたいこと JavaScriptで連想配列のキーと配列の値を照らし合わせて、検索結果が一致する要素を連想配列から抽出。 サンプルコード Ajaxなどで取得したjsonを格納した連想配列（オブジ...
27
31
Comment0
24 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles