タグ

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

  • ブラウザ上でArduinoやRaspberry Piの電子回路を作成&実行できる「Wokwi」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上で電子回路を組み立てたりプログラミングしたりできる無料のWebサービスをご紹介します。 Arduino、Raspberry Pi Pico、ESP32などのボードを使い、さまざまな電子部品を組み合わせて自由に回路を設計して動作確認もできる便利なWebエディタを提供しています。 ブラウザさえあればいつでも手軽に試せるので、ご興味ある方はぜひ参考にしてください! 【 Wokwi 】 ■「Wokwi」の使い方! それでは、「Wokwi」をどのように使えばいいのか詳しく見ていきましょう! 利用するだけならログインは不要です。まずは、サンプルのプロジェクトを試しに使ってみましょう。 サイトのトップページにはサンプル例がいくつか表示されているので、好きなものを1つ選んでみます。今回は「Arduino LCD 16x02」を選択してみました

    ブラウザ上でArduinoやRaspberry Piの電子回路を作成&実行できる「Wokwi」を使ってみた! - paiza times
  • 動きが超リアル!「らくがき」を1クリックで高度な3Dモデルに変換できる「Monster Mash」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単に「らくがき」から高度な3Dモデルを作成してアニメーション化までおこなえる無料のWebサービスをご紹介します。 ブラウザからアクセスするだけですぐに使えて、マウスかタッチ操作で適当な「らくがき」を作ったらリアルに動く3Dモデルを一瞬で生み出すことができます。 書き出しオプションも豊富なので、ご興味ある方はぜひ参考にしてみてください! 【 Monster Mash 】 ■「Monster Mash」の使い方 それでは、「Monster Mash」をどのように使えばいいのか詳しく見ていきましょう! 利用するにあたり、ユーザー登録や面倒な設定は一切不要です。ブラウザからサイトにアクセスするだけで以下のような編集エディタが表示されます。 このエディタ内はマウスやタッチ操作で自由に線を描画できるようになっています。 そこで、まずは次のよ

    動きが超リアル!「らくがき」を1クリックで高度な3Dモデルに変換できる「Monster Mash」を使ってみた! - paiza times
    qtamaki
    qtamaki 2021/04/08
    ドラえもんの道具も高度に発達したAIの為せる技なんだろうな
  • 本当の問題は量よりも質…IT人材白書「エンジニア不足」の真相 - paiza times

    Photo by Tim Regan こんにちは。倉内です。 経済産業省のIT人材の最新動向と将来推計に関する調査によると、2019年をピークに人材供給は減少に転じ、今後ますますIT人材の不足数は拡大していくと言われています。 同調査の概要をまとめた資料では、「IT人材」の不足は(高位シナリオの場合で)2020年に約37万人、2030年には約79万人と予測されていますが、「当にそんなに不足するのだろうか…?」と疑問に思っている方もいるのではないでしょうか。 そこで今回はデータをひもときながらIT人材不足の質、特に不足が懸念されている分野、さらにIT人材として今後のキャリアをどのように考えていけばよいのかについて考察していきたいと思います。 「IT人材」の定義 特にIT人材が不足する分野 企業が求めるIT人材の「質」の変化 IT企業自体の変化 IT人材に求められる「質」とは 「IT人材」

    本当の問題は量よりも質…IT人材白書「エンジニア不足」の真相 - paiza times
    qtamaki
    qtamaki 2019/01/12
    裾野が広がりきってる今、「IT技術者」という単語は「事務職」ぐらいの意味しかない。もっと細分化して識別しないと無意味な所まで来ている
  • JavaScriptだけでTrello風タスク管理ボードを開発できるライブラリ「jKanban」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、簡単なJavaScriptコードだけでTrello風の「タスク管理ボード」を開発することができるライブラリのご紹介です! 非常にカスタマイズ性が高く、自分好みのタスク管理アプリを構築したい人などには最適でしょう。 コードも簡単で初心者の方もすぐに理解できると思うので、ぜひ参考にしてみてください! 【 jKanban 】 ■「jKanban」の使い方 それでは、まず最初に「jKanban」を利用するための準備から始めていきましょう! 必要になるのは専用の「JS / CSS」ライブラリで、GitHubからそれぞれ取得して読み込むだけなのでお手軽です。 これらのライブラリは次のようにHTMLへ追記しておけば準備完了です。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>j

    JavaScriptだけでTrello風タスク管理ボードを開発できるライブラリ「jKanban」を使ってみた! - paiza times
    qtamaki
    qtamaki 2018/04/20
  • 超簡単!Pythonを使って中学・高校レベルの数学問題を解いてみた - paiza times

    秋山です。 PythonはNumpyとかSympyとか、数値計算が得意なライブラリが充実しています。もちろん中学・高校の数学で習うレベルの計算もすぐにできちゃいます。 というわけで今回はPythonでプログラミングをして、中学・高校で習う数学の問題を解いてみました。 Pythonが使えるようになれば、中学・高校レベルの数学では困らずに済む。かもしれない。 ■中学2年生レベル ◆連立方程式 ◇問題 x + y = 3 x + 3y = 13 のとき、xとyを求めよ。 Numpyを使って、連立方程式を行列計算で解いてみました。 ■中学3年生レベル ◆2次方程式 ◇問題 x^2 - 10x + 24 = 0 のとき、xを求めよ。 昔の授業では (x - 4)(x - 6) = 0 x = 4 , 6 このような解法を習ったと思います。 この問題は、NumpyのPolynomialを使って式を作り

    超簡単!Pythonを使って中学・高校レベルの数学問題を解いてみた - paiza times
    qtamaki
    qtamaki 2017/03/22
  • Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times

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

    Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times
    qtamaki
    qtamaki 2016/12/20
  • 新規事業を潰してわかった、失敗するスタートアップの8の兆候 - paiza times

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

    新規事業を潰してわかった、失敗するスタートアップの8の兆候 - paiza times
    qtamaki
    qtamaki 2016/09/13
  • 一度使えばもう手放せない! Web制作の効率を上げる厳選Webサービスまとめ! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、Webサービスやサイトを制作する過程において、知っていると役に立つユニークなサービスを厳選してみました。 ゼロから実装すると難しい機能を簡単に提供してくれたり、サイトにちょっとしたアクセントを加えてくれるモノや、専門的な解析・分析をサポートしてくれるものまで幅広くご紹介していますので、ぜひ参考にしてみてください! ■Webサイトに「感情ボタン」を設置する! 【 Emotify 】 ブログの記事などには、よく「SNSボタン」が設置されていますが、これと同じような感覚でユーザーの「感情」を表現したボタンを設置できるのが「Emotify」の特徴です。 導入方法もシンプルで、ユーザー登録後に生成されるコードをコピーし、表示させたい箇所のHTMLに貼り付ければ完了というお手軽さ。 実際に、「感情」ボタンを設置するとこんな感じになります!(スマホに

    一度使えばもう手放せない! Web制作の効率を上げる厳選Webサービスまとめ! - paiza times
    qtamaki
    qtamaki 2016/08/24
  • 【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの? - paiza times

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

    【凄腕Webエンジニア7人に聞いてみた】どんな開発環境や便利ツール使って仕事してるの? - paiza times
    qtamaki
    qtamaki 2016/06/24
  • 面倒な手続き不要!「Web API」の超お手軽活用術をJavaScriptコード付きで一挙大公開! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、面倒な登録手続きやトークンなどが一切不要で、今すぐ利用できる便利な「Web API」を厳選してご紹介しようと思います。 これらのAPIを使うことで、Web制作がちょっと便利になったり、独自性のあるユニークなサービスを構築できるようになるでしょう。 また、簡単に扱えることから、「Web APIを使って何か作ってみたい…」と思っている初心者の方にもオススメですよ! ■「Web API」の使い方! 今回ご紹介する「API」は、いずれも「JSONP」形式でデータが取得できるので、普通のJavaScriptだけで試すことが出来ます。 以下のコードを、HTMLファイルに記述するか、新規にJSファイルを作って読み込むようにしましょう。 var script = document.createElement('script'); script.src

    面倒な手続き不要!「Web API」の超お手軽活用術をJavaScriptコード付きで一挙大公開! - paiza times
    qtamaki
    qtamaki 2016/06/21
  • 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開発日誌
    qtamaki
    qtamaki 2016/06/21
  • Dockerは危険という誤解と、本当に注意すべき点 - paiza times

    こんにちは、吉岡(@yoshiokatsuneo)です。 Dockerは、シンプルで使い易い軽量仮想環境という特徴を生かして急速に発展しており弊社でも利用しています。 しかし、独自の概念を持つことや、機能が次々追加されていることから、誤解を生じることもあります。 特にセキュリティについては感情的になりやすいので正確な情報を把握することが大切です。ここでは、Dockerコンテナのセキュリティについてよくある誤解と注意点を紹介します。 ◆Dockerコンテナのセキュリティに関する誤解 コンテナを単に実行するだけで、ホストや他のコンテナがのっとられる コンテナは隔離環境で実行されますので、単純に(オプションを明示せずに)一般的なコンテナを実行するだけで、ホストや他のコンテナがのっとられることは現状はありません(知られてはいません)。 ホストのディレクトリ・ファイルを共有すれば、ホストのファイルに

    Dockerは危険という誤解と、本当に注意すべき点 - paiza times
    qtamaki
    qtamaki 2016/06/07
    情報は有用だけど、取り扱いに細心の注意が必要なことにかわりない。危険だけど便利だから注意して扱うべきものだ
  • 凄腕エンジニアが選んだAtom・Vim・Emacsの超便利プラグインと設定34選 - paiza times

    Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 こんにちは、谷口です。 皆さんは普段どんなエディタを使っていますか?「今のエディタに不満がある」「乗り換えを考えている」という方もいるかと思います。 弊社でpaizaを作っている凄腕エンジニアたちに聞いたところ、Atom派とVim派とEmacs派がいたので、各エディタを使うメリット・デメリット、また実際に開発で使っていて便利なプラグインや設定の小技などをみっちり聞いてきました。 エディタの設定や乗り換えの参考にしていただければと思います。 ■その前にpaizaを作っているエンジニアが使うエディタの割合 Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 Atomユーザー:2名 Vimユーザー:2名 Emacsユーザー:1名 もちろんみんな一つのエディタ単体

    凄腕エンジニアが選んだAtom・Vim・Emacsの超便利プラグインと設定34選 - paiza times
    qtamaki
    qtamaki 2016/05/24
  • 初心者でもほぼ無料でScalaを勉強できるコンテンツ8選 - paiza times

    Photo by Luca Sartoni こんにちは。谷口がお送りします。 プログラミングをこれから学ぼうとしている方や、これから研修や実務に入る新人ITエンジニアの皆さんの中には「Scalaを学習したい」という方も多くいらっしゃるかと思います。 Scalaはオブジェクト指向言語と関数型言語の特徴を統合したマルチパラダイムのプログラミング言語です。 ScalaJavaの良さを継承し、かつスクリプト言語や関数型言語のメリットを吸収した言語で、Javaの後継を担うものとして注目されています。 Scalaの利点は、Javaの良さを継承しつつ、スクリプト言語や関数型言語の良いところも吸収し、先進的な機能や文法を取り入れている点にあります。また、簡易に並列処理プログラミングを行うことができるライブラリも付属しています。 Scalaは、海外ではTwitterやLinkedInなどが利用していること

    初心者でもほぼ無料でScalaを勉強できるコンテンツ8選 - paiza times
    qtamaki
    qtamaki 2015/05/07
    そういう意味だと #rpscala も参加費無料でScalaの勉強が出来るよ(^^)
  • プログラミング教育を強化した国で何が起きているのか?世界の教育事情 - paiza times

    Photo by Johan Bichel Lindegaard こんにちは。谷口です。 皆さんは、プログラミング教育が盛んになってきていることはご存知でしょうか? 日でもすでに2012年の新学習指導要領により、中学校の「技術・家庭」において、従来選択科目であった「プログラムと計測・制御」が必修科目となっていますが、意外と知らない方も多いようです。 2020年には日のWebビジネスの市場規模が2010年時点と比べて4.5倍に拡大すること、またそれによりWeb系企業の雇用者数も150万人増加をすることが見込まれています。(日の成長を支える産業 「ウェブビジネス」P13、14) 業界が成長していく中で、より多くのエンジニアが必要とされ、その教育・育成は不可欠なものとなっています。 最近は、世界でも多くの国で早いうちからプログラミング教育が実施されており、少なからず国内企業の成長や利益拡大

    プログラミング教育を強化した国で何が起きているのか?世界の教育事情 - paiza times
    qtamaki
    qtamaki 2015/02/26
  • プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza times

    Photo by Linux Screenshots こんにちは。谷口です。 エンジニアの皆さんは、プログラミングをする際にどんなフォントを使用していますか? 「特にこだわりないからデフォルトのまま」という方も多いとは思いますが、プログラミング中は大量の文字を読んだり書いたりし続けるわけですから、なるべく可読性が高くてストレスが少なく、また自分の気に入ったフォントを見つけた方がよいのではないでしょうか。 そこで今回は、エンジニアの皆さんにお勧めの、プログラミングに最適な無料フォントを11個ご紹介いたします。 ■どういうフォントが見やすいの? フォントには、セリフ体というものとサンセリフ体というものがあります。 セリフとは、文字の線の端につけられる「ひげ」のような、線・飾りのことを言います。 例えば、上の図でいいますと、上のフォント(MS明朝)がセリフ体、下のフォント(MSゴシック)がサンセ

    プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza times
    qtamaki
    qtamaki 2015/02/10
  • 2015年新米エンジニアがフォローすべきツイッターアカウント50選 - paiza times

    Photo by Andreas Eldh こんにちは。今回は谷口です。 先日、こちらの記事でTech系ニュースサイトをいくつかご紹介させていただきましたが、参考にしていただいた皆様、「他にもこんな役立つ情報サイトがあるよ」と教えてくださった皆様、ありがとうございました。 4月から新卒エンジニアになる人達に読んでほしいIT系ニュースサイト9選 - paiza開発日誌 初級エンジニアを卒業する為に見るべき海外技術系サイト9選 - paiza開発日誌 今回は、新米ITエンジニアの皆様が、さらにデキるエンジニアになるためにフォローすべきツイッターアカウントを50個ご紹介いたします。日々の情報収集にお役立ていただければと思います。 ご紹介するアカウントのカテゴリ Ruby PHP Python Java Node.js AWS クラウド アジャイル セキュリティ 競技プログラミング 著名エンジニア

    2015年新米エンジニアがフォローすべきツイッターアカウント50選 - paiza times
    qtamaki
    qtamaki 2015/01/30
    知らない人ばっかりだった
  • これはすごい!3秒でプログラミングが始められるサービス17選 - paiza開発日誌

    Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな~」「実際にコードを書いて動かしてみたいな~」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.itPHP系 ・PHPfiddle ・PHP Sandbox ・Write

    これはすごい!3秒でプログラミングが始められるサービス17選 - paiza開発日誌
    qtamaki
    qtamaki 2014/12/27
  • SI⇒Web転向に失敗するエンジニアに共通した【たった1つの特徴】 - paiza times

    Photo by Robert Tadlock 今回のpaiza開発日誌は片山がお送りします。 SIerに在籍しているエンジニアで、技術(開発)を中心としたキャリアを積んでいくために、SIerからWeb業界(Webサービス提供系)に転向/転職しようと思っている方は近年増えています。そんな方向けに、SI⇒Web転向で「失敗してしまう人の特徴」と、「上手くいく人の特徴」についてまとめてみました。 ■SIからの人材流出は増えているが、Web転向は狭き門 SIer⇒Web業界への転向成功者、失敗者の特徴を見てみる前に、まずはSI業界とWeb業界の採用動向について見ていきましょう。 昨今、特に飲業界等を中心として人材不足が叫ばれていますが、IT業界も成長産業のため、常に人材が不足していると言われている業界です。2014年9月18日の日経新聞でも「IT分野の派遣『月収100万円』でも集まらず」という

    SI⇒Web転向に失敗するエンジニアに共通した【たった1つの特徴】 - paiza times
    qtamaki
    qtamaki 2014/11/12
  • 【Javaが恐ろしく強い】転職時に希望するプログラミング言語ランキング - paiza times

    皆さんの得意なプログラミング言語はなんでしょうか? 「弘法筆を選ばず」というように、優秀なエンジニアになればなるほど特定言語に対するこだわりはなくなるように思いますが、やはり一番書きやすい言語や自分に合う言語というのもはあるものだと思います。 今回はそんなプログラミング言語の人気ランキングを、サーバサイド中心に希望者数、経験者数、求人票登場数、利用者数、優秀者数、世界的な人気などの、6つ角度で調べてみました。 ※paizaのデータについては今回サーバサイドを中心としているのでJavaScriptは省いています。また選択肢として最近paizaで追加した言語も省いています。 ■転職時に希望する言語ランキング paiza登録エンジニアが「どのような開発言語の求人を希望するか」のランキングです。今後経験を深めたい言語ランキングとも言えるので、今後のシェアに近いかもしれません。 ※paizaのプロフ

    【Javaが恐ろしく強い】転職時に希望するプログラミング言語ランキング - paiza times
    qtamaki
    qtamaki 2014/10/08
    単に食い扶持的な