派遣で働くエンジニアのスキルアップを応援するサイト

PRODUCED BY RECRUIT

【基本情報技術者試験のトッカカリ】関係データベース（リレーショナルデータベース）のしくみ

連載・コラム テクニカルスキル 資格試験

資格を取ろうと思ったけれど、どうも勉強が進まない。そんな状況を打開する【トッカカリ】となることを目指した本連載。第２弾のテーマは「データベース」です。 現在では、使われていないシステムがないと言っても過言ではないほど、重要なデータベース。「…

URLの構造を知って読めるようになろう

連載・コラム テクニカルスキル HTML・CSS

HTMLやCSSを使い、Webサイトの更新・修正をしていると、「なぜこう書く？」「これはどういう仕組み？」と思うことはありませんか。この連載では、書籍『スラスラわかる HTML&CSSのきほん』の著者・狩野 祐東さんがそれらについて解説。ちょっと人には聞きづ…

Python×PDF:プログラムでPDFから情報を取得してみよう

スキルアップ テクニカルスキル Python

Pythonを実際に動かしてみよう！今回のお題は、Python×PDF。ビギナーも取り掛かりやすい、サンプルコードとライブラリをご紹介します。プログラムでPDFファイルからテキストや画像を抽出する方法にぜひトライしてみてください。 【筆者】 watさんメーカー勤…

Python×Word：複数のWordファイルを一括編集してみよう

スキルアップ テクニカルスキル Python

Pythonを実際に動かしてみよう！今回のお題は、Python×Word。ビギナーも取り掛かりやすい、サンプルコードとライブラリをご紹介します。【読むだけでも、なるほど】と思っていただけるよう、関連トピックも多く記載。プログラムでWordファイルを一括編集する…

Python×PowerPoint：スライドの作成を自動化してみよう

スキルアップ テクニカルスキル Python

Pythonを実際に動かしてみよう！今回のお題は、Python×PowerPoint。ビギナーも取り掛かりやすい、サンプルコードとライブラリをご紹介します。【読むだけでも、なるほど】と思っていただけるよう、関連トピックも多く記載。プログラムでスライドが作られてい…

Webサイトで使われるファイルの種類を知ろう

連載・コラム テクニカルスキル HTML・CSS

HTMLやCSSを使い、Webサイトの更新・修正をしていると、「なぜこう書く？」「この書き方で合っている？」と思うことはありませんか。この連載では、書籍『スラスラわかる HTML&CSSのきほん』の著者・狩野 祐東さんがそれらについて解説。ちょっと人には聞き…

最近のJava Webフレームワークはどうなってるの？2024年版【後編】

連載・コラム テクニカルスキル Java

前編だけでは終われない理由 前編の記事では、JavaのWebフレームワークのうちリクエスト処理について紹介しました。 ▼前編はこちらをチェック 2010年ごろであればそれでフレームワークの紹介を終わりとしてもよさそうなのですが、現在ではリクエスト処理の書…

最近のJava Webフレームワークはどうなってるの？2024年版【前編】

連載・コラム テクニカルスキル Java

JavaのWebフレームワーク事情 変わらないなーと思っていても、気が付いたら大きく変わっているのがJavaの世界です。Webフレームワークも例外ではありません。今からWebフレームワークを採用する基準は、Webフレームワークの元祖ともいえるStrutsが出てきた時…

Python×Excel：感情分析で一歩進んだアンケート集計をしてみよう

スキルアップ テクニカルスキル Python

Pythonを実際に動かしてみよう！ということで、ビギナーも取り掛かりやすい、Microsoft Officeのアプリがより便利になる【Pythonのサンプルコード・ライブラリ】をご紹介します。今回は、Excel。【読むだけでも、なるほど】と思っていただけるよう、関連トピ…

最速でPython環境を構築してプログラミングをはじめよう

スキルアップ テクニカルスキル Python

これからPythonをはじめようとする人が最初に行う作業は「環境構築」です。Pythonにおける環境構築とは、自分のパソコンでPythonプログラミングをできるようにすること。ですが、この環境構築で挫折した……という方も多いのではないでしょうか。この記事では…

【基本情報技術者試験のトッカカリ】 「プログラム」はどのように実行されるのか

連載・コラム テクニカルスキル 資格試験

ハードウェア編、最後の今回はプログラム実行の仕組みです。プログラムはどのように実行されるのか、プログラマであっても説明できる人は少ないでしょう。IPAの基本情報技術者試験でも出題されますが、馴染みない言葉が並んで、皆さんが難しいと感じやすいポ…

【基本情報技術者試験のトッカカリ】 「メモリとストレージ」はどう違うのか

連載・コラム テクニカルスキル 資格試験

前回に引き続き、パソコンの構成についてお話していきます。 ハードウェアは、IPAの「基本情報技術者試験」や「ITパスポート」で、苦戦してしまう人も多いジャンルですが、理屈を知っていれば、頭に入りやすくなります。また、こうした知識は、サーバーの選…

【基本情報技術者試験のトッカカリ】「コンピュータ構成要素」はどうなっているのか

連載・コラム テクニカルスキル 資格試験

資格を取ろうと思ったけれど、どうも勉強が進まない。そういった経験はないでしょうか？IPA（独立行政法人情報処理推進機構）をはじめ、IT業界には、さまざまな資格が存在しますが、試験によっては問われる内容が幅広く、苦戦する人も多いでしょう。 今回は…

htmxでDOMを操作するには？

スキルアップ テクニカルスキル HTML・CSS

サクッとわかるITトレンドでご紹介した「htmx（Hotwire）」。興味ある！という方も多かったのではないでしょうか。そこで、htmxをさらに深掘り。今回は、htmxではDOMをどのように操作するのか、またその書き方を基礎知識とあわせて解説します。 htmxとは？ H…

htmxでのHTTPリクエストはどう指定する？

スキルアップ テクニカルスキル HTML・CSS

サクッとわかるITトレンドでご紹介した「htmx（Hotwire）」。興味ある！という方も多かったのではないでしょうか。そこで、今回から2回にわたってhtmxをさらに深掘り。まずは、htmxでHTTPリクエストはどのように指定するのか、書き方だけでなく基礎知識もあ…

フロントエンドルーティング定義の変化

連載・コラム テクニカルスキル Webフロントエンド

React / Next.js / Remixに見られる、この頃のアーキテクチャの変化をキャッチアップすべく、横断的なトピックを紹介する本連載。第3回はここ数年で起きたNext.jsとRemixのルーティングの変化を見ながら、現在のルーティングアーキテクチャについて学んでい…

レンダリングアーキテクチャの変化

連載・コラム テクニカルスキル Webフロントエンド

React/Next.js/Remix に見られる、この頃のアーキテクチャの変化をキャッチアップすべく、横断的に紹介する本連載。今回はレンダリングアーキテクチャに注目します。それぞれの特徴を押さえながら、実際に動かすところまで学んでみましょう。 コンテンツ ・…

React19のアップデートにみる変化

連載・コラム テクニカルスキル Webフロントエンド

React/Next.js/Remixにみるこの頃のアーキテクチャ変化 近年は以前ほどの大きな変化がなくなった印象のあるWebフロントエンド技術ですが、実はさまざまな変化が起きています。ただ、日々のお仕事が忙しく、なかなか最新の情報を取り入れることが難しいという…

Amazon QをVS Codeにインストール。手順や操作画面は？

スキルアップ テクニカルスキル

サクッとわかるITトレンドでご紹介した「Amazon Q」。興味ある！という方も多かったのではないでしょうか。そこで、Amazon Qをさらに深掘り。Visual Studio CodeのプラグインとしてAmazon Qを使い、具体的にどのようなことができるのか事例を4つご紹介します…

Dockerとの付き合い方はどうしたらいいの？

連載・コラム テクニカルスキル Docker

Dockerというものがわかってきたところで、では、Dockerとどのように付き合っていけばいいでしょうか？最後はDockerとの付き合い方についてお話をして行きます。 「付き合い方って何かあるの？エンジニアにとってDockerなんて必須で、やらなきゃいけないこと…

Dockerを使ってみよう！

連載・コラム テクニカルスキル Docker

「Dockerって便利そうだから使ってみたいな！」と思ったら、何をすればいいでしょうか。今回は、Dockerを使うための準備や、前提条件のお話です。実は、あまり語られていませんが、重要な前提条件があるのです 。 ＊Dockerは、サーバーと関わりの深い技術で…

「Dockerが便利」といわれる理由は？

連載・コラム テクニカルスキル Docker

「Dockerは便利だと聞くけれど、どういうときに何の目的で使うのか、イマイチその正体が掴めない」「挑戦してみたいけれど、何からはじめていいかわからない」 この連載では、そんな「Dockerに興味はあるけれど……」と重い腰があがらない皆さんに向けて、Dock…

PHPと一緒に学んで効率UP？関連技術を知ろう

連載・コラム テクニカルスキル PHP

前回解説したように、Laravelを使うとWebアプリの枠組みだけは比較的簡単に作成できます。しかし、Webアプリを開発するためには、PHPやLaravelだけを学ぶだけでは足りません。 PHPはWebアプリの開発に使われる言語なので、Webについての関連技術を併せて学ぶ…

Laravelってどんなの？フレームワークを実例で紹介

連載・コラム テクニカルスキル PHP

PHPはWordPressなどのCMSで使われるだけでなく、Laravel（ララベル）やCakePHPなどのフレームワークを導入して使うことが多いものです。今回は、PHP製のフレームワークの中でも「Laravel」というフレームワークがなぜ多くの注目を集めているのか、その理由と…

PHPはどんなところで使われている？

連載・コラム テクニカルスキル PHP

多くのWebアプリケーション開発で採用されている「PHP」。多くのプログラミング言語がある中で、なぜこれほどまでに人気なのでしょうか。今回はこの疑問に答えながら、PHPをどのように学んでいけばよいのか、併せて学びたい技術などを3回に分けて解説します…

質問ではなく指示を。生成AIとの賢い付き合い方

連載・コラム テクニカルスキル 人工知能

前回は、話題の生成AIにできること、そして注意すべき生成AIの性質について解説しました。まだ読んでいない方はこちらからご覧ください。 今回は生成AIの問題点を踏まえたうえで役立てるコツと、エンジニアにおすすめの具体的な活用アイデアを３つご紹介しま…

生成AIは嘘をつく？生成AIとの賢い付き合い方

連載・コラム テクニカルスキル 人工知能

ChatGPTをはじめとする生成AIは、私たちがふだん使っている話し言葉を使って、コンピュータに指示出しできる画期的な仕組みです。「これって何？」「あれって何？」と聞けば答えてくれますし、「これやって」「あれやって」と指示すれば、さまざまな作業をし…

ユーザーが使いやすいHoverアニメーション/ HTML・CSS修正のアイデア

連載・コラム テクニカルスキル HTML・CSS

修正依頼を受けて「どう対応しよう？」と頭を抱えることはありませんか。この記事では、HTML・CSSデザイナーが職場であるある！と感じる困りごとの解決策をご紹介します。今回は、アニメーションを取り入れたHoverスタイル。動画とともに7つご紹介します。試…

図でパッと理解！ネットワークのトラブル対策

連載・コラム テクニカルスキル ネットワーク

ネットワークのしくみ基本の『き』を図解つきで確認しませんか。今回は、ここまでの知識を応用して【遅い・つながらない】を解決しましょう。トラブルが起きたときは『切り分けて考えること』が大切。その方法とは。 ここまでのネットワーク知識を理解してい…

図でパッと理解！ネットワーク基本の構図

連載・コラム テクニカルスキル ネットワーク

ネットワークのしくみ基本の『き』を図解つきで確認しませんか。今回は、ネットワークの構図について。在宅勤務をしている方・今後予定がある方は、自分が困らないためにも必ず押さえておきたい内容です。 ネットワークの基本的な構図 ネットワークを知るに…

図でパッと理解！ネットワーク基本の『き』

連載・コラム テクニカルスキル ネットワーク

ネットワークのしくみ基本の『き』を図解つきで確認しませんか。初級エンジニアやIT職を希望する方はもちろん、「あの用語なんだっけ」と意味をもう一度押さえておきたい方にもおすすめです。まずは用語をチェック。 IPアドレス・LAN・ルーターとは まずは、…

JavaScript自習の進めかた

連載・コラム テクニカルスキル JavaScript

JavaScriptをもう少し知ってみたいと思ったら、どのような順番で進めていくと良いのでしょうか。自習のコツとともに、第1回と 第2回を終えた今の「現在地」を確認しておきましょう。

JavaScriptつまずかないための考え方

連載・コラム テクニカルスキル JavaScript

HTML/CSS画面にJavaScriptで動的な変化を付けてみましょう。その際、ビギナーがつまずきやすい箇所もご紹介。上手く乗り越える考え方とは？まずは、初めに理解しておきたい2つの事項をチェック。 JavaScriptを使い、カンタンな動きを付けてみる 前回は画面上…

HTML/CSSだけでは難しいと感じたら

連載・コラム テクニカルスキル JavaScript

JavaScriptができたら工夫の幅が広がるけど、プログラミング基礎から勉強するのもなぁ…。と尻込みしてしまうことはありませんか。今回は、HTML/CSSデザイナーに向けて、JavaScriptの始め方をご紹介します。あなたの手助けになりますように。 ほんの少しでも…

Linuxを学びたい！でもどうやって？

連載・コラム テクニカルスキル Linux

最近では、Docker®やAWSなどのクラウドを使う機会が増え、インフラを構築する際に「Linuxは知らないけど、サーバーを立てられる」人を見かけるようになりました。そうした人達は、実際に動くものを触りながら、深く潜るようにして、Linuxを覚えていきます。 …

コマンドを学ぶだけで終わる？終わらない？

連載・コラム テクニカルスキル Linux

第一回では、「そもそも『Linuxを学ぶ』とは」についてお話ししました。Linuxは、コマンド（命令文）で操作することも多いので、難しく見えるけれど、実際にやっていることは、Windowsなら右クリックでコピー＆ペーストを選んだり、ドラッグ＆ドロップをする…

そもそも「Linuxを学ぶ」って何？

連載・コラム テクニカルスキル Linux

ここ数年、SNSで「エンジニアは、Linux®を勉強しないとダメ」論を見かけます。 たしかに、Linuxを知っておくことは、武器として大きいですし、開発現場で、「そこは、Linuxを知っておいてよ！」と思うこともあります。ですが、ITエンジニアと言っても職種の…

リンクとボタンのデザインの基本/ HTML・CSS修正のアイデア

連載・コラム テクニカルスキル HTML・CSS

修正依頼を受けて「どう対応しよう？」と頭を抱えることはありませんか。この記事では、HTML・CSSデザイナーが職場であるある！と感じる困りごとの解決策をご紹介します。今回は、テキストリンク・ボタンとして認識しやすいデザインについて。“ユーザーがス…

Pythonの自習でつまずいたら？

連載・コラム テクニカルスキル Python

Pythonを一人で学ぶ際につまずきやすいこと、それらを解決するための方法を具体的にご紹介。スキルアップにつなげるために知っておきたいちょっとしたコツです。 Pythonは初心者にやさしい言語？ Pythonの自習で大事なことは？ Pythonの自習でつまずいたら？…

Pythonの自習で大事なことは？

連載・コラム テクニカルスキル Python

Pythonを一人で学ぶときのコツをご紹介します。プログラミングそのものを習得する際にも役立つ内容です。お役立てください。 Pythonは初心者にやさしい言語？ Pythonの自習で大事なことは？ Pythonの自習でつまずいたら？ Pythonの自習方法は？ ■１：実際に…

Pythonは初心者にやさしい言語？

連載・コラム テクニカルスキル Python

注目が続くプログラミング言語「Python」をご紹介します。どんなことができるのか、なぜ話題になっているのか。“初心者にやさしい言語”といわれる、その特徴も。プログラミングを学びたい人に共通して役立つ内容です。ぜひご活用ください。 Pythonは初心者に…

読みやすい文章にするコーディング/ HTML・CSS修正のアイデア

連載・コラム テクニカルスキル HTML・CSS

修正依頼を受けて「どう対応しよう？」と頭を抱えることは、ありませんか。この記事では、HTML・CSSデザイナーが職場であるある！と感じる困りごとの解決策をご紹介します。今回は、文章の可読性を上げる方法。“ユーザーのために、より読みやすく”を意識する…

プリミティブ型・オブジェクト型と参照について理解を深めよう【第6回】JavaScriptを学ぶ上でつまずきやすいポイントを理解するための連載

連載・コラム テクニカルスキル JavaScript

JavaScriptが持つ「2つの型」の動作を図で解説します。オブジェクト型では「参照」についても確認していきましょう。イメージすることが難しいトピックですが、理解を深めると、不安なくコードを書くことができます。 今回の学び JavaScriptが持つ型は、２種…

SQL学びの入り口：自分のPCにインストールしてみよう #03

連載・コラム テクニカルスキル SQL

全３回で「SQL学びの入り口」を目指す本連載。今回は、どのように独学を進めるといいのか、具体的な方法をご紹介します。Accessを使った学び方についても。 ここから始める2つのQ＆A 眺めることが自習の入り口？ 自習で苦戦。そんなときは？ 自分のPCで実際…

SQL学びの入り口：画面を見てイメージを掴んでみよう #02

連載・コラム テクニカルスキル SQL

全３回で「SQL学びの入り口」を目指す本連載。今回は、学習に先立ち、SQLとはどのようなものなのか、実際の画面を見てみることにしましょう。 ここから始める2つのQ＆A 眺めることが自習の入り口？ 自習で苦戦。そんなときは？ 基本のSELECT文 例えばこんな…

SQL学びの入り口：Accessユーザーは習得しやすい？ #01

連載・コラム テクニカルスキル SQL

各種データベースのうち、最も普及しているのがリレーショナルデータベース。それを操作するための言語が「SQL」です。Accessユーザーが次のステップにしやすい言語とも言われています。そんなSQLの「学びの入り口」を全3回に分けてご紹介します。 ここから…

AWSとうまく付き合うには？：AWS文明開化～イマイチ掴めないクラウドの正体とメリットを解説～

連載・コラム テクニカルスキル AWS

AWSの魅力は、なんといってもその手軽さとマネージドサービスです。一方で、手軽に始められるからこそ、失敗するケースも。では、どのようなプロジェクトで、実力が発揮されるのでしょうか。そんな疑問を技術書人気著者が解説します。オンプレミスの経験しか…

ゆるく学ぶサーバー入門～イマイチわかりづらいサーバーの基礎を解説：最近はAWSとDockerが必須なんでしょ？

連載・コラム テクニカルスキル サーバー

最近では、AWSなどのクラウドプラットフォームや、Dockerがプロジェクトに取り入れられることが多くなりました。それに応じて、“それらを使えなければならない”という空気がただよっています。たしかに、AWSやDockerは便利ですが、「必須のもの」なのでしょ…

知っておきたいJavaの話：どうやって実行する？

連載・コラム テクニカルスキル Java

人気Java著者が解説する、知っておきたいJavaの話。今回は、「Javaのプログラムをどうやって実行するか」。入門書などに書かれている“プログラムを実行するには、コンパイルが必要”の言葉。けれども、今では必ずしも当てはまらないのだとか。最近のJava事情…

モニターサイズに合わせて改行位置を指定する方法/ HTML・CSS修正のアイデア

連載・コラム テクニカルスキル HTML・CSS

修正依頼を受けて「どう対応しよう？」と頭を抱えることは、ありませんか。この記事では、HTML・CSSデザイナーが職場であるある！と感じる困りごとの解決策をご紹介。今回は、モニターサイズによって改行位置が変わってしまうことへの対処方法です。今まさに…

'); $backTopNav.appendTo($('.no-entry .entry-content')); } ////////////////////////////////////////////////////////// /* /* カテゴリ **/ function setLocalNav(){ // 右カラム：イベントレポートのナビ生成 var $reportNav = $('#js-report-nav'); if ( $reportNav.length > 0 ) { var reportCatParentIndex = 2; var reportCats = itseCategory[reportCatParentIndex][1]; $.each(reportCats,function(index, val) { $('
  • '+itseCategoryText[reportCatParentIndex][1][index]+'
    • ').appendTo($reportNav); }); } // 右カラム：コラム・連載のナビ生成 var $columnNav = $('#js-column-nav'); if ( $columnNav.length > 0 ) { var columnCatParentIndex = 1; var columnCats = itseCategory[columnCatParentIndex][1]; $.each(columnCats,function(index, val) { $('
  • '+itseCategoryText[columnCatParentIndex][1][index]+'
    • ').appendTo($columnNav); }); } } function setClassCategories(){ $('.categories a').each(function(){ if(!$(this).hasClass('.urllist-category-link')){ $(this).addClass('urllist-category-link category-'+$(this).text()); } }); } setLocalNav(); setClassCategories(); ////////////////////////////////////////////////////////// /* /* カレンダー **/ var eventData; var Calendar = function (elm) { this.$elm = elm; } Calendar.prototype.init = function () { this.$calendar = null; this.calendarDate = {}; this.settings = { year: 0, month: 0, weekValue: ['æ—¥', '月', '火', 'æ°´', '木', '金', '土'], areaClass: 'calendar', activeDateClass: 'active-date', prevNavClass: 'prev', nextNavClass: 'next', sunClass: 'sun', satClass: 'sat', todayClass: 'today', emptyClass: '', headerFormat: 'yå¹´m月', emptyValue: ' ' } var date = this.getDate(); this.calendarData = { year: date.year, month: date.month, date: date }; this.today = date.days; this.currentMonth = date.month; this.currentYear = date.year; this.setup(); } Calendar.prototype.getDate = function () { var date = new Date(); var toYear = date.getFullYear(); var toMonth = date.getMonth() + 1; var toDays = date.getDate(); var result = {}; result = { year: toYear, month: toMonth, days: toDays }; return result; }; Calendar.prototype.getPrevDate = function () { var result = { year: this.calendarData.year, month: this.calendarData.month }; if (result.month === 1) { result.year--; result.month = 12; } else { result.month--; } return result; }; Calendar.prototype.getNextDate = function () { var result = { year: this.calendarData.year, month: this.calendarData.month }; if (result.month === 12) { result.year++; result.month = 1; } else { result.month++; } return result; }; Calendar.prototype.zeroFormat = function (v, n) { var vl = String(v).length; if (n > vl) { return (new Array((n - vl) + 1).join(0)) + v; } else { return v; } }; Calendar.prototype.weekClass = function (weekNumber, targetDate) { var date = this.getDate(); var classArr = []; var classStr = ''; if (weekNumber === 0) { classArr.push(this.settings.sunClass); } else if (weekNumber === 6) { classArr.push(this.settings.satClass); } if (targetDate && targetDate === '' + date.year + this.zeroFormat(date.month, 2) + this.zeroFormat(date.days, 2)) { classArr.push(this.settings.todayClass); } if (classArr.length > 0) { classStr = ' class="' + classArr.join(' ') + '"'; } return classStr; }; Calendar.prototype.createBaseHTML = function () { var htmlStr = ''; htmlStr += '\n
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; htmlStr += '
    \n'; this.$calendar = $(htmlStr); this.$calendar.addClass(this.settings.areaClass); this.$calendar.find('.calendar-month').addClass(this.settings.activeDateClass); this.$calendar.find('.calendar-prev').addClass(this.settings.prevNavClass); this.$calendar.find('.calendar-next').addClass(this.settings.nextNavClass); }; Calendar.prototype.createBody = function () { var self = this; var year = this.calendarData.year; var month = this.calendarData.month; var lastdays = new Date(year, month, 0); var forDate = new Date(year, month - 1, 1); var emptyCell = '
  • ' + this.settings.emptyValue + '
    • \n'; var rowCount = 1; var htmlStr = ''; var i; var j; var len; htmlStr = '\n'; htmlStr += '\n'; htmlStr += '\n'; this.$calendar.find('.calendar-body').html(htmlStr); }; Calendar.prototype.setHeader = function () { var headerText = this.settings.headerFormat.replace('y', this.calendarData.year).replace('m', this.calendarData.month); this.$calendar.find('.calendar-month').html(headerText); }; Calendar.prototype.setup = function () { var self = this; this.createBaseHTML(); this.setHeader(); this.createBody(); // ヘッダー内、左右のリンクをクリックしたときの処理 this.$calendar.find('.js-change-month a').on('click', function () { var mode = $(this).attr('href').replace(/^#/, ''); if (mode === 'prev') { self.prevMonth(); } else if (mode === 'next') { self.nextMonth(); } return false; }); this.$elm.append(this.$calendar); }; Calendar.prototype.changeCalendar = function (year, month) { var date = this.getPrevDate(); if (year && month && String(year).match(/^[0-9]{4}$/) && String(month).match(/^[0-1]?[0-9]$/)) { this.calendarData.year = Number(year); this.calendarData.month = Number(month); this.setHeader(); this.createBody(); } }; Calendar.prototype.prevMonth = function () { var date = this.getPrevDate(); this.changeCalendar(date.year, date.month); }; Calendar.prototype.nextMonth = function () { var date = this.getNextDate(); this.changeCalendar(date.year, date.month); }; ////////////////////////////////////////////////////////// var getEventData = function () { var d = $.Deferred(); // dataを作る var data = {}; eventSchedule.forEach(function(v, i){ var date = new Date(v.date); var event = { category: v.category, year: date.getFullYear(), month: date.getMonth() + 1, day: date.getDate(), url: "http://www.itstaffing.jp" + v.url, title: v.title, }; data[i+1] = event; }); // ここまで d.resolve(data); return d.promise(); } if ($("#calendar").length > 0) { var getData = getEventData(); getData.then(function (data) { eventData = data; //console.log(eventData); var calendar = new Calendar($("#calendar")); calendar.init(); }); } //}; }); }();