タグ

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

  • 多彩なチュートリアルガイドを瞬時に自動生成してくれる「Scribe」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、さまざまなチュートリアルガイドを簡単に自動生成してくれる無料のWebサービスをご紹介します。 例えば、Webサービスを初めて利用するユーザー向けのチュートリアルなどを、非常に簡単なステップでドキュメント化してくれます。 アイデア次第でさまざまな使い方ができるので、ご興味ある方はぜひ参考にしてください! 【 Scribe 】 ■「Scribe」の使い方 それでは、「Scribe」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトの上部にあるボタンをクリックして、無料のユーザー登録を済ませておきます。 自分の好きなユーザー名を入力しましょう。 次に、メールアドレスを入力します。 続いてパスワードを設定したら、登録したメールアドレス宛に認証リンクが送付されるのでクリックしてログインしてください。 「Scribe」が提供するブラウ

    多彩なチュートリアルガイドを瞬時に自動生成してくれる「Scribe」を使ってみた! - paiza times
  • 独自Webアプリや社内ツールが作り放題のオープンソース開発環境「ToolJet」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、さまざまなWebサービスやデータベースと連携して、独自のWebアプリなどを手軽に開発できるサービスをご紹介します! データソースの連携や画面デザインなどはドラッグ&ドロップの操作で簡単に構築が可能で、ロジックやイベント処理などもわずかなJavaScriptを利用するだけで開発できるのが特徴です。 オープンソースで開発が進められており、セルフホストすることで大きな制限もなく活用できるのでご興味ある方はぜひ参考にしてください。 【 ToolJet 】 ■「ToolJet」の使い方 それでは、「ToolJet」をどのように使えばいいのか詳しく見ていきましょう! まずはメールアドレスを入力したら【Create an account】ボタンをクリックして無料のユーザー登録を済ませておきます。 メールアドレス宛にユーザー登録用のリンクが送付されるの

    独自Webアプリや社内ツールが作り放題のオープンソース開発環境「ToolJet」を使ってみた! - paiza times
  • Notionの標準機能だけでWebサイトビルダーを作ってしまった「The Super Builder」がスゴイ! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、ごく普通のNotionドキュメントで構築された完全無料のWebサイトビルダーをご紹介します。 必要なものはNotionアカウントのみ! 多彩なコンポーネントをドラッグ&ドロップするだけで、誰でも簡単に美しいWebサイトを構築できるのが特徴で、フルカスタマイズ可能なノーコードサービスのように使うことができます。 Webサイトを手軽に構築したい方も含めて、ぜひ参考にしてみてください! 【 The Super Builder 】 Notionをまだ使ったことがない人は、以下の記事を参考にしながら新規アカウントを作成しておきましょう。 paiza.hatenablog.com ■「The Super Builder」の使い方 それでは、「The Super Builder」をどのように使えばいいのか詳しく見ていきましょう! 利用するにあたり、ユ

    Notionの標準機能だけでWebサイトビルダーを作ってしまった「The Super Builder」がスゴイ! - paiza times
  • 知らないと確実に損する!Web開発を効率化する最強のサービス8選をまとめてみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、Web開発を効率化したり便利にしたりしてくれるWebサービスを厳選してご紹介しようと思います。 プログラミング系、グラフ・チャート系、画像系、サイト構築系、分析・ログ系…など、幅広いジャンルから今すぐ活用できるサービスをまとめているので、ご興味ある方はぜひ参考にしてみてください! ■GitHubのサイトから高機能なオンラインIDEを起動できるサービス! 【 Gitpod 】 GitHubのリポジトリページから格的な統合開発エディタを起動させて、ブラウザ上からプログラミングできるサービスが「Gitpod」です。 IDEにはターミナルも搭載されているので、コマンドの実行やGitの制御なども行えるうえGitHubコードレビューにも対応しています。 使い方は簡単で、GitHubのリポジトリURLの前に「gitpod.io#」を付与するだけで

    知らないと確実に損する!Web開発を効率化する最強のサービス8選をまとめてみた! - paiza times
  • 面倒なメールのやり取りをSlackのチャットで一括管理できる「SharedBox」を使ってみた! - paiza開発日誌

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

    面倒なメールのやり取りをSlackのチャットで一括管理できる「SharedBox」を使ってみた! - paiza開発日誌
  • 不眠症エンジニアが3ヶ月で寝不足改善できた超簡単な取り組みを解説する - paiza times

    Photo by Didriks 長田です。健康オタクエンジニアです。 今まで健康について、事・運動と書いてきましたので、今回は睡眠について書きたいと思います。(過去の記事のリンクは最後に貼っています) 最近40代の半数の睡眠時間は6時間未満なんておそろしい調査結果が出ていましたけど、エンジニアのみなさん十分な睡眠はとれていますか? http://news.livedoor.com/article/detail/15313214/news.livedoor.com まあエンジニアに限らず、現代は睡眠不足の人が多いですよね。仕事は忙しいし、カフェインはとりまくるし、仕事以外でもずーっとスマホやディスプレイのブルーライトにさらされてるし。 私もかつては全然睡眠について気を遣っていませんでしたが、今は睡眠についてもいろいろな取り組みを実践しています。今回も、自分で読んだ科学論文やデータをもとに

    不眠症エンジニアが3ヶ月で寝不足改善できた超簡単な取り組みを解説する - paiza times
  • 不健康エンジニアが3ヶ月だけ食事に気をつけたら心も体も健康になれた話 - paiza times

    Photo by Marco Verch 長田です。 エンジニアの皆さん、健康に気を使っていますか? 先日オライリーからヘルシープログラマーという書籍が出て話題になりましたが、ITエンジニアのなかには朝遅く夜も遅い、腰痛い、肩凝った、目が疲れた、残業しんどいなど、不健康な人も多い印象があります。 ヘルシープログラマ ―プログラミングを楽しく続けるための健康Hack 作者:Joe KutnerオライリージャパンAmazon 私ももともと超不健康な生活を送っていたのですが、一転してここ3ヶ月で社内のみんなから「健康エンジニア」と呼ばれるようになってきました。 今では「エンジニアが健康を意識しないのはもったいない」と思っています。なぜなら「健康こそが開発の生産性を向上させるのに最も重要な要因」だからです。力こそパワー、健康こそヘルシー。 というわけで今回は、私がなぜそんなに健康を意識するようにな

    不健康エンジニアが3ヶ月だけ食事に気をつけたら心も体も健康になれた話 - paiza times
  • 誰でも超ハイクオリティなデータの可視化が実現できるWebサービス「Flourish」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単にクオリティの高いデータの可視化(データビジュアライゼーション)を実現することができる無料サービスのご紹介です! アニメーションも自動生成されるうえ、ネット上に公開したり自分のブログやサイトに挿入することも簡単にできます。 また、上級者向けにJavaScriptを活用した独自テンプレートの作成機能が用意されているなど、自由度の高いサービスなのでご興味ある方はぜひトライしてみてください! 【 Flourish 】 ■「Flourish」の使い方 それでは、実際に「Flourish」を触りながら、どのように始めたらいいのかを見ていきましょう! まずは、サイトのトップページにある「Sign up」から無料のユーザー登録をしておきます。 メールアドレス、パスワード、ユーザー名を入力すればすぐに登録は完了します! すると、自分専用の「マ

    誰でも超ハイクオリティなデータの可視化が実現できるWebサービス「Flourish」を使ってみた! - paiza times
  • 初心者向け・C#の練習問題をたくさん解ける学習サイトと本7選 - paiza times

    Photo by ecodallaluna こんにちは。谷口です。 先日paizaが行ったアンケートで、「好きなプログラミング言語」の4位にC#がランクインしました。 paiza.hatenablog.com C#は、Microsoftが開発した言語で、サーバー用のプログラムやゲーム、アプリ開発、企業向け業務システムなどに幅広く利用されているプログラミング言語です。特に近年はUnityというゲームエンジンとC#を使えば個人でも簡単にゲーム開発ができるため、ゲームエンジニアを目指す人からの人気が高まっています。 paizaにも「もっとC#の勉強がしたい」「C#でいろいろな問題が解きたい」といった声が多く寄せられていますので、今回はC#の練習問題がたくさん解ける学習コンテンツを7件ご紹介します。 【目次】 ■C#の問題がたくさん解ける学習コンテンツ ◆北ソフト工房 C# 練習問題集 ◆TECH

    初心者向け・C#の練習問題をたくさん解ける学習サイトと本7選 - 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開発日誌
  • 知らなきゃ損するGoogle Apps Scriptの外部JSONデータ連携術!すべて無料で作る「お天気Webアプリ」の作り方を大公開! - paiza times

    どうも、まさとらん(@0310lan)です。 みなさんは、「Google Apps Script(以下、GAS)」を使ったことがあるでしょうか? 昔は、スプレッドシートのマクロ的な使い方であったり、Googleサービスを連携するために使うことが多かったような気がします。 しかし、今ではGASを単体で利用できるようになり、簡単なWebアプリを作って公開したり、スプレッドシートを「データベース」代わりに使ったりなど、かなり柔軟な利用ができるようになりました。 そこで今回は、簡単なサンプル事例として「天気予報」の外部JSONデータをGASで取得&加工し、シンプルな「お天気Webアプリ」を作る方法をご紹介しようと思います! GASは、独自に提供されているAPIを除けば、ごく普通のJavaScriptなので誰でも扱いやすいプログラミングが出来るようになっています。 ■Google Apps Scri

    知らなきゃ損するGoogle Apps Scriptの外部JSONデータ連携術!すべて無料で作る「お天気Webアプリ」の作り方を大公開! - paiza times
  • Dockerは危険という誤解と、本当に注意すべき点 - paiza times

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

    Dockerは危険という誤解と、本当に注意すべき点 - paiza times
  • 「埋め込みタグ」一発でWebコンテンツを激変させる至高のサービス総まとめ! - paiza times

    どうも、まさとらん(@0310lan)です。 みなさんは、「YouTube」の動画をWebサイトやブログなどに貼り付けたことがあるでしょうか? 「埋め込みタグ」をコピペするだけで、簡単に動画コンテンツを利用できるわけですが、最近は他にも多彩なコンテンツが埋め込めるようになっています。 そこで今回は、特にユニークなWebコンテンツを埋め込める無料サービスだけを厳選してみましたので、ぜひ参考にしてみてください! ■リッチな情報を盛り込んだ「画像」を埋め込む! 【 ThingLink 】 Webページに「画像」を挿入する機会は多いと思いますが、1枚の画像で伝えられるコトには限界があります。 そこで、「ThingLink 」を使うと、ごく普通の画像内に「動画」「音楽」「リンク」「テキスト」…など、さまざまな要素を埋め込むことが可能になるのです。 まずは、以下のサンプル画像をチェックしてみてください

    「埋め込みタグ」一発でWebコンテンツを激変させる至高のサービス総まとめ! - paiza times
  • JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開! - paiza times

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

    JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開! - paiza times
  • Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選! - paiza times

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

    Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選! - paiza times
  • 知らぬはエンジニアの恥。今さら聞けない【コンテナ/仮想化技術】11選 - paiza times

    Photo by Sam MacCutchan どうも後藤です! もう10年以上になるでしょうか・・・ とにかくなんでもかんでも仮想化すればよいというこの風潮。paizaでも仮想化技術は大活躍中。インフラは仮想化技術の上に構築されているし、もちろんコードの評価環境だってばりばりの仮想環境上です。仮想環境ばっちこーい! いったいいつからこんな流れになったんでしょう?どこに基準を求めるかでだいぶかわりますけれども、執筆現在から考えると、こうした流れには35年くらいの歴史があります。使われる仮想化技術は時代とともにかわってきました。だいたいどの時代にも流行ってものがありました。 最近(2014年ごろ)の流行とえば、インフラの一番下にハイパーバイザを入れて、その上でDockerを動かして、管理にはChefやPuppetを使うといったものです。数年経てば状況は変わるでしょうけれども、とにかく楽をした

    知らぬはエンジニアの恥。今さら聞けない【コンテナ/仮想化技術】11選 - paiza times
  • 初心者でもほぼ無料でR言語を勉強できるコンテンツ10選 - paiza開発日誌

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

    初心者でもほぼ無料でR言語を勉強できるコンテンツ10選 - paiza開発日誌
  • AngularJSはもう古い?未来志向フレームワークAurelia.JSを試してみた! - paiza times

    こんにちは、吉岡(@yoshiokatsuneo)です。 最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。 Home | Aurelia Aurelia.JSはGoogleAngularJSの開発に関わっていたRob Eisenbergさんが開発した次世代のJavaScriptフレームワークです。 特徴として、最新のJavaScript関連技術であるECMAScript6、WebComponents、Object.observeなどの機能を取り込むことで、シンプルで使い勝手のよいフレームワークになっていることが挙げられます。 オンラインコーディング環境paiza.IOでも利用しているAngularJSとの比較を中心にして紹介します。 ■Aurel

    AngularJSはもう古い?未来志向フレームワークAurelia.JSを試してみた! - paiza times
  • プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza times

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

    プログラミングが捗りすぎる!コーディングに最適なフォント12選 - paiza times
  • 初心者でもアルゴリズムの学習ができる入門本とサイト一覧 - paiza times

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

    初心者でもアルゴリズムの学習ができる入門本とサイト一覧 - paiza times