どうも、まさとらん（@0310lan）です！ 今回は、Webサイトに「チャット」「アンケート」「登録フォーム」…など、7種類のウィジェット（機能）を簡単に追加できる無料サービスのご紹介です！ HTMLファイルに専用のコードを追加するだけで、あとはブラウザ上のダッシュボードからマウス操作によって簡単に制御できるスグレモノです。 Webサイトやブログなどを持っている人は、ぜひ参考にしてみてください！ 【 GetSiteControl 】 ■「GetSiteControl」の使い方！ それでは、実際に「GetSiteControl」を使いながらどのようなサービスなのかを詳しく見ていきましょう！ まず最初に、トップページからユーザー登録をしておきます。 FacebookやGoogleのアカウントでもログインできますが、今回はメールアドレスを利用して登録します。 登録フォームが表示されるので、「名前

(PaizaCloud Cloud IDEより) ブラウザを開くだけでWeb開発環境が整う　PaizaCloud クラウドIDE こんにちは、谷口です。 皆さんはPaizaCloudクラウドIDEなどのクラウドIDEを使ったことがありますか？ 通常、「Ruby on Railsを使ってWebサービスを作りたい」「LAMP環境での開発を試してみたい」といった場合には、言語の実行環境やデータベースの構築、サーバーの準備など、さまざまな環境設定が発生します。 特に初心者の場合 環境構築に半日～1日ぐらいかかるなど、事前準備が長時間に及ぶ 環境構築について理解できている人の手を借りる必要がある 家と学校・職場など、PCが変わると同じ環境が使えない といった問題でつまずいてしまうケースは少なくありません。 クラウドIDEを使えば、そういった面倒な環境設定なしに、エディタ機能はもちろんコンパイラやデバ

Photo by Luke Anderson こんにちは。谷口です。 開発業務未経験からITエンジニアを目指す方にとって、プログラミングだけでなく、習得しておきたいのがGitHubの使い方です。 GitHubは、Gitの仕組みを利用し、オンライン上でコードを管理できるサービスです。 github.com 複数人での共同作業に必要な機能もそろっており、個人・企業問わずにリモートリポジトリの作成・公開もできるため、個人・学校・企業など、さまざまな場面で広く使われています。 特にWebサービスやアプリ開発をしている企業では、ユーザーの反応を見てすぐに機能追加するなどスピード感のある開発をしていくために、多くがGitHubを使った開発フローを実践しています。そうした企業のエンジニア職を目指す人にとっては、GitHubの使い方の習得はほぼ必須と言えるでしょう。 そこで今回は、プログラミング初心者の方

Photo by Matt こんにちは。谷口です。 ITエンジニアの皆さんは、ふだん勉強会に参加していますか？ プログラミングや開発手法を学びたい人にとって、勉強会での情報収集はとても役立ちます。ただ、「勇気がなくてまだ参加したことがない」「そもそもどんな勉強会が開催されているのか知らない」「勉強会をどう探したらいいか分からない」という方も多いかと思います。 勉強会と言うと「既に高いスキルを持った人しか来ないんでしょ」と思われるかもしれませんが、最近は初心者向けのプログラミング勉強会もよく開催されています。 というわけで今回は、勉強会やセミナーの情報が探せるサイトをご紹介します。勉強会といっても、実際に手を動かしながらモノを作る会から、参加者同士の交流がメインのイベントや、講演を聞くスタイルのセミナーなどいろいろなものがあります。ぜひご自分に合った勉強会を探してみてください。 ■勉強会を探

Photo by thekirbster こんにちは。谷口です。 先日paizaが行ったアンケートで、「好きなプログラミング言語」の1位（※社会人2位・学生1位）にPythonがランクインしました。 paiza.hatenablog.com Pythonは1990年代前半からオランダ人のグイド・ヴァンロッサムによって開発されたオブジェクト指向スクリプト言語で、文法が必要最小限に抑えられており、ITエンジニアの学習の負担が軽減された開発言語と言われています。 海外では、近年Pythonによる開発が急速に増加しており、InstagramやDropboxなどの開発にも使われています。また、機械学習に適したライブラリが多く、最近は日本でも積極的に取り入れる企業が増加してきており、これからの一層の普及が期待される人気言語となっています。 Pythonはバージョン2系と3系があり、3系には後方互換性が

どうも、まさとらん（@0310lan）です。 今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います！ このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感的に誰でも行うことができるようになります。 【 Simpla 】 ■「Simpla」とは？ まず最初に、「Simpla」がどのようなサービスなのかを実際に見ていきましょう！ 以下に、「Simpla」を導入したサンプルサイトがあります。 見た目はごく普通のWebサイトですが、URLの末尾に「#edit」と追記して再読み込みします。 すると、専用の「ログイン画面」が表示されます！ 「Simpla」アカウントでログインすると、画面上でそのままコンテンツを編集できるようになります！ （編集できる箇所、できない箇所の設定も可能です） また、画

Photo by Tim Samoff 秋山です。 皆さんはアルゴリズムについてどれくらい知っていますか？というか勉強したことありますか？ 私はもともと情報系だったので学校でも習いましたが、paizaのプログラミングスキルチェック問題を作るときなどはいまだにいろいろ調べることもあります。 アルゴリズムについて勉強したことがない人の中には「ずっと気になってはいるものの、各プログラミング言語の書き方やフレームワークの使い方などを学ぶことに手一杯で、アルゴリズムはつい後回しになっている…」という方も多いと思います。 ただ、アルゴリズムを知らないままプログラミングを続けていると、少し複雑な処理を考えなければならなくなったときなどに、力技のやり方しか考えつかなくて「すごい人だったらもっとスマートな書き方ができるんだろうな……」と悶々としてしまうことがあるはずです。 今回はそんな方に向けて、アルゴリズ

Photo by hoerner_brett 秋山です。 私は主にPythonを使って開発をしているので、今回はPythonの便利なライブラリやフレームワークを紹介していきたいと思います。 といっても割と定番のものを中心に使っているので、既にPythonをがんがん使っている人にとっては「知ってるわ！」というものも多いかと思います。「最近Python書くようになりました～」という人たちにも「これ良い！」ってものが見つかればと思います。 ちなみに前回はPython2系と3系の違いについて書いてますので、「3系に移行しよっかなー」と考えている人は合わせて見てみてください。 paiza.hatenablog.com ■Pythonの便利なライブラリやフレームワーク ◆Web開発系フレームワーク ◇Django みんな大好き有名なDjango。RubyでいうところのRailsのような……全部のせ的な

どうも、まさとらん（@0310lan）です。 みなさんは、「CSSフレームワーク」を活用しているでしょうか？ いきなりフレームワークと聞くと、「なんだか難しそう…」と思ってしまうかもしれませんが、最近は誰でも利用できるようにシンプルな設計で公開されているモノが増えています。 そこで今回は、多機能でありながらも学習コストが低い「CSSフレームワーク」を厳選し、レスポンシブ対応でモバイルに優しいものをいくつかご紹介しようと思います！ ■CSSだけで多彩なサイトを構築できるフレームワーク！ 【 Picnic CSS 】 Web制作に必要なコンテンツを、とにかく簡単な手順で手っ取り早く構築できるように設計されているのが「Picnic CSS」です！ 特に、Flexboxを活用した非常に柔軟なグリッドレイアウトや、JavaScript不要でインタラクティブな要素を構築できる機能などはとても便利だと思

Photo by Yuya Tamai 秋山です。 私は主にPythonを使って開発をしているのですが、Python2系とPython3系にはいろんな変更点があります。 で、互換性がない変更点も割とあって、よく知らないまま初心者が2系から3系に移行しちゃうと結構危険なところもあるので、今日はその辺の話をしていきます。 print に括弧が必要になっちゃったよねーみたいな話や、よく言われている raw_input とか xrange の話は飛ばします。 ■意外と気をつけたいPython3系における変更点 ◆map,filter,zipがイテレーターを返してくる Python2系ではmap, filter, zipともに普通のリストを返していますよね。 map_object = map(int, "12345") print(list(map_object)) print(list(map_o

どうも、まさとらん（@0310lan）です。 今回は、JavaScriptによる簡単なゲーム作りに挑戦するため、「チェス」をテーマにした開発チュートリアル記事となっています。 「なんだか難しそう…」と思うかもしれませんが、簡単な手順で実現できるJavaScriptライブラリを活用するので誰でも最後まで楽しめると思います。 また、後半には「CPU対戦」機能も組み込んでいくので、チェスやゲーム開発にご興味ある方は、ぜひトライしてみてください！ ■必要なファイルを準備しよう！ まずは、チェスの骨組みを簡単に構築する方法として「chessboard.js」というJavaScriptライブラリを使ってみましょう。 【 chessboard.js 】 「chessboard.js」を使うと、チェスで遊ぶための「駒」や「ボード」を簡単にWeb上へ描画することが可能で、駒を動かす際のアニメーションやマウス

どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス