タグ

ブックマーク / paiza.hatenablog.com (33)

  • 思わずWeb開発で使いたくなる便利機能をAPIで提供するサービスを厳選してみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、Webサービスやアプリ開発などで便利に使える機能をAPIで提供しているサービスを厳選してみたのでご紹介いたします。 画像系、ストレージ、CMS、認証系、APIモック…など、さまざまな用途に使えるサービスの特徴や基的な使い方も合わせて解説しています。いずれも無料で使えるものばかりなので、ご興味ある方はぜひ参考にしてみてください! ■イラスト風のアバター画像を取得できるAPI 【 Joe Schmoe 】 Webサイト、ブログ、SNSなどに利用可能なアバター画像を取得できるAPIです。 イラスト風の人物画像を取得できるのが特徴で、Webサイトのチームページにアバターとして利用できるほか、自分のプロフィール画像やブログに挿入する画像など無料で利用できます。 使い方は簡単で、以下のような構成のエンドポイントを実行するだけです。 https:/

    思わずWeb開発で使いたくなる便利機能をAPIで提供するサービスを厳選してみた! - paiza times
  • GitHubが大変身!Web開発向けの万能ツールに変えてくれるサービスをまとめてみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回はGitHubと連携してソースコードをさまざまな用途に活用できる便利なWebサービスを厳選してご紹介しようと思います。 特にWeb開発を便利にしてくれるサービスを中心に、GitHubだけでどこまで作業効率を向上できるのかをぜひ確認してみてください! なお、paizaラーニングでは「Git入門編」講座を公開しています。そちらも合わせてチェックしてみてください。 ■GitHubをフル装備のクラウドIDEに変えるサービス! 【 Gitpod 】 GitHubに置いているリポジトリのソースコードを統合型のクラウドIDEで自由に編集できるサービスが「Gitpod」です。 TheiaをベースにしたVS Codeライクなコードエディタで、豊富な機能と拡張性を備えておりプログラミングに最適なIDEの一つと言えるでしょう。 使い方は簡単で、リポジトリのページ

    GitHubが大変身!Web開発向けの万能ツールに変えてくれるサービスをまとめてみた! - paiza times
  • 「仕事ができないITエンジニア」に共通する5つの特徴 - paiza times

    Photo by Mark Hawkins こんにちは。谷口です。 皆さんは、自分を「仕事ができるエンジニア」だと思いますか?「仕事ができないエンジニア」だと思いますか? ちなみに、paizaユーザーに聞いた「転職を思い立った理由」を集計すると「周囲の技術レベルが低いから」という理由が第3位に入ります。(この「エンジニアに多い転職理由ランキング」については、また別の機会にご紹介できればと思います)エンジニアであれば、「技術力が低い」というのは「仕事ができない」大きな要因の一つになりますね。ほかにはどんな要因があるのでしょうか? 今回、エンジニアを募集している企業で採用や評価、マネジメント等を担当されている方々(開発チームリーダー、CTOなど)に「仕事ができないITエンジニアの特徴」についてお聞きしたところ、いくつか共通点がありましたので、ご紹介していきたいと思います。 ■仕事ができないエン

    「仕事ができないITエンジニア」に共通する5つの特徴 - paiza times
    kikuchi1201
    kikuchi1201 2018/02/08
    こんなくそみたいな煽り記事書かずに、前みたいに技術よりの記事を書いてくれ。
  • JavaScriptで制御できるWebベースの万能マップエディタ「Mapbox Studio」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、自分好みのマップをブラウザ上でカスタマイズしたり、JavaScriptから自在に制御可能な地図サービスのご紹介です! データを取り込んでマッピングしたり、プラグインによる拡張も可能で自分のWebアプリやサービスなどにも簡単に組み込めるスグレモノです! 【 Mapbox Studio 】 ■「Mapbox Studio」の使い方 それでは、まず最初に「Mapbox Studio」の基的な使い方から見ていきましょう! 初めての人は無料のユーザー登録が必要なので、サイトのトップページにあるボタンをクリックします。 好きなユーザー名・メルアド・パスワードだけで、簡単に登録ができます! 登録後は、Webページにマップを表示させる簡単なチュートリアルが始まるので、試しにやってみましょう! 表示された画面にある「JS」の項目をクリック! 左側の「C

    JavaScriptで制御できるWebベースの万能マップエディタ「Mapbox Studio」を使ってみた! - paiza times
    kikuchi1201
    kikuchi1201 2017/12/07
    良さそう、非常に今欲していたもの
  • プロトタイプにも最適! 誰でもWebサイトを爆速開発できる無料Webサービスをまとめてみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単に最近のトレンドを意識したWebサイトを作成できる無料のWebサービスを厳選してみました! 短時間で美しいサイトが作れるので、プロトタイピングにも最適です。 各サービスの特徴や使い方などを簡単にまとめているので、これからWebサイトを作ろうと考えている人はぜひ参考にしてみてください! ■「Bootstrap 4」ベースのWebサイトを作れるサービス! 【 Pingendo 】 マウスでポチポチクリックしていくだけで、いつの間にか「Bootstrap 4」ベースのWebサイトが作れてしまうのが「Pingendo」の面白いところ。 当初はシンプルなWebエディタとしてリリースされていましたが、活発にバージョンアップを繰り返して多機能なサービスに変化しています。 豊富なテンプレートやコンポーネントが搭載されており、ファイルの書き出し

    プロトタイプにも最適! 誰でもWebサイトを爆速開発できる無料Webサービスをまとめてみた! - paiza times
  • JavaScriptだけで「AI(人工知能)」による高度な画像認識を実現する「Clarifai」の超簡単チュートリアル大公開! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、最近よく話題になっている「AI人工知能)」を活用し、写真を自動認識して何が写っているのかを教えてくれる機能を作ってみたいと思います! 「なんだか難しそう…」と、思うかもしれませんが、ごく普通のJavaScriptだけで完結できてしまう優秀なWebサービスがあるので、そちらも合わせてご紹介していきます! 【 Clarifai 】 ■「Clarifai」を使った画像認識とは? まず最初に、「Clarifai」を使って画像認識を体験できる公式の「サンプルデモ」があるので、これを使いながらどのようなサービスなのかを見ていきましょう。 サイトにアクセスして、画面上部にある「Demo」をクリックします。 すると、「画像認識エディタ」が起動します! この画面下部にある写真を選択するか、自分で用意した画像をアップロードすることで、「AI人工知能)」

    JavaScriptだけで「AI(人工知能)」による高度な画像認識を実現する「Clarifai」の超簡単チュートリアル大公開! - paiza times
    kikuchi1201
    kikuchi1201 2017/03/25
    ほう
  • JavaScript開発はこれ1つでOK!超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開! - paiza開発日誌

     どうも、まさとらん(@0310lan)です。 今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です! バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTML / CSS / JavaScript」で開発し、そのままホスティングもしてくれるので手軽に公開することも可能なスグレモノですよ。 【 Gomix 】 以前は「HyperDev」という名称でサービスが公開されていましたが、現在は「Gomix」というサービス名に変更されており、今も活発にバージョンアップが続けられています。 ■基的な使い方! それでは、実際に「Gomix」を使いながらどのようなサービスなのかを見ていきましょう! まずは、ブラウザから「https://gomix.com」にアクセスすると、いきなりコード

    JavaScript開発はこれ1つでOK!超お手軽にWebアプリを作れる全部入りコードエディタ「Gomix」の使い方大公開! - paiza開発日誌
  • これからエンジニアになる人必見、入社前から読んでおくべきIT系ニュースサイト22選 - paiza times

    Photo by Ruben Schade 秋山です。 4月からエンジニアとして就職する予定の皆さん、技術系の情報収集はどうしていますか? 新しい技術やプロダクト等の情報収集は技術者として欠かせないことです。特にIT技術は毎日のように進化していて、流行もすぐに変わります。 ただ、当然ながら専門分野の情報って、Yahoo!ニュースやGunosyみたいな一般のニュースサイトを流し読みしてるだけじゃ全然集まらないですよね。今は情報が流れるスピードが相当早くなっているので、ぼーっとしていると、重大ニュースや話題の技術を自分だけ知らなかった…などという恐ろしいこともあり得ます。 今回は、そんな悲劇を防ぐために、これからエンジニアになる方に役立ちそうなIT系の情報サイトやブログを紹介していきます。 大きなジャンルで分けて紹介していったら結構な数になったので、就職先で想定される業務や興味ある分野に合わせ

    これからエンジニアになる人必見、入社前から読んでおくべきIT系ニュースサイト22選 - paiza times
    kikuchi1201
    kikuchi1201 2017/01/22
    paizaはいつから、どこぞのエセキューレーションメディアになったの?
  • Pythonの学習を始めた初心者が、知っておきたいテクニック4つ - paiza times

    Photo by francois schnell 秋山です。 Pythonって多少プログラミング経験がある人であれば、文法的にはそこまで難しい言語ではないと思うのですが、初心者の人がPythonでゼロから何か作ろうとしたり、細かい修正をしなきゃならなくなったりしたときに、知っていると得するかもしれないTips的なことを紹介したいと思います。 「既にPython使いまくってる」という人にとってはおなじみの内容ばかりかもしれませんが、「最近Python使い始めた」という人は意外とまだ知らない、そして知っておくとお得なことがある(かもしれない)話です。 ■クラスなどの扱いに関して ※他の言語の仕様を全て認識しているわけではないので、Python以外の言語でも似た仕様のものはあるかもしれません。 ◆classを定義する際のインスタンス変数、クラス変数のprivate的な動きについて 大多数の言語

    Pythonの学習を始めた初心者が、知っておきたいテクニック4つ - paiza times
  • Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times

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

    Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times
  • ブラウザ上で超簡単にWebサイトが作れる!Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開! - paiza times

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

    ブラウザ上で超簡単にWebサイトが作れる!Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開! - paiza times
  • 初心者でもアルゴリズムの学習ができる入門本とサイト一覧 - paiza times

    Photo by VFS Digital Design 皆さんはアルゴリズムやデータ構造について知っているでしょうか。情報系の学部出身の人は学校の授業でやったかもしれません。一方で学校で情報系の勉強をせずにITエンジニアになったという方は、アルゴリズムやデータ構造について一度は「勉強したほうが良いんだろうな」と思いつつも、実際の業務であんまり必要なさそうだし、難しそうだし、DevOpsやオブジェクト指向やフレームワークについて学ぶので手一杯で未着手、という人も多いのではないでしょうか。 今回はそんな方に向けて、アルゴリズム、データ構造を学ぶ意義と、それらを学ぶときに役立つとサイトについてまとめました。 ■アルゴリズム、データ構造を学ぶ意味 アルゴリズムやデータ構造について語られるときに、非常に良く言われる事として「そんなものは実務に役立たたないので必要ない」という意見があります。当にア

    初心者でもアルゴリズムの学習ができる入門本とサイト一覧 - paiza times
  • 新規事業を潰してわかった、失敗するスタートアップの8の兆候 - paiza times

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

    新規事業を潰してわかった、失敗するスタートアップの8の兆候 - paiza times
    kikuchi1201
    kikuchi1201 2016/09/14
    耳が痛いっ!
  • 【2017新卒】7月時点で内定率は72.7%!まだ内定ゼロの就活生がすぐにやるべき3つの対策 - paiza times

    Photo by Peppe702 こんにちは、谷口です。 8月に入り、2017年卒業予定者の新卒採用選考も大詰めです。 マイナビの調査によると、7月末時点での内定率は72.7%という結果が出ています。 もちろん学校や地方、目指す業界によって、学生が体感している周囲の同級生の内定率とは差があるかもしれませんが、今後も就活を継続する予定の方、特にまだ内定ゼロの方にとっては焦りを感じる数字かと思います。 paiza新卒でも「まだ内定がとれない、一体どうすれば…」といった相談を受けることが増えてきました。 今回は、内定率に関するお話と、内定ゼロの人が今からどんな対策をとれば内定獲得できるかのお話をしたいと思います。 ■2017卒予定者、7月末段階での内定率と継続率について Photo by N A I T マイナビの調査によると、2017年卒業予定の大学生の就職内定率アンケートでは、7月末時点で

    【2017新卒】7月時点で内定率は72.7%!まだ内定ゼロの就活生がすぐにやるべき3つの対策 - paiza times
    kikuchi1201
    kikuchi1201 2016/08/05
    paizaの就活生に対する気遣いは凄く良心的に思う一方で、数字と言葉で上手くサービスに勧誘する甘い言葉に聞こえる点もある。難しい。少なくとも就活者にとっては手段の一つと捉えて、なっといくまで考えて欲しい。
  • 【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの? - paiza times

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

    【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの? - paiza times
    kikuchi1201
    kikuchi1201 2016/06/23
    ドッカー本下さい!!!!!!
  • Dockerのすべてが5分でわかるまとめ!(コマンド一覧付き) - paiza開発日誌

    こんにちは、吉岡(@yoshiokatsuneo)です。 Dockerはシンプルで軽量な仮想環境という特徴から急速に広まっており、paizaでも利用しています。ただし、発展が早いことから、断片的な情報や古い情報などもあります。そこで、ここでは今のDocker(Ver1.13: 2017/1/20更新)について、5分でわかるように簡単にまとめてみます。 目次 Dockerの特徴 コンテナと仮想マシンの違い Dockerの発展 Dockerの構成(5つの要素) Dockerの基コマンド Dockerコマンド一覧 Dockerの仕組み 考え方 まとめ Dockerの特徴 Dockerは、Linux上のシンプルで軽量な仮想環境(コンテナ)で以下の特徴があります。 早い・軽い OSレベルの仮想化なので、起動は一瞬です。コンテナ間でイメージを共有できるので、コンテナの起動自体ではディスクは消費しませ

    Dockerのすべてが5分でわかるまとめ!(コマンド一覧付き) - paiza開発日誌
    kikuchi1201
    kikuchi1201 2016/06/20
    シンプルにわかりやすい!!
  • 【実際に社長・役員に聞いてみた】最終面接対策と面接官が考えてること - paiza times

    Photo by The EITI こんにちは、谷口です。 転職活動を始めたい方、活動中の方々にとって、最後の難関が「役員面接」です。 「一次、二次を突破できたなら役員面接も通るでしょ」「最終面接なんて社長や役員が出てきて最後の意思確認するだけなんでしょ」とお思いの方もいらっしゃるかもしれませんが、一方で転職活動中の方々には「一次、二次は通るのに役員面接が通らず悩んでいる……」という方も一定数いらっしゃいます。 また、社員数の少ないスタートアップ企業等では、役員や社長の方々が一次面接から面接官をされる場合も少なくありません。 役員面接と、それまでの面接との違いとは何なのでしょうか?面接官である役員や社長の方々は、何を考えて面接に臨んでいるのでしょうか? 今回は転職活動の肝となる「役員面接」対策として、実際に企業の社長や役員をしている方々へヒアリングをして分かったことをご紹介していきます。

    【実際に社長・役員に聞いてみた】最終面接対策と面接官が考えてること - paiza times
    kikuchi1201
    kikuchi1201 2016/05/26
    今日この記事見れてよかった
  • 「工数一日」は「明日できる」じゃない!エンジニアと非エンジニアのギャップとは - paiza times

    Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 こんにちは、谷口です。 ディレクターやプロジェクトマネージャーといった非エンジニア職の方々は、エンジニアとコミュニケーションをとることに難しさを感じたり、考え方にギャップを感じたりしたことがある方もいらっしゃるかと思います。 「エンジニアとわかりあえない…」「エンジニアが何を考えてるのかわからない…」という方のために、エンジニアとのトラブルのもととなるやりとりや、気を付けるとよいことを考えていきますので、非エンジニアの方々の参考になればと思います。 ■「どれくらいでできる?」はその場で決められるものではない 非エンジニアエンジニアのもめごとの原因で多いのが、スケジュールに関することです。 非エンジニア「この機能どれくらいでできる?」 エンジニア「一日でできます」 非エンジニア「じゃあ明日リリース

    「工数一日」は「明日できる」じゃない!エンジニアと非エンジニアのギャップとは - paiza times
    kikuchi1201
    kikuchi1201 2016/05/26
    わかる。
  • JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開! - paiza times

    どうも、まさとらん(@0310lan)です。 みなさんは、「JavaScript」をどのような方法で学習されているでしょうか? お手軽な方法としては…、 ・書籍やブログ記事を読む ・勉強会・セミナーへ参加する ・友人や先輩に直接聞く ・学習向けのWebサービスを利用する ・etc... などが一般的でしょうか。 今回は、上記のリストに加えて、もう1つ有効な方法である「海外の無料動画」についてご紹介しようと思います! 「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。 なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください! ■「JavaScript」の基を徹底的に学ぶ! まずは、JavaScriptを「どのように書いたら良いのか?」を丁寧に教えてくれる動画のご

    JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開! - paiza times
    kikuchi1201
    kikuchi1201 2016/03/28
    無限ブクマしたくなる気持ちもわかる...っ!わかるがだったらはよドットインスートールとcloud9で一通りやれっ!!!!
  • Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選! - paiza times

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

    Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選! - paiza times