技術ブログ | 株式会社アイプランニング IPlanning corporation

アイプランニング社員が調査したこと、学んでいることが具体的にどんなものなのかを披露します。 Here is what the IPlanning corp employees surveyed and what they learned.

HTML5

CSSレイアウト入門(社内ワークショップ用資料)

本記事では、CSSレイアウトの基礎とレスポンシブレイアウトについて学ぶ事ができます。 利用方法と対象読者層 この記事は社内CSSワークショップのために書かれた記事ですが、教育用途などにご自由にご利用ください。説明に1~1.5時間要します。 対象はHTML, …

アイプランニングのインターン資料を公開します

インターンで実施しているプログラミング講座の資料を一般公開します。 インターンや新卒社員向けの講座コンテンツは多いですが、ゼロ知識から読めるものは数が限られます。 インターンでの講座受講者や、他社のセミナーなどにもぜひご活用ください。 プログ…

CodePenを使ってWeb開発を体験する 後編(Vue.js)

前編はこちら Vue.jsのセットアップ 引き続き、CodePen上で作業を行います。 画面右上のSettingsを選択します。 ダイアログが表示されたら、JavaScriptタブを選択し、Search CDNjs欄にvueと入力します。 するとリストにvueが表示されますので選択します。 上…

CodePenを使ってWeb開発を体験する 前編(HTML / CSS)

HTML, CSS, JSを個別に学習してWebアプリを作れるようになるまでには、少し時間がかかります。 学ぶ内容にもよりますが、公開できるレベルのアプリを作ろうと考えれば、最低でも2ヶ月は必要でしょう。 基礎はもちろん大事ですが、目的地をはっきりさせて興…

Vue.js で麻雀聴牌判定ゲームを作る

2年目若手が新人研修のときに作ったC#の麻雀ゲームを Web版として移植してもらいました。 ゲームはスマートフォンでもプレイできるようになっておりますので、 ぜひ遊んでみてください! フレームワークにはVue.jsを利用しています。 また、聴牌判定ロジッ…

SVGとVue.jsでグラフコンポーネントを作成する

一年目の若手エンジニアに、データビジュアライゼーションのトレーニングを兼ねて、SVGでグラフを作ってもらいました。 作成物概要 総務省統計局の平成29年11月時点の人口データを元に各年齢ごとの人口を男女別にグラフを作成しました。 横軸に年齢(5歳ごと…

Java製のシューティングゲームをTypeScriptでWebに移植する

10年前にIPL社員が作ったJava製のシューティングゲームを、Web技術を使ってリメイクしました。 また、JavaからTypeScriptへの移植のポイントについても記載します。 何はともあれゲームを遊ぶ 以下のURLからプレイできます。 https://iplanning.heteml.net…