タグ

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

  • JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、直感的な操作で高度なWebデザインを誰でも実現できるサービスをご紹介します。 Webサイトを構成するインタラクティブなコンテンツが豊富に用意されており、それらを組み合わせるだけで最適なWebサイトを誰でも簡単に構築できます。 また、提供されていないコンテンツや機能などは、JavaScriptで好きなように拡張できる設計になっているので無限の可能性も秘めています。Webサイトの作成にご興味ある方はぜひ参考にしてください。 【 Vev 】 ■「Vev」の使い方 それでは、「Vev」をどのように使えばいいのか詳しく見ていきましょう! まずはトップページの黄色いボタンから無料のユーザー登録を済ませておきます。 利用可能なメールアドレスを入力してエンターキーを押してください。 すると登録したメールアドレス宛に、ログイン用のリンクが送付されるのでク

    JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた! - paiza times
    tofu-kun
    tofu-kun 2022/05/19
  • 開発リーダーがエンジニアを面接する時、応募者に聞きたい7つのこと - paiza開発日誌

    Photo by Steven Cooper 高村です。 paiza(ギノ)で開発チームのリーダーをしているのですが、最近はエンジニアの採用活動に携わることも増えてきました。 エンジニア向けの転職サービスを運営しているギノで エンジニアを採用する時は何を重視しているのか? 採用する側のエンジニアは何を考えているのか? ということって、興味ある人もいるかと思うので、書いてみたいと思います。 特にエンジニアを募集している企業の選考では、共通して見ている部分も多いかと思いますので、「これから転職したい!」というエンジニアの方にとって少しでも参考になればと思います。 (もちろん採用基準は会社によって異なるので、弊社特有な項目もあるとは思いますが…) ■自己紹介 ■エンジニアを採用選考する時に、エンジニアが見ているところ ◆paizaのスキルチェック問題における提出コード ◆経歴、自分のやってきたこ

    開発リーダーがエンジニアを面接する時、応募者に聞きたい7つのこと - paiza開発日誌
  • 初心者向け・Rubyの練習問題をたくさん解ける学習サイトと本7選 - paiza times

    Photo by Joren De Groof こんにちは。谷口です。 プログラミングをこれから学習しようとしている方や新人エンジニアの中には「Rubyについて学びたい!」という方も多いと思います。 Rubyはオープンソースの動的なプログラミング言語で、プログラミング初心者でも比較的読み書きしやすく、学びやすいプログラミング言語です。クックパッドやグノシーなど有名サービスの開発にも利用されており、世界中のWebサービス開発企業に広く普及しています。 paizaにも「もっとRubyの勉強がしたい」「Rubyでいろいろな問題が解きたい」といった声が多く寄せられていますので、今回はRubyの練習問題がたくさん解けるサイトと書籍を7件ご紹介します。 【目次】 ■Rubyの問題がたくさん解ける学習コンテンツ ◆Rubyがミニツク ◆プログラミングスレまとめ in VIP 練習問題 ◆Ruby初心者に

    初心者向け・Rubyの練習問題をたくさん解ける学習サイトと本7選 - paiza times
  • GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説! - paiza times

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

    GitHubだけで超高機能なスライド資料が作れる「GitPitch」の使い方を徹底解説! - paiza times
  • わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる!「Simpla」の驚くべき使い方を徹底解説 - paiza開発日誌

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

    わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる!「Simpla」の驚くべき使い方を徹底解説 - paiza開発日誌
  • 機械学習でも定番のPythonライブラリ「NumPy」の初心者向け使い方チュートリアル - paiza times

    秋山です。 私は主にPythonを使って開発をしているので、以前Pythonの便利なライブラリやフレームワークを紹介する記事を書いたのですが(後でリンク貼りますね)、今回はその記事でも紹介したNumPy(なむぱいと読みます)という数値計算用ライブラリの使い方チュートリアルを書きたいと思います。 NumPyは機械学習やディープラーニングなどを学ぶ上でも前提知識とされることが多いため、これからその辺の分野の勉強をしてみたい人の参考になればと思います。 チュートリアルの実行環境は、ブラウザだけでPythonもNumPyも使えるオンラインのプログラミング実行環境「paiza.IO (パイザ・アイオー)」を使っていきます。 ■NumPyにおける配列 NumPyにおける配列は"ndarray"という形式になっていて、このndarrayはいろいろな機能を持っています。 まず、普通のリストをndarray

    機械学習でも定番のPythonライブラリ「NumPy」の初心者向け使い方チュートリアル - paiza times
  • 2017年版、5分でわかるJavaScript入門(ES6対応版) - paiza times

    こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 今、一番身近なプログラミング言語といえば、間違いなくJavaScriptです。 JavaScriptは、インターネット利用に必須のウェブブラウザ上で動作する唯一のプログラミング言語です。 プログラミングを学ぶ時も、いつも使っているブラウザ上で動作させることができて結果が見えるため、興味を持って始めるやすい言語かと思います。 JavaScriptには、広く使われていること、活発な開発、インターネットとの相性の良さ、非同期プログラミング、仕様が標準化されていること、オープンソースでの実装があること…などなどの特徴があり、今や以下のような様々な用途でも使われるようになっています。 ウェブブラウザ(Chrome, Firefox, Internet Explorer...) サーバアプリケーション(Node.js, Ex

    2017年版、5分でわかるJavaScript入門(ES6対応版) - paiza times
  • Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times

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

    Web制作を劇的に効率UPさせる、最近人気の軽量「CSSフレームワーク」を厳選してみた! - paiza times
  • 「いつか勉強する」を実現できたことありますか?現役エンジニアがやっている勉強法10 - paiza times

    Photo by UBC Learning Commons こんにちは。谷口です。 自分以外のエンジニアを見ていて、「どうしてこんなことまで知っているんだろう?」「何でここまでできちゃうんだろう?」と思うことはありませんか? デキるエンジニアたちは、やはり裏でいろいろな勉強をしています。とはいえ、誰もが業務後や休みの日に何時間も難しい勉強をしている…というわけではありません。 結論から言うと、彼らは情報収集やインプットなどに関して、普段の生活の中で効率よく学べる仕組みを作っているため、無理のない勉強とスキルアップができているのです。 では、具体的にどんな勉強法を実施しているのか? 今回は、弊社でpaizaを作っているエンジニアたち(記事公開当時)に比較的簡単に習慣化しやすい学習方法を聞いてきましたので、ご紹介いたします。 「なかなか勉強のための時間が作れない」「どういうステップで勉強したら

    「いつか勉強する」を実現できたことありますか?現役エンジニアがやっている勉強法10 - paiza times
  • 新規事業を潰してわかった、失敗するスタートアップの8の兆候 - paiza times

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

    新規事業を潰してわかった、失敗するスタートアップの8の兆候 - paiza times
  • 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開発日誌
  • Dockerは危険という誤解と、本当に注意すべき点 - paiza times

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

    Dockerは危険という誤解と、本当に注意すべき点 - paiza times
  • プログラミングの勉強を始めたときに、文系が挫折しやすい7つのポイント - paiza times

    こんにちは。谷口です。 ITエンジニア転職プログラミング学習に関する仕事をしている私ですが、学生の頃は文系の学部に所属し、プログラミングには全く触れたことがありませんでした。 新卒の時はそんな状態で、自分に特性があるのかどうかもよく分からないまま、面接をしてくれた人事担当者の「プログラミングは研修を受ければできるようになるから大丈夫」の言葉を信じて、受託開発をしている企業に入社しました。 そして新人研修で生まれて初めてプログラミングに触れ、勉強する中で、一歩進もうとする度につまずき、進んだと思ったら二歩前に覚えたことを忘れ、ということを繰り返しながら、何とか働いてきた時期がありました。 プログラミングのプの字も知らなかった新人の頃にどこでつまずいてきたかを思い出しながら書いてみたいと思います。 ■代表的なつまずきポイント ◆1.Hello Worldの段階からつまずく 研修で最初に勉強

    プログラミングの勉強を始めたときに、文系が挫折しやすい7つのポイント - paiza times
    tofu-kun
    tofu-kun 2015/10/22
    講師無能説
  • 35歳定年説より怖いフルスタックエンジニアしか生き残れない未来とは - paiza times

    Photo by Joi 今回のpaiza開発日誌は片山がお送りします。 今後も技術(開発)を中心にエンジニアとしてのキャリアを歩んでいきたいなと考えている方向けに最近騒がれているフルスタックエンジニアとは何か、という事と、何故今後フルスタックエンジニアしか生き残っていけないのか?という事について書いてみました。 ■最近よく見かける【フルスタックエンジニア】とは何か? まずStackって何だろう?、というところで海外の記事などを読むと"LAMP stack"という言葉が良く出てきます。LAMPの場合、OSはLinux、WebサーバはApache、データベースはMySQL、プログラミング言語はPHP(もしくはPerlPython)という形で組み合わせたものの事を言います。つまりOS、Webサーバ、DB、プログラミング言語の組み合わせ≒積み重ね、なのでStackという事のようです。こういった

    35歳定年説より怖いフルスタックエンジニアしか生き残れない未来とは - paiza times
    tofu-kun
    tofu-kun 2014/05/13
    “「勉強し続ける」技術を身に着ける事”
  • 【結果発表】新人女子PGを最も助けたプログラミング言語とは? - paiza times

    2013年12月2日より開始したpaizaオンラインハッカソン(略してPOH![ポー!])Vol.1「新人女子の書いたコードを直すだけの簡単なお仕事です!」ですが、2014年1月8日いっぱいをもって開催期間を終了いたしました。今回のハッカソンのレポート、最終結果と、提出された各プログラミング言語毎の最速コードをお届けします。 ※POH Vol.1は応募期間は過ぎたため、プレゼント対象、計測対象には成りませんが、コードの実行は引き続き可能です。 ■提出コードは2万提出突破! おかげ様で事務局の想定を超える参加者数、提出数のハッカソンとする事ができました。ご参加いただいた皆様ありがとうございました! 今回の期間中の参加者数、提出数は以下の通りです。 参加者数:1,961人 提出数:22,219提出 今回の企画では、オンラインで誰でも気軽に参加できるハッカソンを目指しました。改めてプログラミング

    【結果発表】新人女子PGを最も助けたプログラミング言語とは? - paiza times
  • 1