読者です 読者をやめる 読者になる 読者になる

paiza開発日誌

paiza(https://paiza.jp)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

JavaScriptコードは1行のみ!超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた

どうも、まさとらん(@0310lan)です。みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか?「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaSc…

HTML・CSS不要!JavaScriptだけでWebアプリの開発を実現するオンラインエディタ「MagiXJS」の使い方を解説

どうも、まさとらん(@0310lan)です。今回は、簡単なコードでインタラクティブなWebアプリやゲームなどを作れる「オンラインコードエディタ」のご紹介です!HTMLやCSSを書く必要がなく、さらにJavaScriptを簡単・安全にプログラミングできる「CoffeeScript…

わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる!「Simpla」の驚くべき使い方を徹底解説

どうも、まさとらん(@0310lan)です。今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います!このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感…

初心者でも簡単にできるPythonの環境構築とエディタで実行する方法

秋山です。今日はPythonの初歩的な環境構築について、公式サイトに従ったインストール手段の補足やAtomでの使い方とかを書いてみます。バージョン管理、パッケージ管理などのはひとまず置いておき、手元でPythonが実行出来るまでを解説します。環境構築と言…

プログラミングを動画で学べる「paizaラーニング」独立オープン【無料キャンペーン実施中】

paizaは、これまで1コンテンツとして運営してきたプログラミング未経験者・初心者向け学習サービス「paizaラーニング」を、新サービスとして独立、正式オープンいたしました。paiza.jp ■「paizaラーニング」サービスの概要 <基本コンセプト> paizaラーニン…

未経験からのエンジニア転職をサポート・新サービス「EN:TRY(エントリー)」を開始

paizaは、エンジニア未経験の方や、経験が浅い方に向けた新サービス「EN:TRY」を開始いたしました。paiza.jp ■「EN:TRY」サービスの概要 <基本コンセプト> エンジニア職未経験者でも趣味でプログラミング経験がある、もしくは情報系学部出身などIT素養のあ…

二次元、異世界…ツイッター大喜利「次の常駐先が〇〇だったらいいのに」に集まった回答たち

paizaでは、2016年12月14日(水)よりツイッターにて「次の常駐先が〇〇だったらいいのに…ツイッター大喜利」を開催いたしました。皆さんご参加いただけましたでしょうか?たくさんの方にご応募&ツイートをしていただきまして、本当にありがとうございました…

【2017年版】ブラウザ上で使えるJavaScript開発&実行環境Webサービスの厳選まとめ

どうも、まさとらん(@0310lan)です。今回は、これからJavaScriptを学習しようという人や、ちょっとしたプロトタイプを開発したい人に向けて、オススメの「オンラインコードエディタ」を厳選してご紹介しようと思います! 選んだ基準としては…、 SSL対応のW…

機械学習でも定番のPythonライブラリ「NumPy」の初心者向け使い方チュートリアル

秋山です。私は主にPythonを使って開発をしているので、以前Pythonの便利なライブラリやフレームワークを紹介する記事を書いたのですが(後でリンク貼りますね)、今回はその記事でも紹介したNumPy(なむぱいと読みます)という数値計算用ライブラリの使い方…

初心者でもOK!レベル別・アルゴリズムをすぐに学べる書籍とサイト12選

Photo by Tim Samoff 秋山です。皆さんはアルゴリズムについてどれくらい知っていますか?というか勉強したことありますか?私はもともと情報系だったので学校でも習いましたが、paizaのプログラミングスキルチェック問題を作るときなどはいまだにいろいろ調…

2017年版、5分でわかるJavaScript入門(ES6対応版)

こんにちは、吉岡(@yoshiokatsuneo)です。 今、一番身近なプログラミング言語といえば、間違いなくJavaScriptです。 JavaScriptは、インターネット利用に必須のウェブブラウザ上で動作する唯一のプログラミング言語です。 プログラミングを学ぶ時も、いつも…

これからエンジニアになる人必見、入社前から読んでおくべきIT系ニュースサイト22選

Photo by Ruben Schade 秋山です。4月からエンジニアとして就職する予定の皆さん、技術系の情報収集はどうしていますか?新しい技術やプロダクト等の情報収集は技術者として欠かせないことです。特にIT技術は毎日のように進化していて、流行もすぐに変わりま…

初心者からのJavaScript開発入門!iTunesのJSONデータを使ってランキングサイトを作るチュートリアル大公開!

どうも、まさとらん(@0310lan)です。今回は、JavaScriptでJSONを使った「Webアプリ開発」に挑戦してみようと思います! そこで、アップルが提供している「RSS Generator」からJSONデータを取得し、多彩なジャンルのランキングサイトを構築してみましょう!…

【18卒】4年になってからでは遅い!今すぐ始めたい就活準備を徹底解説

Photo by spring stone こんにちは。谷口です。2018年卒業予定の皆さんは、就活の準備をいつから始めるべきだと思いますか?最近は経団連の通達により解禁時期が後ろ倒しされ、18卒の場合も今年の3月が応募・6月が選考の解禁時期とされていますね。就活生の…

【17卒】まだ間に合う!1月以降も新卒採用活動を継続中の企業と就活サイト

Photo by Global Lives Project こんにちは、谷口です。先日リクルートキャリアが実施した「就職プロセス調査」の発表によれば、12月1日時点で17卒予定の大学生の就職内定率は93.6%に到達、前年同月の91.6%と比べて2.0ポイント高い学生が内定を獲得していま…

「こんなはずじゃなかった」と後悔しないために…エンジニアが転職活動を始める前にすべき3つのこと

Photo by Chase Elliott Clark こんにちは、谷口です。転職活動というと、まずは「面接で話す内容を考えないと!」「書類の書き方を調べないと!」と考える人が大半かと思います。実は転職活動においては、書類や面接の前に、やっておかなければならない重要…

知らなきゃ損する!Web開発で絶対使いたくなる、人気のJavaScriptライブラリ8選と導入方法を公開

どうも、まさとらん(@0310lan)です。今回は、毎日のように誕生する新しいJavaScriptライブラリの中から、思わず使ってみたくなるようなオススメのライブラリを厳選してご紹介しようと思います。 そのままWebアプリとして活用できそうなモノから、コードの…

JavaScriptライブラリを使った超簡単チェスゲーム開発入門!ブラウザ上でCPU対戦が可能!

どうも、まさとらん(@0310lan)です。今回は、JavaScriptによる簡単なゲーム作りに挑戦するため、「チェス」をテーマにした開発チュートリアル記事となっています。 「なんだか難しそう…」と思うかもしれませんが、簡単な手順で実現できるJavaScriptライブ…

【JS・C++コース追加】プログラミング言語擬人化キャラ紹介!コードを書いて美少女を集める学習ゲーム

paizaの人気プログラミング学習コンテンツ「コードガールこれくしょん」、これまでのPHP、Ruby、Java、Python・C言語・C#コースに加え、JavaScript・C++のコースが追加されました! 「コードガールこれくしょん」略して「ガルこれ」は、美少女ナビゲーターと…

あなたは自分がエンジニアに向いていると思いますか?適性を知らないままの就職が招く不幸とは

Photo by David A Ellis こんにちは。谷口です。近年、エンジニア不足がたびたび話題になっているため、就活生の中にも就職課やエージェントの人にすすめられるまま応募をしたり、「不足してるなら簡単になれそう」「手に職がついて将来安泰そう」という考え…

世界初! エディタも環境構築もサーバも不要。クラウド上でWebアプリを作る学習講座が新登場

動画で学べるオンラインプログラミング学習サイト「paizaラーニング」では、この度「Webアプリ開発入門PHP+MySQL編1」を公開いたしました。 ■paizaラーニングって何?「Webアプリ開発入門PHP+MySQL編1」ってどんなレッスン? 従来のWebアプリケーション開…

ブラウザだけで今すぐ使える!無料の「ゲーム開発環境」Webサービス厳選まとめ!

どうも、まさとらん(@0310lan)です。 みなさんは、「ゲーム開発」にご興味あるでしょうか?最近人気の「Unity」みたいな統合開発環境があれば、かなり本格的なゲーム作りが個人でも可能になってきましたが、実はこのような統合型の開発環境をブラウザ上で…

「いつか勉強する」を実現できたことありますか?現役エンジニアに聞いた、忙しくても効率よく学べる勉強法10

Photo by UBC Learning Commons こんにちは。谷口です。自分以外のエンジニアを見ていて、「どうしてこんなことまで知っているんだろう?」「何でここまでできちゃうんだろう?」と思うことはありませんか?デキるエンジニアたちは、やはり裏でいろいろな勉…

機械学習・転職・彼女など…2016年の楽しみなアドベントカレンダー【読むもよし書くもよし】

Photo by Tatsuo Yamashita こんにちは。谷口です。そろそろアドベントカレンダーの季節がやってきます。今年のアドベントカレンダーで面白そうなのが多いので、個人的に楽しみなものをまとめておきます。【※アドベントカレンダー is 何】 アドベントカレン…

簡単なプログラミング演習問題を解いてAmazonギフト券を当てよう!キャンペーン実施中

動画で学べるオンラインプログラミング学習サイト「paizaラーニング」では、2016年11月7日(月)~2016年12月5日(月)までの期間中、paizaラーニングを受講し、演習問題(どのコース・どの演習問題でもOK!)を解いて、表示された結果ページからツイートし…

ブラウザ上で超簡単にWebサイトが作れる!Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開!

どうも、まさとらん(@0310lan)です。今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版…

ディレクターも営業も…非エンジニア職こそSQLを学ぶべき理由と初心者向け学習コンテンツ

Photo by Delwin Steven Campbell こんにちは、谷口です。皆さんは普段お仕事でSQLを使っていますか?ITエンジニア以外の職種だと、「自分では使えないので、データがほしいときなどはエンジニアに依頼している」という方も多いと思います。ただ自分でSQLが…

11/7まで全編無料!【初心者向け】ビジネスに役立つデータ集計・分析を学べるDB/SQL入門編を公開

動画で学べるオンラインプログラミング学習サイト「paizaラーニング」では、この度2016年10月26日(水)より「DB/SQL入門編2」を無料公開いたしました。講座追加キャンペーンとして、2016年11月7日(月)までの期間限定で「DB/SQL入門編1」「DB/SQL入門編2」…

デザインセンス不要でWeb制作が捗る!登録ナシですぐ使える「HTML5/CSS3」の無料テンプレート12選+α

どうも、まさとらん(@0310lan)です。ネット上には、Webサイトを効率よく制作できるように多種多様な高品質テンプレートが存在します。そのまま利用しても良いし、開発やデザインの参考にしてみたり…など、その活用範囲は広いのですが、検索すると「有料・…

HTML/CSS超初心者でも自分の目的に合わせて選べる、効率的な学習方法4つ

Photo by dalcrose こんにちは、谷口です。プログラミング学習に関するサービスを運営していますが、最近は現役のITエンジニアやWebデザイナーといった職種に限らず、「HTML/CSSを勉強したい!」という人が増えてきたなと感じます。ただ、初心者にとって一番…

paizaで何する?プログラミング学習・転職・就活…エンジニアとエンジニアを目指す人のためのガイド

paizaには中途・新卒求人だけでなく、初心者から始められるプログラミング学習や転職活動・就職活動に役立つコンテンツを多数公開しております。ここでは、どんなコンテンツが公開されているのか、それぞれ何ができるのか、どんな人におすすめなのかを解説し…

プログラミングなし・埋め込みタグのコピペだけで超簡単にWeb制作できる「POWr」の多機能ぶりに驚愕!

どうも、まさとらん(@0310lan)です。Webサイトには「問い合わせフォーム」「ショップページ」「ギャラリー」「コメント」…など、さまざまなコンテンツが詰まっています。これらのWebコンテンツをプログラミングすることなく、まるで「YouTube動画」を貼り…

プログラミング中級者から上級者への近道!ゲーム感覚で問題が解きまくれるサイト7選

Photo by Shane K こんにちは。谷口です。paizaでは初心者向けのプログラミング学習ゲーム「コードガールこれくしょん」や動画でプログラミングが学べる「paizaラーニング」で、初心者でも学びながらプログラミング問題に挑戦できるコンテンツを公開していま…

脱3日坊主!初心者でも、プログラミング問題を楽しくたくさん解いて学習できるサービス8選

Photo by Kristina D.C. Hoeppner こんにちは。谷口です。「プログラミングの勉強をしてみたい!」という初心者の方とお話していると・プログラミングの勉強を始めたいけど、どうやったらいいかわからない ・実際にコードを書いてみたいけど、環境構築や概念…

初心者も動画で学べる!無料のHTML/CSS/Bootstrap入門編、JavaScript入門編を公開

動画でプログラミングが学べる「paiza learning」(パイザ・ラーニング)に、 「HTML/CSS/Bootstrap入門編」および「JavaScript入門編」が追加されました!!こちらは、近年ITエンジニアの採用現場においてサーバサイドの知識に次いで2番目に多く問われるよ…

一度使えばもう手放せない! Web制作の効率を上げる厳選Webサービスまとめ!

どうも、まさとらん(@0310lan)です。今回は、Webサービスやサイトを制作する過程において、知っていると役に立つユニークなサービスを厳選してみました。ゼロから実装すると難しい機能を簡単に提供してくれたり、サイトにちょっとしたアクセントを加えてく…

SQLを学びたい初心者に最適!美少女が教えてくれる、DB/SQL入門編!無料動画学習レッスン追加

paizaが運営している、プログラミングが動画で学べる「paizaラーニング」に、この度「DB/SQL入門編」が追加されました!SQLを動画と演習課題で習得できますので、ぜひごらんください!現在、公開記念キャンペーンとして平成28年8月31日(水)までの期間限定で…

知らなきゃ損するGoogle Apps Scriptの外部JSONデータ連携術!すべて無料で作る「お天気Webアプリ」の作り方を大公開!

どうも、まさとらん(@0310lan)です。みなさんは、「Google Apps Script(以下、GAS)」を使ったことがあるでしょうか?昔は、スプレッドシートのマクロ的な使い方であったり、Googleサービスを連携するために使うことが多かったような気がします。しかし、…

【C言語・C#コース追加】コードを書いて美少女を集めよう!プログラミングが学べる超人気無料ゲーム

paizaの人気プログラミング学習コンテンツ「コードガールこれくしょん」、これまでのPHP、Ruby、Java、Pythonコースに加え、C言語・C#のコースが追加されました! 「コードガールこれくしょん」略して「ガルこれ」は、美少女ナビゲーターと一緒にプログラミ…

ポケモンGO攻略のために実際に使ってみて捗ったサイトやアプリ7選

Photo by Lydia こんにちは、谷口です。ポケモンGOが出てからというもの、弊社エンジニアの多くがプログラミングしてはポケモン探しに出掛け、プログラミングしては社内に迷い込んできたポケモンをゲットするという本業がエンジニアなのかポケモントレーナー…

エンジニアを目指す学生必見!就活を遅れてスタートさせた就活生が2ヶ月でどうやって内定獲得したか

7月ももうすぐ終わりですね。就活生の皆様、就活の進み具合はいかがでしょうか?もう内定を獲得されて終了された方が多い一方で、まだ続ける予定という方もいらっしゃるかと思います。今回は皆様に、paiza新卒を使って就活に成功された方のインタビューをご…

C言語のプログラミングを学びたい人に最適!美少女が教えてくれる、C言語の無料動画学習レッスン開始

paizaが運営している、プログラミングが動画で学べる「paizaラーニング」に、この度「C言語入門編」が追加されました!C言語を使ったプログラミングスキルが動画と演習課題で習得できますので、ぜひごらんください!paiza.jp ■paizaラーニングって何?「C言…

ITエンジニアを目指す学生向け、就活に特化したIT業界の情報やプログラミングが学べるコースを公開!

「paiza新卒」では、この度「ITエンジニアとしての就職を目指す学生」向けの就活対策学習コースとして、「paiza learning就活パック」を開始しました。「paiza learning就活パック」は、1本3分程度の動画、ブラウザ上でコードを書いて実行までできるオンライ…

音声認識入門!Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開!

どうも、まさとらん(@0310lan)です。みなさんは、音声認識を活用していますか?例えば、iOSの「Siri」と会話してみたり、Androidなら「OK Google」と喋って検索した経験があるのではないでしょうか?今回は、このような音声認識を利用し、PCのChromeブラウ…

【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの?

Photo by Peter Petrusこんにちは。谷口です。 他人の開発環境って気になりませんか?私は気になります。誰かの作業を見ていて「何そのツール知らなかった」「えっそのコマンド便利そう」となったことありませんか?自分以外のエンジニアは、自分の知らない…

面倒な手続き不要!「Web API」の超お手軽活用術をJavaScriptコード付きで一挙大公開!

どうも、まさとらん(@0310lan)です。今回は、面倒な登録手続きやトークンなどが一切不要で、今すぐ利用できる便利な「Web API」を厳選してご紹介しようと思います。これらのAPIを使うことで、Web制作がちょっと便利になったり、独自性のあるユニークなサー…

【2017新卒】6月時点で内定率51.3%!?就活で出遅れた人が挽回するための対策

Photo by Bryan Dougherty こんにちは、谷口です。2017年卒予定者の選考開始時期は、経団連からの通達により、昨年よりも2ヶ月前倒しの今月6月からスタートとされています。では実際に全ての企業が今月に入って初めて新卒採用選考を開始したのかというと、そ…

AWS,Docker,Ansible...ウェブエンジニアが知っておくべきインフラ技術8選

↑2016年のよく使われるDevOpsツール。Docker、Ansibleが伸びています。 (RightScale: New DevOps Trends: 2016 State of the Cloud Surveyより) こんにちは、吉岡(@yoshiokatsuneo)です。 ウェブサービスを作るにはどうしたらいいでしょうか? 当然ですが、プ…

JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説!

どうも、まさとらん(@0310lan)です。今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。また、すぐに使い始められるように、ミニマム…

プログラミングをスマホで学べる時代がきた!ほぼ無料のプログラミング学習アプリ8選

Photo by Laura Bittner こんにちは。谷口です。最近スマホでプログラミング学習できるアプリが増えてきました。実際本格的なシステムを実装する…となると環境設定等もありますしPCを使わないとできないことが多いですが、初心者の方が学習をするときに、い…

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編