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

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

アイプランニングでWeb入門するときに利用している教材など

アイプランニングではB2Bのデスクトップアプリケーション開発が主流ですが、 Webシステムの開発を引き受けることも多くなっています。 当然人材育成が必要になるのですが、現時点でIPLで教育に使っている・使う予定のある教材を紹介します。 Webの基礎知識 …

タートルグラフィックスで「納品体験」

毎年恒例の1dayインターンですが、前年まで実施していた「レゴで学ぶスクラム」はコロナ対策の為 実施不可能になってしまいました。好評だったのに残念です… レゴスクラムは元ネタが存在するため楽だったのですが、前例のない状況下ですので自分で考えなくて…

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

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

Node.jsとnpmを使ってみよう

アイプランニングはWeb系企業ではありませんが、Web技術に関しての社内講座やハンズオンも積極的に実施しています。 Node.js入門として一般の方にも参考にしていただけるよう、一部を公開いたします。 Node.jsとは Node.jsはサーバサイドJavaScriptランタイ…

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

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

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

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

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

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

scoopを使って開発用PCをセットアップする

インターンシップの開催にあたり、PCの開発環境のセットアップを手順化しました。 セットアップ対象 Windows 10 Pro 64bit セットアップするツール一覧 scoop git Node.js yarn VS Code Chrome Scoopでのインストール セットアップはscoopで行います。scoop…

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…

GitLab CI を導入しました

GitLab で CI(継続的インテグレーション) をできるようにしました。 経緯 弊社では数年前から開発の助けとなるよう GitLab CE を運用しています。 社内で GitHub 同様にプロジェクト管理ができ開発作業に貢献してきました。 一方で、アプリの検証や納品と…

会社ホームページをjekyllからhugoに移行する

アイプランニングのホームページのビルド環境を、JekyllからHugoに置き換えました。 経緯 Jekyllは、非常に人気のある静的サイト生成ツールです。 当ホームページも、Jekyllで生成していました。 ただし、アイプランニングのホームページのような、非常にシ…

レゴによるスクラム体験

2018年卒の学生に向けて、一日インターンを実施しました。 業務内容の説明や業界説明、先輩社員との交流など、盛りだくさんの内容でしたが、 今回は業務体験の一環として実施した、「レゴによるスクラム体験」コーナーの内容をご紹介します。 概要 今回のイ…

Intel NUC (NUC6i5SYH) を導入しました

会社で Intel NUC (NUC6i5SYH) を購入してもらいました。 組み立てとWindows10のインストール、ドライバインストールやBIOSアップデートについて紹介します。 使っていたデスクトップ用のWindowsPCが不調で、PCを新調する必要があったので思い切ってIntel NU…

これだけ覚えるGit

これからのソース管理のスタンダード「Git」についてご紹介します。非常に多機能なツールですので、必要最低限のコマンドのみご説明します。 Gitを始めよう ソースバージョン管理ツールには、「Subversion」「CVS」「VisualSourceSafe」など数多くあり、プロ…