JavaScriptの質問をしたり答えたりする掲示板

2019-01-29に作成

JavaScriptに関する質問を何でもしていい掲示板です。匿名での投稿も可能です。どんなことでもどしどし書き込んでください。回答もどなたでも自由にできます。僕も回答できる内容であれば必ず回答します!

質問は下記に沿って書いていただくと回答しやすくなります。

  • 実際のソースコードがある場合、可能な範囲で書いていただくと問題点を見つけやすくなります。
  • 実際に発生したエラーメッセージがある場合、コピペしていただくと問題解決につながる可能性が高いです。
  • 見た目上の問題の場合、スクリーンショットを貼ると状況が把握しやすくなります。

JavaScriptを用いて、あるサイト上から特定のGoogleカレンダー上の予定を確認、追加するプログラムを作ろうとして(予約システムのような感じです)
下記のようなソースを書いています。

取得は問題なくできていますが、予定追加がうまくできず、
どこをどのように修正したらよいかわからず困っております。
サンプルもなく、そもそもJavaScriptでできるのかすらわからないのですが・・・
同様の仕様を経験した方、わかる方がいらっしゃいましたらご教授願えませんでしょうか。

もしJSではできないのであれば、PHPでやってみようかと思っていますが…
PHPならできる、などあればご教授いただきたいです。

(function($) {
    $(function() {
        const API_KEY = [APIキー];
        const CALENDAR_ID = [カレンダーID];
        function start() {
            gapi.client.init({
                'apiKey': API_KEY,
            }).then(function() {
                return gapi.client.request({
                    'path': 'https://www.googleapis.com/calendar/v3/calendars/' + encodeURIComponent(CALENDAR_ID) + '/events'
                 })
            }).then(function(response) {
                let resultArea = document.getElementById('resultArea');
                let items = response.result.items;
                for(let i = 0; i < items.length; i++){
                resultArea.insertAdjacentHTML('beforeend', items[i].start.dateTime + '<br>');
                }
            }, function(reason) {
                console.log('Error: ' + reason.result.error.message);
            });
        };

        function addEvent() {
                        gapi.client.load('calendar', 'v3', function(){
                        var resource = {
                            'summary': $("#request_form .name").val(), // 予定のタイトル
                            'start': { // 開始日・時刻
                                'dateTime': $("#request_form .datetime_st").val();
                            },
                            'end': { // 終了日・時刻
                                'dateTime': $("#request_form .datetime_ed").val();
                            },
                            'location': 'Somewhere', // 場所
                            'description': $("#request_form .detail").val() // 説明
                        };
                        var request = gapi.client.calendar.events.insert({
                            'calendarId': CALENDAR_ID,
                            'resource': resource
                        });

                        console.log(resource);

                        request.execute(function(resp){
                        console.debug(resp);
                    });

                });
        };

        gapi.load('client', start);
        $("#request_form").on("submit", function(){
            addEvent();
        })
    });
})(jQuery);

実行するとコンソールに

cb=gapi.loaded_0:223
POST https://content.googleapis.com/calendar/v3/calendars/[カレンダーID]/events?alt=json&key=[APIキー] 401

と出ます。
request.executeができてないようです)


person
(匿名) #f5c9bb6f
comment
2

canvasについて質問です。テトリスを作っていたのですが、fillStyleとfillRectの表示順には何か意味があるのでしょうか?一度fillStyleの前にfillRectを書いていたのですが、それだとfillStyleが反映されませんでした。しかし、他のコードを見てみるとfillRectが先に書かれているものもあるので、余計にわからなくなりました。

タグ

投稿月

最近コメントされた投稿