Photo by Tim Regan 上原です。 paiza(ギノ)に入社して3ヶ月くらいのWebデザイナーです。 デザイナー歴は8年くらいで、一応それなりにやってきた…つもりの人間ですので、今回はアシスタントの頃から早く一人前になるためにやっていたことや、今も引き続きやっていて役に立っていることなどを思い出して書いてみます。 一デザイナーの個人的な話ではありますが、エンジニアの方にも通じる部分はいくつかあると思いますので、これからデザイナーやエンジニアになりたい方や、なりたての方にとって参考になることがあれば幸いです。 私の簡単な経歴 経歴：デザイン系専門学校→デザイナーとして複数の制作会社に勤務（8年くらい）→paiza(ギノ)に来て3ヶ月くらい デザイナーがアシスタントから一人前になるためにやったこと 思考プロセスについて 考えを言語化して整理するくせをつける 経験や知識が足りない状

どうも、まさとらん（@0310lan）です！ 今回は、初心者の方はもちろん中・上級者も便利に活用できるWebサイト制作サービスをご紹介します！ ReactやVueのようなコンポーネントベースの開発を、ビジュアルエディタを使って効率よく開発できるのが特徴です。コンポーネントの再利用はもちろん、さまざまなプリプロセッサも搭載されており、開発から公開までこれ1つで完結できてしまいます。 基本的な機能はすべて無料なので、Webサイトの開発にご興味ある方はぜひ参考にしてみてください！ また、paizaラーニングでは、Webページ作成に欠かせないHTML/CSSを学べる講座やWebデザイン入門講座を公開中です。合わせてチェックしてみてください。 【 Frontnd Builder 】 ■「Frontnd Builder」の使い方 それでは、実際にFrontnd Builderをどのように使っていくのか

どうも、まさとらん（@0310lan）です！ 今回は、あらゆるドキュメントが作れて自分の好きなようにカスタマイズも可能なWebサービスをご紹介します。 簡単に言ってしまうと、Word・Excel・IFTTT・Trelloが融合したようなドキュメント作成サービスになっており、非エンジニアの方でも簡単に高度なカスタマイズができます。 また、知人を招待して一緒にドキュメントを共有・編集したり、パブリックに公開してブログのように使ったり、プライベートで自分専用の秘密メモを作ったり、さまざまなことができるのでご興味ある方はぜひ参考にしてみてください。 【 Coda 】 ■「Coda」の使い方 それでは、実際に「Coda」をどのように使っていけばよいのかを見ていきましょう！ まずはサイトのトップページにある【Sign Up】ボタンをクリックして無料のユーザー登録を済ませておきましょう。 Googleボ

どうも、まさとらん（@0310lan）です！ 今回は、不特定多数のユーザーとSlackを使ってチャットによる一括管理が可能になる無料のサービスをご紹介します！ 無料で取得可能な専用のメールアドレス宛に届いたメールが、Slack上でチャットのようにやり取りできるようになるのでカスタマーサポートなどにも最適です。 今すぐ誰でも簡単に導入できるので、ご興味ある方はぜひ参考にしてみてください！ 【 SharedBox 】 ■「Slack」の事前準備について 今回ご紹介するサービスの「SharedBox」は、Slackを利用するのであらかじめ自分のアカウントを準備しておく必要があります。 まだ、Slackのアカウントをお持ちでない方は以下のリンクから無料のユーザー登録をしておきましょう！ 【 Slack 】 そして、本記事で解説する「SharedBox」で利用するチャンネルをあらかじめ新規作成してお

どうも、まさとらん（@0310lan）です！ プレゼン用のスライド資料を作成する時に、テキストボックの配置に悩んだりフォントやカラーリング、チャートの作成に時間を掛けていたりしませんか？ 今回ご紹介するサービスは、AIの活用により多種多様なスライド資料を学習させて最適なデザインを提案し、無駄な時間をカットして本来プレゼンに必要な「伝えたいこと」だけに集中できます。 超短時間で見栄えが良くて分かりやすいスライド資料を作りたい方は、ぜひ参考にしてみて下さい！ 【 Beautiful.AI 】 ■「Beautiful.AI」の使い方！ それでは、実際に「Beautiful.AI」を触りながらどのように利用すればいいのかを見ていきましょう！ トップページにアクセスしたら、画面上部にある「SIGN UP」ボタンをクリックします。 「メールアドレス」「パスワード」を入力すればユーザー登録は完了です！

どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください！ ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ！ 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基本機能はもちろん、音声の書き

(English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 皆さんは、スマートスピーカーを使っていますか？ 私は最近、Amazon Echoで「アレクサ(Alexa)」を使い始めました。最初は 「正直そんなに必要ないのでは？」 という気持ちもあったのですが、実際に使い始めると、なかなか便利で手放せなくなってしまいました。 携帯電話を取り出す必要もなく、誰でも、どこからでも、声だけで使える というのは利便性が高いですね。最近の機械学習・AI技術の進歩もあり、認識精度もいよいよ実用的になってきたなと感じます。 ある調査によると、アメリカでは成人の18%がスマートスピーカーを保有しており、さらに保有者の 65%は「手放せない」と言っている…という結果も出ています。 (参考: The Smart Audio Report | N

Photo by Strelka Institute for Media, Architecture and Design 秋山です。 最近、機械学習の勉強をしている人や、機械学習に関連した研究開発の求人を探す人がすごく増えてきましたね。弊社のエンジニアにも機械学習を勉強中の人達が何人かいます。 ただ、「機械学習を勉強したいけど、難しすぎて何から手を付けたらいいのかよくわからない」という人も多いです。それなりに開発経験のあるエンジニアでもそうなので、経験の浅い人だと、なおさらかと思います。 機械学習と一言で言っても、実践するのに必要な知識の分野は多岐に渡ります。 そこで今回は、未経験者が機械学習エンジニアとして転職するにはどういった知識や勉強が必要なのかを書いていきます。 ■最低限必要な知識 ◆プログラミングスキルとライブラリを使える知識 Pythonには、Tensorflowやsciki

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

どうも、まさとらん（@0310lan）です。 ネット上には、Webサイトを効率よく制作できるように多種多様な高品質テンプレートが存在します。 そのまま利用しても良いし、開発やデザインの参考にしてみたり…など、その活用範囲は広いのですが、検索すると「有料・無料」「低品質・高品質」などが混在していて見つけるのが大変だったりします。 そこで今回は、「無料・高品質」なテンプレートの中から使用用途別にカテゴリを分けて、さらに面倒な「登録」も不要なモノだけを厳選してご紹介しようと思うので参考にしてみてください！ ■「ブログサイト」に最適なテンプレート！ 【 Spore 】 「Spore」は、モダンブラウザに対応したレスポンシブなテンプレートになっており、「ブログ」向けとして最適です。 ページのトップに位置するフルスクリーンのテーマ画像が印象的で、縦幅の違うカード状に並べられた記事はシンプルながらも、ア

Photo by Jeff Attaway 今回のpaiza開発日誌は片山がお送りします。 paizaの運営を始めて3年半ほどたちました。 大変なこともたくさんありましたが、ユーザー数もこの1年で約6万人ほど増えるなど、事業もだいぶ軌道に乗ってきました。 paizaはメディアビジネスなので、ITエンジニアと求人企業がそれなりの数集まらないと成り立ちません。初期投資もそれなりに必要だったため、最初のころは資金がすごい勢いで溶けていく割には先が見えない、まさにヒリヒリと「痺れる」毎日をすごしていました。 最近ではようやく事業も軌道に乗ってきましたが、ここまで来るためには、paizaを立ち上げる前に一度、新規事業立上げで失敗した経験がとても役立ちました。 今回は、その失敗から学んだことをまとめてみました。何かの参考になれば幸いです。 ■スタートアップ立上げをやってみて分かった失敗の法則 paiz

Photo by Peter Petrus こんにちは。谷口です。 他人の開発環境って気になりませんか？私は気になります。 誰かの作業を見ていて「何そのツール知らなかった」「えっそのコマンド便利そう」となったことありませんか？ 自分以外のエンジニアは、自分の知らない便利な何かを使っているかもしれない。というか多分使っている。 というわけで、paizaの中のエンジニアたちにそれぞれの開発環境やこれがなくなったら開発できないというハードやソフトや便利な設定、毎日のように使っているコマンドなど、とにかく開発環境について聞きまくってきました。エンジニアの皆さんにとって新たな発見となる項目や参考になる部分があればと思います。 ちなみに弊社のPCは基本的に全員MacBook（3年ごとに買い替え可能）です。ディスプレイも自分の好きなものがあれば買ってもらえます。（だからPCとディスプレイは後から入った人

Photo by Damien @ Flickr こんにちは。可知です。 エンジニアの皆さんは、技術に対する探求心が強い方が多いかと思いますが、その技術を使ったサービスの利用者や市場のニーズ調査もできている……という方はどれくらいいらっしゃるでしょうか。 どんなに最先端の技術を使っていても、画期的な機能を実装することができたとしても、そのサービスや機能自体が利用者にとって価値のないもの、ニーズが全くないものだったら誰にも使ってもらえないでしょう。下手したらリリースすらされません。自分で作ったサービスや機能がお蔵入りになってしまったら悲しいですよね。 価値あるサービスを作るためには、エンジニアもマーケティングについて知っておいた方がよいでしょう。マーケティングができれば市場を知ることができて、技術力を社会へ還元できる可能性も高まります。 そこで、今回はITエンジニアに向けて、「マーケティング

どうも、まさとらん（@0310lan）です。 みなさんは、Webアプリの開発にトライしたことはありますか？ いざ、コードを書き始めるとちょっとしたことで悩んだり、簡単に思っていた処理が意外と面倒であったり、データベース操作が難しかったり…など、予想以上に困難な場面に直面することが多いと思います。 そこで今回は、初級者から上級者まで幅広い開発シーンを想定し、面倒な作業を解消して便利に活用できる無料Webサービスを厳選してみましたので、ご紹介しようと思います！ 目次 ・悩みがちな「関数」や「変数」の名前を日本語で一発変換！ ・Eメール認証の判定を自動化する！ ・多彩な「情報リソース」を無料でゲット！ ・わずか数行で画像要素をInstagram風のオシャレ写真に変換！ ・任意のWebサイトURLから自動で「スクショ」をゲット！ ・超お手軽にソースコードをシェア＆レビューする！ ・Googleスプ

Photo by Oferico 皆さんはアルゴリズムやデータ構造について勉強したことはありますか？そして、基本的なアルゴリズムについて、どのようなものがあって、どのようなときに使うとよいかといったことを説明することができますか？ 仕事をしていると、プログラミング言語等の勉強や業務に忙しくて、正直アルゴリズムどころではないという場合がほとんどでしょう。しかし、いつか勉強しようと思っていたけど、基本的なアルゴリズムにどんなものがあるのかなんて今更聞けないな……ということもあるかと思います。 今回はそんな方に向けて、基本的なアルゴリズムの一部の概要に加え、アルゴリズムの勉強に役立つサイト、書籍をご紹介したいと思います。 ■アルゴリズムを学ぶ意味 例えば、ソート等については、通常はすでにソート関数があるので、自分で作らなくても済む＝アルゴリズムも勉強しなくていいと思ってしまうかもしれません。しか

Photo by ITU Pictures こんにちは。谷口です。 プログラミング初心者の方々、プログラミングを学びたい方々は、普段どのような方法で学習をしていますか？ 最近は、Web上でコーディングができるサイトや、プログラミングを学習できる動画コンテンツなど、独学での勉強に役立つサービスが増えてきました。そこで今回は、初心者でも独学でプログラミングの基礎を楽しく学べるサービスを11件ご紹介いたします。 ■初心者でもプログラミングして実行できる！学習サイト ◆1.Codecademy http://www.codecademy.com/learn 学習可能言語：HTML/CSS、Ruby、Python、PHP、JavaScript、jQuery 対応言語：英語（一部日本語） 料金：無料 Codecademyは、実行環境を構築しなくても、書いたコードを実行できます。サインインすると実際にW