Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、JavaScriptデバッグについてChromeDevtoolsとブレークポイントを使った基本パターンを整理しました。 自身の復習かつ、あまり馴染みの無い方でも、以下おおよそ理解できるようになれば良いなぁ、というのが本稿の目的です。 どのようなものにブレークポイントが貼れるのか どういった時にブレークポイントが発動されるのか ブレークポイントが発動さ
こんにちは。 夏といえばのウクレレで達郎山下のクリスマス・イブを練習するSRE課栩野です。 AWS re:Invent 2021で発表されたCloudWatchの新機能 CloudWatch RUMを使って、早速WordPressのサイトをモニタリングしてみたので RUMについて紹介してみたいと思います。 CloudWatch RUM について RUMはReal-User Monitoringの略で、その名の通り 実際のユーザーからみたWEBアプリケーションのパフォーマンスをモニタリングすることができます。 モニタリングできる情報は以下のようなものがあります。 ページの読み込み時間に関する詳細な情報 クライアント側で発生しているエラー情報 ブラウザやデバイス毎でのパフォーマンスの違い ユーザーの行動データ New RelicやDataDogなどのツールでは、以前からこのような情報を収集する
最近ではスタートアップ企業がログイン機能を付ける場合、名前とメールアドレスを利用した通常のログインを実装するのではなく、ソーシャルログインを実装するのが一般的になっています。これはログイン機能が本質的に価値を提供しないにもかかわらず、必ずサービスには必須なので低コストで実装したいという企業側と、新しいサービスを利用するたびに新しいアカウントを作りたくないというユーザ側の双方にメリットがあるからです。今回はソーシャルログインの中でも最も人気のあるFacebookログインを実装する前段階として、JavascriptのSDKを試す方法を紹介します。 ソーシャルログインとは？ ソーシャルログインとは、Facebook、Google、Twitter、LINEなどのSNSをすでに使用しているユーザが、新しいサービスを利用する時に新しくアカウントを作らずに、元々持っていたSNSアカウントを利用してログイ
どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptで簡単にExcelのようなスプレッドシートを作成できるライブラリをご紹介します！ 基本的な操作はすべてJavaScriptから制御可能であり、自分の好きなようにカスタマイズできる強力な機能が多数提供されています。また、簡単なプログラムだけでファイルの書き出し機能が利用できるなど便利なメソッドも多く含まれています。 自作のWebアプリなどにも手軽に組み込めるので、ご興味ある方はぜひ参考にしてみてください。 なお、JavaScriptの基本はpaizaラーニングの「JavaScript入門編」で学ぶことができますので合わせてチェックしてみてください。 【 jExcel 】 ■「jExcel」の使い方 それでは、まず最初に「jExcel」の導入方法から見ていきましょう！ 全部で3通りの方法が以下のように提供されています。
すごい今更なことなのですが、JSONにはコメントを付けることができないということをつい最近になって気付きました...。 ならコメントを付けなければ良い話ではありますが、個人的にJSONを利用する場合は設定ファイル等で利用することが多いのもあって可能であればコメントを残したいと思うことがあったり、単純に付ける方法はないのかが気になって少し調べてみたので備忘録です。 コメント付けたいならわざわざJSONにこだわらなくてもYAMLにするとかコメント使えるHjson使えばって感じですが、あくまでJSONでコメントを付ける方法になるのでそういった意見はスルーでお願いします。 コメント用にデータをつくる #1 単純に使用しなければいいということで、コメント用として出力などはしないデータをつくってしまう方法です。 例えば下記のように実際に使用しないという意味も含めて先頭に「_（アンダースコア）」を、キー
Easy Ganttは、Redmineに高機能なガントチャート機能を追加するプラグインで、プロ版の他に無料版も用意されている。この無料版でもかなりの機能が使える為、たいへん重宝している。 おおむね好評に導入されたのだが、導入後に一番要望として上がってきたのが祝日をガントチャート上に出したいというものだった。 隠されたEasy Ganttの祝日機能 実は、Easy GanttにはRedmineの環境設定で設定した休日以外にも、カスタムの休日を設定する機能がある。この機能はEasy Redmine社のカスタマイズ版Redmineとの連携を想定しているため、通常は(おそらくプロ版であったとしても)使えない。 また、Easy Ganttの表はJavaScriptを使ってcanvas要素として生成されている為、RedmineのView Customize pluginでカレンダーに祝日表示 - Qi
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ネット上でソースや画像をパクられてしまうコトが多発しています。それの対策として一般的には「右クリック禁止」が採られているのですがそれにはいくつかの穴がありますよ、そしてそんなことやっても無駄ですよ、という話です。 なおここで紹介している技はWindows専用です…。Macについては判らないのでMac使いの方教えて下さい〜。また、「IE」は「インターネットエクスプローラー」の略、「NN」は「ネットスケープナビゲーター(ネスケ)」の略です。 ソースの覗き方 右クリック禁止系スクリプト突破法 右クリック禁止法を使うにあたって ソースを盗まれにくくする方法(別コーナー) Javascriptの記述ミスや、画像などのリンクミスでネットサーフィン中(死語)イライラすることも多いかと思います。そしてそういったときなど、ソースを見たくなると思います。 まず、Javasciptなどによる右クリック防止などの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
