タグ

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

  • JavaScriptで壮大なハッキング体験を実現するWebゲーム「Bitburner」で遊んでみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上からリアルなハッカー気分を疑似体験できるユニークな無料Webゲームをご紹介します! PCゲームとしてSteamからもリリースされていますが、今回ご紹介するブラウザ版は手軽に遊べるのでオススメです。ターミナル風のゲーム画面が特徴で、実際にJavaScriptを使ってプログラミングもできます。 ハッキングやセキュリティなどにご興味ある方も含めて、ぜひ参考にしてください! 【 Bitburner 】 ■「Bitburner」の遊び方 「Bitburner」は、西暦2077年のサイバーパンクをテーマにしたディストピアな世界を舞台にしています。 ゲーム画面は3Dグラフィックや派手な演出があるわけではなく、世界観にピッタリなCLIベースのターミナルを忠実に再現しているのが大きな特徴です。 遊び方ですが、面倒なユーザー登録などは必要ありませ

    JavaScriptで壮大なハッキング体験を実現するWebゲーム「Bitburner」で遊んでみた! - paiza times
    gan2
    gan2 2022/02/25
  • 普通のコードエディタに見えて実は壮大なゲーム(MMORPG)画面の「CyberCode Online」で遊んでみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、どこからどう見てもごく普通のコードエディタに見えて、実はマルチプレイ可能なMMORPGというジャンルのゲームが遊べるちょっと変わったWebサービスをご紹介します。 見た目はVisual Studio Code風の画面レイアウトなのですが、格的なテキストベースのMMORPGになっていて、友人・知人と一緒に敵と戦いながらプレイヤーを成長させていくことができます。 第三者から見るとゲームで遊んでいるとは思われないのも1つの特徴になっています。 【 CyberCode Online 】 ■「CyberCode Online」の遊び方 それでは、最初に「CyberCode Online」をどのように遊ぶのか詳しく見ていきましょう! サイトにアクセスすると、ごく普通のコードエディタが表示されるのですが、プログラムをよく見るとsignUp()関数が

    普通のコードエディタに見えて実は壮大なゲーム(MMORPG)画面の「CyberCode Online」で遊んでみた! - paiza times
    gan2
    gan2 2020/09/02
  • GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、ブラウザ上のGitHubMarkdown(マークダウン)ファイルを作成し、そのまま超高機能なスライド資料に変換してくれるサービスのご紹介です! もちろん、自分でMarkdownファイルを用意してpushするだけでもOKなのですが、今回はコンソール画面などは使わずにすべてブラウザだけで完結できる方法をご紹介致します。 【 GitPitch 】 ■「GitPitch」の基的な使い方! それでは、実際に簡単なスライド資料を作ってみましょう! まず最初に、自分のGitHubアカウントでログインし、新規のリポジトリを作成しましょう! 「① リポジトリ名」は好きな名前を付けてください。 画面下にある「② チェックボックス」をONにしてから「③ Create repository」ボタンをクリックしましょう。 すると、自動的に「README.md

    GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説! - paiza times
    gan2
    gan2 2017/06/23
  • 【Web系最高って言うけど本当なの?】SIから転職したエンジニアたちに聞いてみた - paiza開発日誌

    Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 こんにちは、谷口です。 退職転職エントリの記事は多々ありますが、転職を考えている人にとって参考になるのは、「転職を実際に経験した人が、その後どうなったのか?前職との違いをどう感じているのか?」といった後日談ではないでしょうか。 paizaを開発しているのは、ほとんどが転職を経て中途で入社したエンジニアです。 paizaで転職のご相談をいただく方の中には、SIerからWeb自社サービス系に転向したいという方が多いため、今回は、SIerからWebサービスを自社開発している弊社へ転職して半年~1年弱のエンジニア2人が、実際の業務を経験してみて感じた前職との違いを、開発環境や労働環境、モチベーションやキャリアについてなどあらゆる面において聞いてみました。 いずれは転職を考えている人、転職はまだ考えてない

    【Web系最高って言うけど本当なの?】SIから転職したエンジニアたちに聞いてみた - paiza開発日誌
    gan2
    gan2 2016/10/19
  • 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開発日誌
    gan2
    gan2 2016/06/21
  • JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基の書き方 】 「chart.js」ファイルは、公式

    JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times
    gan2
    gan2 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
    gan2
    gan2 2016/05/23
  • 4月からエンジニアになる人が入社前から読んでおくべきITニュースサイト10選 - paiza times

    Photo by Boris Schubert こんにちは。谷口です。 4月からITエンジニアとして入社される皆さん、おめでとうございます! 学生の方や新社会人になる方々とお話をしていると、「就活中や入社前に見ておくと役立つサイトはありますか?」「入社後はどういった情報サイトで情報収集や勉強をすると良いですか?」といった質問を受けることが非常によくあります。 最新技術や新しいプロダクト等の情報等を収集するのは技術者としてとても重要です。 ITエンジニアになる方々の中には「そんなの学生のうちからやってるぜ」という方もいらっしゃるかと思いますが、実際にお話をすると「もうすぐ社会人になるけど、何で調べるといいのかよくわかんないです…」という方も多いのが現状です。 そこで今回は4月にITエンジニアとして新卒入社をされる方々が、デキるエンジニアになるためにチェックすべきIT系情報サイトを、大きく分野

    4月からエンジニアになる人が入社前から読んでおくべきITニュースサイト10選 - paiza times
    gan2
    gan2 2016/03/17
  • Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開! - paiza times

    どうも、まさとらん(@0310lan)です。 みなさんは、「JavaScriptライブラリ」を活用しているでしょうか? Webサイト制作はもちろんのこと、さまざまなWebアプリやサービスなどを開発する時に、大幅な時間短縮やクオリティを飛躍的にアップすることが出来るようになります。 そこで今回は、国内外で人気が高くて誰でも簡単に扱える「JavaScriptライブラリ」を厳選してご紹介しようと思います! ■多機能な「写真ギャラリー」を組み込めるライブラリ! ◆1.Viewer.js 複数の画像を表示する際に、オシャレな「ギャラリー風」に変換してくれるライブラリです。 類似のライブラリはいくつか存在しますが、「Viewer.js」は使い方が非常にシンプルで扱いやすいのに、多機能性も備えているスグレモノとなっています。 基的な使い方としては、HTMLファイルに表示させたい画像を「リスト要素」で指

    Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開! - paiza times
    gan2
    gan2 2016/02/09
  • 「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、Googleが提供する「Chromeブラウザ」で動作するアプリケーションを作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっくり言ってしまうと普通に「Webページ」を作るのと変わりません。 そこで、簡単なサンプルアプリを作りながら、自分だけのChromeアプリ開発に挑戦してみましょう! ■Chromeアプリとは? 開発を始める前に、まずは予備知識としてChromeアプリの「種類」についてご紹介しておきます。 実は、「Chromeアプリ」と言っても、いくつか異なる種類があります。 例えば、「Appspector」というChromeアプリは、ブラウザの機能を拡張することで、表示されているWebページがどんな技術を利用して作られているのかを表示できるようになります。(https://chrome.google.com

    「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開! - paiza times
    gan2
    gan2 2016/01/12
  • 何のために働くのかわからなくなった時、ヒントをくれる技術者達の言葉12 - paiza times

    Photo by Petras Gagilas こんにちは、谷口です。 毎日仕事をしていると、仕事やキャリアについてどうすべきか悩むことがあると思います。 「開発は好きだけど、激務で精神的にも疲れてきた」 「自分で便利なシステムを考えて作りかったけど、現実は振ってきた案件を消化するだけになってる気がする」 「やりたいことがわからなくなってきた……自分はこのままでいいんだろうか?」 等々……課題や壁にぶつかったとき、不安が消えずにどうしたらよいかわからくなったとき、世界の著名なIT技術者や経営者の方々の言葉が助けになることもあります。今回は彼らのマインドに触れられるよう、ヒントになりそうな言葉を抜粋して集めてみました。(元の発言が英語によるものは意訳になります) ■ITエンジニアや経営者たちによる名言 ◆ポール・グレアム(スタートアップ養成所・Yコンビネーター創業者) 他人にとっては仕事のよ

    何のために働くのかわからなくなった時、ヒントをくれる技術者達の言葉12 - paiza times
    gan2
    gan2 2015/11/20
  • ITエンジニアなら知っておきたい、今更聞けないアルゴリズムの種類一覧 - paiza times

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

    ITエンジニアなら知っておきたい、今更聞けないアルゴリズムの種類一覧 - paiza times
    gan2
    gan2 2015/10/19
  • 初心者でもほぼ無料でR言語を勉強できるコンテンツ10選 - paiza開発日誌

    Photo by Hermann Kaser こんにちは。谷口がお送りします。 ITエンジニアの方の中には「R言語を学習したい」という方も多くいらっしゃるかと思います。 R言語は、データ分析やデータ処理に特化したオープンソースのプログラミング言語です。システムを開発をする他のプログラムミング言語とは位置付けが異なり、統計解析機能が付いていて、解析処理やその結果をグラフィカルに表示することができます。 そのため、多量のデータ解析が求められるソーシャルゲームの解析や、リサーチ、データマイニング、アソシエーション分析が必要な業務の求人が増えています。 また近年データサイエンティストが注目されていることもあり、今後求人が増えることが予想されます。 そこで今回は、プログラミング未経験~初心者の方が、なるべくコストをかけずにR言語に触れられて、学習に役立てられるコンテンツを10件ご紹介していきます。

    初心者でもほぼ無料でR言語を勉強できるコンテンツ10選 - paiza開発日誌
    gan2
    gan2 2015/06/05
  • ITエンジニアのレベルアップに最適!競技プログラミングサイト10選 - paiza times

    Photo by Nic McPhee こんにちは。谷口です。 ITエンジニアの皆さんは、競技プログラミングに参加されたことはありますでしょうか? 競技プログラミングとは、一般に、出題されたプログラミング問題を制限時間内に解いて競い合う競技大会のことです。出題者側はテストデータを使い、回答が正しいかどうか判定されるといった流れで行われるものが多くなっています。 今回は、競技プログラミングを実施しているサイトを10件ご紹介します。 ■競技プログラミングサイト ◆1.TopCoder http://www.topcoder.com TopCoderはTopCoder社が主催する、世界中で約60万人の人々が参加する世界最大規模の競技プログラミングコンテストです。 TopCoderの各種目に参加すると、プログラミングスキルを表すレーティングと呼ばれる数値が付けられます。一定以上の高いレーティングを

    ITエンジニアのレベルアップに最適!競技プログラミングサイト10選 - paiza times
    gan2
    gan2 2015/04/16
  • プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza times

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

    プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza times
    gan2
    gan2 2015/02/10
  • 凄腕エンジニアが選ぶ【値段以上の価値があった良書26選】 - paiza times

    Photo by Andy Lamb こんにちは。谷口です。 読書の秋ですが(既に冬並みに寒いですが……)、皆さんは最近何かを読まれましたか? ITエンジニアの皆さんは技術書を読まれることが多いかと思いますが、今回は弊社で私が特に凄腕だと思っているエンジニア達に読んで値段以上に価値があると感じたを聞いてきましたので、ご紹介いたします。 ■弊社エンジニアが選ぶ役に立った26選 佐藤です。paizaの開発や分析などを担当しています。 今回はエンジニアとして、考え方の面で影響を受けたをピックアップしてみました。 ◆1.新C++言語入門 シニア編〈上〉基機能 (C++言語実用マスターシリーズ) 新C++言語入門 シニア編〈上〉基機能 (C++言語実用マスターシリーズ) 作者: 林晴比古出版社/メーカー: ソフトバンククリエイティブ発売日: 2001/05メディア: 単行購入: 1人

    凄腕エンジニアが選ぶ【値段以上の価値があった良書26選】 - paiza times
    gan2
    gan2 2014/11/06
  • 一人プロジェクトのプログラマが、ある日突然ヘルシンキで働く事になった訳 - paiza times

    Photo by Andrés Nieto Porras はじめまして。今回はpaizaのジャッジシステム開発等をしている吉岡がお送りします。 「海外で働く」という事について話されることが増えてきましたが、まだ身近に考えられる人はそれほど多くはないと思います。 私自身、特に海外で働こうと強く意識していたわけではありませんが、縁があってフィンランドのヘルシンキで5年ほどソフトウェアエンジニア(プログラマ)として働いていました。今年(2014年)4月から日に戻ってきて、現在はギノ(paiza運営元)で働いていますが、実際に海外で働いた中で感じた事など書いてみたいと思います。 ■海外に行く前にしていた事 最初、新卒で入ったのは大阪のXAXONという、主にWindows向けの開発とISPを運営している50人ぐらいの会社でした。開発側はアルバイト等を含めて20人ぐらいだったと思います。 入社した理

    一人プロジェクトのプログラマが、ある日突然ヘルシンキで働く事になった訳 - paiza times
    gan2
    gan2 2014/07/16
  • 生存戦略としてITエンジニアが35歳までに考えておくべき3つの事 - paiza開発日誌

    Photo by Financial Times 今回のpaiza開発日誌は片山がお送りします。 仕事柄色々なITエンジニアの方と話す機会があるのですが、全般的にエンジニア技術面についての探求は強いけれど、自分のキャリアについての探求はわりとのんびりしている方が多いのだなと思う事が良く有ります。また、そのあたりで働き方の面で少し損しているかも、と感じる事があります。 エンジニアは、どうしたら自分のスキルを生かして自分のやりたい開発を続けることができるのか、夢を叶えられるのか、そのためにはどのようにキャリアに向き合ったらいいのかについてまとめてみました。 ■キャリアは自分で考える時代 少し損をしているなと思った例で言うと、、、 とりあえず開発できればいい⇒常駐や保守メインの仕事 30代半ばで初めての転職、かつSI、組み込み⇒Webなどの業界チェンジ それぞれ結構レベルの高い方です。1のタイ

    生存戦略としてITエンジニアが35歳までに考えておくべき3つの事 - paiza開発日誌
    gan2
    gan2 2014/06/17
  • もし女子大生プログラマに『アルゴリズム』を図解で教えるとしたら - paiza times

    2014年4月16日より2014年5月14日まで開催していたpaizaオンラインハッカソン(略してPOH![ポー!])Vol.2「女子大生とペアプロするだけの簡単なお仕事です!」で提出された最速コードはどのような高速化のアプローチでで生み出されたのでしょうか? POH Vol.2に登場した女子大生インターンプログラマの木野ちゃん(左のイラスト)にアルゴリズムを図解で教えるとしたら、どう教えるだろうか、という事で、今回は図解してみました。 今回は前回の最速コード発表レポート(【結果発表】女子大生プログラマの心を鷲掴みにした最強のコード8選)に引き続き、最速コードの裏側に迫ります。 ■高速化のアプローチ方法について 今回もPOH Vol.1 と同様に、POH Vol.2では計算量の改善による高速化を柱とするアプローチを想定して出題されました。基は定数倍高速化によって想定解法よりも悪い計算量の

    もし女子大生プログラマに『アルゴリズム』を図解で教えるとしたら - paiza times
    gan2
    gan2 2014/05/28
  • 1