デバッグスキルを高める プログラマに必要とされるスキルはいくつかありますが、その中でもエラーの原因をすばやく突き止めることができる、デバッグのスキルは非常に重要なスキルのひとつです。 デバッグのスキルは経験に依存するところも大きいですが、ツールの使い方を知り、使いこなすことができることも重要です。本シリーズでは、Google Chromeのデベロッパーツール(開発ツール)を利用したJavaScriptのデバッグ手法を解説します。 第1回目はブレークポイントという機能を使い、途中でプログラムの実行を止めることで効率的にデバッグする手法を紹介します。 console.
GAS入門(Google Apps Script) 2020. 07. 05 オンラインプログラミングスクール受講者数No. 1!
エラー発生時にスクリプトを休止する場合、[ エラー時に一時停止] を選択します。 サブスクリプトの表示 スクリプトデバッガでスクリプトを実行すると、サブスクリプトを表示できます。たとえば、スクリプト A がスクリプト B を呼び出し、スクリプト B がスクリプト C を呼び出す場合、3 つのスクリプトすべてでステップを表示できます。 1. [ ツール] メニュー > [ スクリプトデバッガ] を選択します。 2. サブスクリプトを呼び出すスクリプトステップを実行します。 3. [ ステップイン] をクリックします。 [ コールスタック] 一覧に、サブスクリプトが表示されます。 4.
for(var i=0; i<5; i++) { (i);} この例では、単純なfor文を使って初期値「i」を()の引数に指定しています。これにより、for文がループする度に「i」の値が以下のように出力されるわけです! 【JavaScript入門】デバッグの方法とChrome開発者ツールの使い方まとめ！ | 侍エンジニアブログ. 変数「i」の中身がどのように変化しているのか一目瞭然ですね。もっと複雑な計算処理をしている場合などは、この方法は効果的でしょう。 ブレークポイントの使い方 先ほどは「()」を使って変数の値を確認しましたが、さらに効果的なデバッグ方法もあるのでご紹介しておきます。単純に変数の中身だけを追っていきたいのであれば「ブレークポイント」を利用するのがオススメです。 ブレークポイントは、コードの一部分を指定することで処理をそこでストップさせることができます。繰り返し処理や複数の関数を呼び出しているような場合に有効で、コードが意図した通りに進んでいるかをチェックできます。 方法は簡単で、まず最初に「Sources」タブを開いて一時的にストップさせたい箇所の行番号をクリックします! そして、ブラウザの更新ボタンをクリックして画面を再度表示させてみましょう。すると、ブレークポイントの箇所でプログラムが一時的にストップしているのが分かります。 あとは、「ステップ実行」ボタンをクリックする度に処理が1ステップずつ実行されていきます。また、変数の中身を確認する際に画面右側の「+」アイコンをクリックして変数名を設定してみましょう。 すると、処理が実行されていく過程で変数「i」の中身がリアルタイムに出力されていくのです! このようにブレークポイントを活用すれば、デバッグの効率化が見込めるのでぜひ参考にしてみてください。 Consoleオブジェクトについて 冒頭で「()」を使いましたが、Consoleオブジェクトにはデバッグに活用できるメソッドがたくさんあります。なかでも一般的なデバッグで多用するメソッドの一覧は以下の通りです。 メソッド名 内容 () 任意の値を出力する コンソール画面をクリアにする エラー情報として出力する(他に、info() / warn()もあり) インデントを付けて出力することで階層構造を持たせる(groupEnd()で終了する) time()〜timeEnd()までの間にある処理を計測する 呼び出し元などを記録した実行過程を出力する 実行する度にカウントアップして回数を出力する 配列やオブジェクトなどの構造をテーブル表にして出力する オブジェクトが持つプロパティの一覧をリストで出力する 変数の中身や処理の流れを追っていくメソッドが基本となります。ただ、「()」は処理に掛かる時間を計測してくれるメソッドで、これはプログラムの最適化を行うのに便利なので覚えておきましょう!
こんにちは、ライターのマサトです! 今回は、JavaScriptでデバッグを行うためのさまざまな手法についてまとめて学習をしていきましょう! この記事では、 「デバッグ」とは? 「デバッグ」の方法 consoleオブジェクトについて 開発者ツールのデバッグについて という基本的な内容から、応用的な使い方に関しても解説していきます。この記事で、デバッグ手法をしっかり学習して自分のスキルアップを目指しましょう! それでは、まず最初に「デバッグ」について基本的な知識から学習を進めていきましょう。そもそも「デバッグ」とは何かをご存知でしょうか? デバッグは、基本的にプログラムの間違いをさまざまな方法で事前に発見して修正することを指しています。幸いにもJavaScriptの実行エンジンはブラウザ内にあるので、便利なデバッグツールがあらかじめブラウザに搭載されています。 もちろん、JavaScriptでデバッグ用のプログラムを記述することも可能ですが、ブラウザのデバッグツールと連携するのが基本です。本記事では、JavaScriptコードとデバッグツールの両面において基本的な知識を学べるように構成しているのでぜひ参考にしてみてください! シェルスクリプトのデバッグ | UNIX & Linux コマンド・シェルスクリプト リファレンス. この章では、 基本的なデバッグ方法 について見ていきましょう。主に、ブラウザの開発者ツールの使い方、ブレークポイントの設定、Consoleオブジェクトの基本について学んでいきます。 Chrome開発者ツールについて まずは、最も基本となるブラウザのデバッグツールについて見ていきましょう。本章では利用者の多いChromeブラウザを元にして解説しますが、FirefoxやEdgeブラウザでも類似のツールが提供されています。 使い方は簡単で、設定メニューから「デベロッパーツール」をクリックするだけです! 「Ctrl」+「Shift」+「I」のショートカットキーでも起動することができます。「Elemetns」タブを見ると現在見ているWebサイトのソースコードやスタイルの詳細を確認することができます。 コードやスタイルはリアルタイムに変更可能なので、ちょっと試しに実験するには最適でしょう。(画面を更新すると元に戻ります) また、「Console」タブをクリックしてみてください。 今はまだ何も出力されていませんが、ここへJavaScriptのConsoleオブジェクトを使ったデバッグの実行結果が表示されるようになります。そのため、JavaScriptのデバッグは基本的にこの「Console」タブを見ながら行う作業が多いわけです。 コンソールログによる基本的なデバッグ方法 それでは、実際に 「Console」タブを使った基本的な方法 を見ていきましょう。JavaScriptにはデバッグに便利な「Consoleオブジェクト」があらかじめ提供されています。 例えば、「()」を利用すると引数に設定した値を「Console」タブの画面に出力することが可能です。次のサンプル例を見て下さい!
10月15日(木)にスタートする深田恭子主演の木曜劇場『ルパンの娘』(フジテレビ系)の放送に先立ち、昨年7月期に放送された前作が9月30日(水)から再放送されることが決定した(関東ローカル)。 『ルパンの娘』は、代々「泥棒一家」"Lの一族"の娘・三雲華(深田恭子)と、代々「警察一家」の息子・桜庭和馬(瀬戸康史)との決して許されない恋愛を描いたラブコメディ。10月15日から続編が放送される。 昨年7月期に放送された前作では、華と和馬の運命的な出会いをはじめ、"Lの一族"の秘められた歴史など、さまざまなエピソードが描かれた。また、田中みな実をはじめ、柄本時生、遠野なぎこ、山崎静代(南海キャンディーズ)ら多彩なゲストが出演し、物語を盛り上げた。 【関連記事】 "Lの一族"に赤ちゃんが!? 深田恭子主演『ルパンの娘』ポスタービジュアル解禁 プロデュース 稲葉直人(フジテレビ第一制作室)コメント 「昨夏、スタッフ・キャストがたくさんの愛情と情熱を注ぎ込んでつくった『ルパンの娘』を、また皆さまに見ていただけること、大変うれしく思います。既にご覧になった方には新たな発見を、これからご覧になる方には日々の生活の癒やしをお届けできたら幸いです」 番組情報 前作『ルパンの娘』再放送 フジテレビ(関東ローカル) 放送期間:2020年9月30日(水)~ 放送時間:後2時45分~3時45分 木曜劇場 『ルパンの娘』 フジテレビ系 2020年10月15日(木)スタート 毎週(木)後10時~10時54分 初回15分拡大(後10時~11時9分) <出演者> 深田恭子、瀬戸康史、橋本環奈、小沢真珠、栗原類、どんぐり、藤岡弘、(特別出演)、松尾諭、大貫勇輔、信太昌之、マルシア、我修院達也、麿赤兒、渡部篤郎 原作:「ルパンの娘」「ルパンの帰還」「ホームズの娘」 横関大(講談社文庫刊) 脚本:徳永友一 主題歌:「モス」サカナクション(NF Records/Victor Entertainment) プロデュース:稲葉直人 監督:武内英樹 制作・著作:フジテレビ 第一制作室 ©フジテレビ この記事の写真 『ルパンの娘』 『ルパンの娘』
1%(関東地区・世帯・リアルタイム、ビデオリサーチ社調べ) 各地の放送スケジュール フジテレビ(CX)【関東】 第5話 8/7( 土 )深夜1:50~2:50 第6話 8/7( 土 )深夜2:50~3:50 北海道文化放送(UHB) 第2話 8/5(木)深夜1:25~2:20 新潟総合テレビ(NST) 第7話 8/8( 日 )深夜1:30~2:25 富山テレビ放送(BBT) 第4話 (調整中) 福井テレビ(FTB) ★NEW! 第1話 8/9( 月 )午前9:50~10:50 第2話 8/10(火)午前9:50~10:50 第3話 8/11(水)午前9:50~10:50 第4話 8/12(木)午前9:50~10:50 第5話 8/13(金)午前9:50~10:50 テレビ新広島(TSS) 第3話 8/7( 土 )深夜1:55~2:50 第4話 8/7( 土 )深夜2:50~3:45 高知さんさんテレビ 第8話 8/4(水)午後3:50~4:50 第9話 8/5(木)午後3:50~4:50 第10話 8/6(金)午後3:50~4:50 テレビ西日本(TNC)【福岡】 ★NEW! 第1話 8/9( 月 )午後2:45~3:42 [PR]再放送が待てない方&見逃した方へ朗報! 「自分の住んでいる地域では再放送はないのかな?」 「再放送がやっているなんて知らなかった・・・!」 「再放送ではカットされていたあのシーンをまた見たい・・・!」 そんなあなたに朗報です! 『ルパンの娘』 のノーカット版フル動画がフジテレビオンデマンド 「FOD」 でいつでもどこでも好きな時に見られる! フジテレビが運営する公式オンデマンドサービス 「FOD PREMIUM」 に登録すれば、『 ルパンの娘 』の全11話はもちろん、過去に放送された大人気&名作ドラマがFODプレミアム対象作品なら 月額たったの税込976円 で見放題! しかも今なら 初回2週間 の 無料トライアル があるので、無料トライアル期間中に全話見てから解約すればなんと料金は一切かかりません! なのでドラマ好きは登録しないと損しちゃう!! ぜひこの機会に一度お試しください! ⇒ FODプレミアムについてもっと詳しい説明を読んでみる 関連商品 注意事項 報道特別番組の編成等、各テレビ放送局の都合により、放送時間・放送内容が変更および休止になる場合があります。 当サイトの情報は各テレビ放送局とは一切関係なく、管理人が各テレビ放送局の電子番組表(EPG)やホームページ、毎月および毎週発売のテレビ情報誌に掲載されている番組情報を基に独自にまとめたものです。 情報の掲載についてはできる限り最新の情報を掲載するように努めていますが、更新のタイミングによっては変更前の情報が掲載されている場合もあります。 当サイトの情報により閲覧者様がいかなる損害を被っても当サイトの管理人は一切責任を負いませんのでご了承ください。 PR内にて紹介している情報および作品は2021年6月30日時点のものです。現在は配信が終了している場合もありますので、詳細は FODプレミアム公式ホームページ でご確認ください。 再放送が待てないあなたにオススメ!2週間無料トライアルもアリ 詳細はこちら
基本的に木曜劇場は定時の再放送を行っておらず、前例にならえば「ルパンの娘」も定時の再放送は行われない見込みです。最新回を見逃した場合は、下述する 「オンデマンド配信動画」(放送後一週間は無料) で見るのが良いでしょう。 ※突発的に深夜や週末などに再放送が行われる可能性があります。最新の放送情報は 「ルパンの娘」公式サイト 、ならびに フジテレビ番組表 (あるいは各系列局の番組表)でご確認ください。 放送一週間以内の見逃し回は、無料配信で! 「ルパンの娘」は 各回の放送から一週間後まで 、民放各社が連携する公式テレビポータル 「Tver(ティーバー)」 、フジテレビオンデマンド(FOD)の 「FOD見逃し無料」 にて 無料で動画が配信されていく見込みです (※最新情報を確認後、追記します) 。 放送後一週間が経過した回に関しては、以下の FOD PREMIUM (月額有料。ただし無料トライアル期間あり)で見逃し回を視聴することが出来ます。 [PR]一週間以上経過した回は「FOD」で(2週間の無料お試し期間あり) 放送後一週間を経過した回については、フジテレビ公式の有料動画配信サービス FOD PREMIUM (FODプレミアム) で視聴することができます。2020年5月現在、Amazon Payの利用により 2週間無料トライアル を実施中です。 FOD PREMIUM は、フジテレビで現在放送中のタイトルだけでなく過去のフジテレビの名作ドラマ(大量にあります)、人気バラエティ番組、映画、アニメ、海外ドラマなど多数作品を配信中。 もちろんお試しの上でいつでも解約することもできますので、期間を区切って一気にフジテレビの豊富なコンテンツを楽しむのもいいと思います。 関連記事 ・ 「ルパンの娘」主要出演者、登場人物まとめ