PDFをダウンロードせずブラウザに埋め込んで表示したい PDFのリンクをページ埋め込んだ場合、ビューワーが起動して別ページで表示されたり、ファイルのダウンロードが発生するのが普通です。 そうではなく、ページ内のコンテンツの一部として、PDFを埋め込んで表示したいことが良くあります。 今回は、ページ内にPDFを埋め込んで表示できる Google Docs Viewer の使い方をまとめます。 Goo […]
C# でオーバーフローを検出する 基本的に C# では、数値計算で算術オーバーフローが発生すると、格納先の型に収まらない上位ビットが破棄されてしまいます。この時、算術オーバーフローは例外とてキャッチできないので、これを検出することが難しくなります。 そこで checked コンテキストを設定することで、算術オーバーフローによって例外(System.OverflowException)を発生させるこ […]
Javascriptで経過時間を計測する Javascriptの処理のパフォーマンスを計測したり、あるいはタイマーみたいな機能を実装する際に、ある時点からの経過時間や経過日数を計測したいということがあると思います。 今回はその方法をまとめます。 Date オブジェクトと getTime 関数 Javascriptで日付を扱うには Date オブジェクトを利用します。Date オブジェクトは get […]
オブジェクトからプロパティを削除したい Javascriptでオブジェクトから特定のプロパティを削除する方法についてまとめます。 具体的には hasOwnProperty 関数で false を返すように、プロパティを削除します。 例えば 次のようなオブジェクトを定義したとき、a, b, c の各プロパティがあるので hasOwnProperty 関数が true を返します。d は定義していない […]
ReactコンポーネントのJSXで条件分岐やループを使いたい ReactコンポーネントをJSXで書いて切るときに、条件分岐やループを使いたくなります。VueやAngularなどでは属性を使ってうまく書くことができますが、JSXでは直接IF文やFor文を使うことができません。 ここでは特定の条件でのみ要素を表示したり、複数の要素をまとめて表示するための方法をまとめます。 条件分岐 JSX内インライン […]
Reactで画像を表示させる方法 create-react-app で環境を作ったReactアプリの場合、Reactで画像をコンポーネントに表示するには、画像ファイルを import することで Javascript から参照することができます。 例えば、以下の例はロゴ画像を表示するヘッダーです。内部で動いているWebpackがモジュールとして組み込んでくれるため、このようにJavascriptか […]
世界には同じような国旗が存在している 世界には多くの国があり、いろいろな国旗がります。ご存知の通り国旗のデザインが非常に似通った国があります。例えば次の例、2つの似た国旗ですがどの国のものかわかりますか？ 片方はスーダン、もう片方はクェートです。 ほかにも似たような国旗の国はたくさんあります。一番わかりやすいのだとユニオンジャックが含まれる国旗でしょうか。 国旗を機械学習の力でクラスタリングする […]
分割代入(Destructuring assignment)構文とは 分割代入 – JavaScript | MDN 分割代入 (Destructuring assignment) 構文は、配列から値を取り出して、あるいはオブジェクトからプロパティを取り出して別個の変数に代入することを可能にする JavaScript の式です。 例えば、オブジェクトのプロパティを取り出す時に、いちいち […]
CSS で超過文字を省略したい レイアウトの調整する為に、要素からはみ出すような文字を省略して表示したいことがよくあります。 例えば、超過した文字を折り返して表示すると要素の高さが揃わなくて不細工になったりする場所や、スクロール表示ができないような場所です。1行で収めたいけど尻切れトンボになってしまうと見栄えがよろしくないという場合、文章末尾に「…」と三点リーダーをつけて、ユーザーに続 […]
オブジェクトのプロパティ判定 Javascriptにおいて、オブジェクトが指定されたプロパティを保持しているかどうかを判定したいことがあります。 判定するための方法として、in 演算子と hasOwnProperty 関数があるので、それぞれの使い方と違いをまとめます。 in 演算子 in – JavaScript リダイレクト 1 | MDN 概要と構文 in 演算子は、指定されたプ […]
