タグ

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

  • Notionを使って自分だけの参考サイト集を作ってみる - paiza times

    <この記事の著者> ばんか(bamka) - Tech Team Journal Web制作会社の会社員として働きつつ、個人でブログ/メディアライターとして活動するパラレルワーカー。 iPhoneiPadMacITツールを用いて人々の生活をより豊かにするための活用術を提供する「デジタルライフブロガー」です。 Web制作に関わる人にとって、すでに公開されているWebサイトというのは非常に重要な勉強材料です。中には「こういった表現、次のプロジェクトで使ってみよう」「こういう見せ方いいなぁ。いつかやってみたい」と、いつか役立てたいサイトもあるでしょう。 そういった「参考サイト」は、自分だけのデータベース化しておくと便利です。私はNotionを使って、自分だけの参考サイト集を作成しています。 【目次】 自分だけの参考サイトギャラリーをNotionで作ろう 自分専用の参考サイトギャラリーを作る

    Notionを使って自分だけの参考サイト集を作ってみる - paiza times
  • 超インタラクティブなWebサイトやゲームが作り放題の「Playful」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、インタラクティブ性の高いWebサイトやミニゲームなどを簡単に開発できる無料のWebサービスをご紹介します。 一般的なWebサイトはもちろんのこと、ノーコードで高度なロジックを組み立てる機能も提供されているので、アイデアしだいでとてもユニークな作品を作れるのが特徴です。 オリジナリティあふれるWeb作品を手軽に作りたい人はぜひ参考にしてください! 【 Playful 】 ■「Playful」の使い方! それでは、「Playful」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトのトップページから【Sign Up】ボタンをクリックして、無料のユーザー登録を済ませておきます。 「メールアドレス」と「パスワード」を入力します(Googleアカウントも利用可)。 次に好きなユーザー名を設定しましょう。 最後に「LET'S PLAY

    超インタラクティブなWebサイトやゲームが作り放題の「Playful」を使ってみた! - paiza times
  • 全部無料!GitHubプロフィールの究極カスタマイズツールを厳選してみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、GitHubのプロフィールページを自分好みにカスタマイズできるウィジェットやツールなどを厳選してご紹介します! 統計情報の可視化、グラフ、ブログの更新、アナリティクス、自動化…など、幅広く役に立つものをまとめています。無料で使えるツールばかりなので、ご興味ある方はぜひ参考にしてください! ■独創的なコントリビューショングラフの作成! GitHubでの活動状況を可視化してくれるコントリビューションのグラフは、当然ながらプロフィールページにも表示できます。 ただし、見た目はどのユーザーも同じなので、自分のプロフィールページを訪問してくれた人にちょっとでも印象に残るようなグラフを埋め込んでみましょう。 例えば、コントリビューションを「スネークゲーム」のように表示することができます! グラフのドットを、ヘビが少しずつべていくという楽しい仕掛け

    全部無料!GitHubプロフィールの究極カスタマイズツールを厳選してみた! - paiza times
  • JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた! - paiza times

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

    JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた! - paiza times
  • JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、JavaScriptを使ってとにかく遊んだり楽しんだりできるインタラクティブなWebサービスやツールを厳選してご紹介します。 ゲーム体験をしたり、アート作品を作ったり、JavaScriptで開発されたユニークなサービスを利用してじっくりと遊んでみましょう。 Webの楽しい世界にご興味ある方は、ぜひ参考にしてください! ■リアルタイムにコードを書いて戦うオンライン対戦ゲーム 【yare.io】 世界中のプレイヤーと1対1で戦うゲームなのですが、その戦い方はJavaScriptのコードをリアルタイムに書き換えながら自機を操作するというのが大きな特徴です。 見た目は簡素なシューティングゲームですが、実はかなり奥深いストラテジーゲームみたいな要素が詰まっています。 ゲームの大まかな流れとしては、以下のとおりです。 JavaScriptで自機を制

    JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開! - paiza times
  • APIキーもログインも不要!完全無料で使える天気予報API「Open-Meteo」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、誰でも無料で使える天気予報APIを提供してくれるWebサービスをご紹介します! 面倒なユーザー登録やAPIキーの設定などが不要で、欲しい天気情報のパラメータを含めたURLを好きなように構成するだけで簡単にJavaScriptから制御できるのが特徴です。 日はもちろん、世界中の詳細な天気情報を取得できるのでご興味ある方はぜひ参考にしてみてください! 【 Open-Meteo 】 ■「Open-Meteo」の使い方 それでは、「Open-Meteo」をどのように使えばいいのか詳しく見ていきましょう! 「Open-Meteo」が提供する天気予報APIを利用するにあたり、何か特別な登録や申請は必要ありません。もっと言えば、ユーザー登録も不要でAPIキーもありません。 非営利プロジェクトであれば誰でも自由に使うことが可能で、以下のエンドポイント

    APIキーもログインも不要!完全無料で使える天気予報API「Open-Meteo」を使ってみた! - paiza times
  • JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。 完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、、Webアプリなど、さまざまな種類のコンテンツを楽しみながらぜひ学習に役立ててください! ■学習を始める前に これからJavaScriptの学習コンテンツについて解説をしていく前に、ひとつだけ以下のサイトをご紹介しておきます。 【 The Modern JavaScript Tutorial 】 これはJavaScriptの基礎構文・DOM操作・非同期処理・サーバ通信など、ほとんどの学習項目を網羅したリファレンスのようなサイトです。海外で作られたサイトですが、うれしいことに日語化されているので初心者にも扱いや

    JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開! - paiza times
  • 40代以降もエンジニアを続けていくためのちょっとした生存戦略 - paiza times

    Photo by Paul Robertson こんにちは。谷口です。 最近は40代・50代になってもエンジニアとして活躍されている方が増えてきました。ただ、年齢を重ねていくと誰しも若い頃とは同じようにいかない場面も出てきますよね。 年齢を重ねたエンジニアの方の中には「今後もエンジニアを続けたい」と思う一方で、体力の減少やアンテナの衰えに悩んだり、若手の優秀さに焦りを感じたり…といった悩みを抱えている人も多いでしょう。実際、paiza転職でもそういったご相談を受けることがよくあります。 今回は、40代以降のエンジニアの方に向けて、今後もエンジニアとして活躍していくために何が必要なのかを考えてみました。 今後もエンジニア仕事を続けたいけど、自分がこのままでいいのかもやもやしている…という方の参考になればと思います。 40代以上のエンジニアが今後もエンジニアとしてやっていくには 経験が武器に

    40代以降もエンジニアを続けていくためのちょっとした生存戦略 - paiza times
  • 誰でもノーコードで独自のWeb APIを開発&公開できる「Canonic」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単に独自APIの開発から一般公開までを完結できる無料のWebサービスをご紹介します。 ビジュアルエディタを採用した構築方法なので直感的に理解しやすく、そのまますぐに公開まで可能なのが特徴です。APIを利用したWeb開発やJamstackなどにご興味ある方はぜひ参考にしてみてください! 【 Canonic 】 ■「Canonic」の使い方 それでは、「Canonic」をどのように使えばいいのかを詳しく見ていきましょう! まずはサイトのトップページから【Signup】ボタンをクリックして無料のユーザー登録をしておきます。 GoogleやFacebookのアカウントから簡単に登録ができるようになっていますが、今回はGitHubのアカウントを利用して登録します。 初回のみ、GitHubアカウントとの連携画面が表示されるので認証しておきま

    誰でもノーコードで独自のWeb APIを開発&公開できる「Canonic」を使ってみた! - paiza times
  • 「技術のスペシャリスト」になれないエンジニアのキャリアを考える - paiza times

    StartupStockPhotosによるPixabayからの画像 こんにちは。倉内です。 エンジニアになったころは「とにかく手を動かし続けたい」「技術力で勝負したい」という方が多いのですが、実際ある程度働いてみると技術力だけで突破していくのは結構難しいことに気づきます。 尖った技術を武器にいわゆるスペシャリストとして生きていくことができる人はそう多くはなく、paiza利用ユーザー様からも「将来自分はどうすればいいだろうか…」という悩みをいただくことがあります。 エンジニアとしての市場価値を高めるには技術を磨くこと以外に、できることの幅を広げる、サービスやプロダクトの成長にフォーカスする、エンジニア経験を生かして転職する…など他の選択肢もあることを覚えておいてもよいでしょう。 そこで今回は、技術に全振りしないエンジニアのキャリア選択について考えてみたいと思います。 技術力オンリーで生きてい

    「技術のスペシャリスト」になれないエンジニアのキャリアを考える - paiza times
  • 【2020年版】無料&商用利用可能なイラスト画像を提供するWebサービス8選を大公開! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、Webサイトやブログなどで有効活用できる無料のイラスト画像を提供するサービスを厳選してご紹介します。 いずれも個人利用はもちろん、商用利用もOKなイラスト画像ばかりなうえ、ユーザー登録も不要なので手軽にダウンロードして使うことができます。 Webサイトに効果的なアクセントを追加したい人も含めて、ぜひ参考にしてみてください! 【 Open Doodles 】 印象的なデザインのイラスト画像を無料で提供しているのが「Open Doodles」です。 PNG / SVG形式の画像ファイルをダウンロード可能で、さまざまな用途のWebサイトやブログなどで有効活用できるものばかりです。 たとえば、Webサイトの単純なテキストであっても、以下のように画像を配置するだけで効果的なアクセントになるわけです。 また、ジェネレーター機能も提供されており、自分

    【2020年版】無料&商用利用可能なイラスト画像を提供するWebサービス8選を大公開! - paiza times
  • 万能ドキュメントサービス「Notion」をさらに活用できるWebサービス・Tipsを徹底解説! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、多彩なドキュメントを作成できる万能サービスとして人気の「Notion」を、もっと便利に活用できるWebサービスやTipsをご紹介していきます。 Notion単体でもさまざまなことができますが、Webサービスを組み合わせることでデータの可視化やインタラクティブ要素の追加など多彩なことが実現できるので、まさに無限の可能性を手に入れられると言っても過言ではありません。 「Notion」を利用中の人もそうでない方も含めて、ドキュメントサービスにご興味ある方はぜひ参考にしてみてください! ■「Notion」とは まず最初に「Notion」をまだ使ったことがない人に向けて、どのようなサービスなのか概要を少し解説しておきます。 【 Notion 】 「Notion」はノートやメモなどのドキュメントを作成したり、タスク管理やWikiのようなページを作れ

    万能ドキュメントサービス「Notion」をさらに活用できるWebサービス・Tipsを徹底解説! - paiza times
  • SQLとデータベースの初心者向け・SQLの問題集があるサイト5選 - paiza times

    こんにちは。谷口です。 エンジニアを目指している方や現役エンジニアの方の中には SQLについて勉強したい なんとなくSQL文書いてるけど実は苦手 という方も多いかと思います。 かつてはSQLの勉強をしようと思ったら、一から環境設定をしてデータベース(DB)を構築しなければなりませんでしたが、最近はオンラインで構築済みのDBを使ったりして、SQLの基をすぐに学べる学習コンテンツも増えています。 そこで今回は、これからSQLに入門したい方、改めて勉強し直したい方向けに、SQLの問題がたくさん解ける学習コンテンツをご紹介します。 SQLってどんな言語? SQLとは、リレーショナルデータベース(RDB)のデータを操作するための言語です。私たちはSQLを使うことによってRDBMS(リレーショナルデータベースマネジメントシステム)に命令を出して、必要なデータをRDBに格納したり、格納したデータを取得

    SQLとデータベースの初心者向け・SQLの問題集があるサイト5選 - paiza times
  • VSCodeとDockerで簡単に開発環境を構築&共有する方法 - paiza times

    もじゃ(@s10akir)です。paizaラーニングでプログラミング学習動画制作のアルバイトをしている専門学生です。 以前こんな記事を書かせていただきました。 paiza.hatenablog.com 今回は、VSCodeDockerを使って簡単に開発環境を構築する方法について書いてみたいと思います。 code.visualstudio.com ちなみに前回はプレビューリリースされた「Remote Development with VSCode」と「PaizaCloud」を使って、面倒な環境構築なしで快適に開発しようぜという記事だったのですが、しばらくして「Remote Development with VSCode」が正式版のVSCodeでも使えるようになりましたね!わざわざInsider版のVSCodeを入れなくてもよくなりましたね。 前提の環境について この記事の内容が試せるのは

    VSCodeとDockerで簡単に開発環境を構築&共有する方法 - paiza times
  • 現役エンジニアが選ぶ、初心者でもアルゴリズムについて学べる4冊の書籍 - paiza開発日誌

    こんにちは。谷口です。 プログラミング初心者のみなさんは、アルゴリズムについて勉強された経験がありますか? 「プログラミングは勉強しているけど、アルゴリズムについてきちんと勉強したことはない」「プログラミング言語の書き方やフレームワークなどの勉強を優先しているから特にやっていない」という方も多いと思います。 ただアルゴリズムを全然知らないと、ちょっと開発が複雑になってきたときに どう実装すべきかわからない とりあえず力技で作る 力技で作ったコードは改修が面倒 できる人に「もっといいやり方がある」と言われる しかし自分ではその「いいやり方」を思いつけない… …といったことも起こりえます。 そこで今回は、paizaを作っているエンジニアたちに、実際に読んでアルゴリズムの勉強に役立った書籍を聞いてきました。 アルゴリズム初心者の方の参考になればと思います。 長田です。ブログでは健康オタクエンジニ

    現役エンジニアが選ぶ、初心者でもアルゴリズムについて学べる4冊の書籍 - paiza開発日誌
  • 効率重視のエンジニアが実践している効果的な勉強法を解説する - paiza開発日誌

    Photo by zwenzini 長田です。健康オタクエンジニアです。 今回は、健康ではなく「勉強法」について書きたいと思います。 ツイッターやはてブでは、定期的に「エンジニアは業務時間外も勉強すべきか!?」という話題で盛り上がっていますよね。 まあそれはどっちでもいいんですけど、それ以前に何らかの勉強をするなら「効果的な勉強法」を知っておきましょう。非効率的な方法で「勉強したつもり」になっているだけでは意味がありません。 どんな勉強方法なら効果が出やすいのか?逆に言うとどんなやり方だと非効率的で効果が薄いのか?例によって論文やデータを漁りつつまとめていきたいと思います。(プログラミングやWeb開発だけではなく、割とどんな分野の勉強でも通じる話です) 【忙しい人のための目次】 勉強する前に知っておきたいこと 勉強には「理解するための勉強」と「記憶するための勉強」がある 知識は風化する 無

    効率重視のエンジニアが実践している効果的な勉強法を解説する - paiza開発日誌
  • 面倒なメールのやり取りをSlackのチャットで一括管理できる「SharedBox」を使ってみた! - paiza開発日誌

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

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

    Photo by Dave L 長田です。健康オタクエンジニアです。 前回、健康(主に事)に関する記事を書いたら思いのほかたくさんの反応をいただき、ありがとうございました。 paiza.hatenablog.com 今回は前回入りきらなかった、運動に関する話を書きたいと思います。 エンジニアの皆さんは普段運動していますか? 仕事中は座りっぱなしだし、なかなか運動できてない人も多いと思います。逆に、ジムとか通ってばっちり筋トレしてるぜって人もいますよね。筋トレ、流行ってますし。 私がやっている運動の基準は、前回事について書いたときと同じく「きちんとした科学的根拠やデータがあるかどうか」です。今回も、自分で読んだいろいろな科学論文やデータをもとに健康対策としての運動について書いていきたいと思います。(私がこういった健康オタクになったきっかけや経緯は前回の記事を見てください) 【忙しい人のた

    運動不足エンジニアが3ヶ月で健康になれた超簡単な取り組みを解説する - paiza times
  • 初心者でもDB設計やデータモデリングについて学べる7つのサイトと本 - paiza times

    Photo by Samuel Mann こんにちは。谷口です。 「SQLは何となく書けるけど、DB設計はしたことない…」「DB設計について一度ちゃんと学んでおきたい…」という人は多いですよね。 DB設計とは、DBのデータモデル(DBの構成など)を作成する作業です。 DBを一から作ったり、テーブルを追加したりする際は、当然ですが「今あるデータが何となく格納できればそれでOK」ではありません。 テーブルは正規化できていないといけませんし、データの整合性も取れないといけません。また、効率よくデータが取れる構造になっているかどうかも重要です。 一から設計に取りかかるようなケースは少ないかもしれませんが、DBを取り扱うことがあるなら、こうしたDB設計の基は知っておいて損はありません。むしろ自分が扱うDBの構造はきちんと知っておかないと、「なんか適当にSQL投げたらデータ取れたけど、正しく取れてる

    初心者でもDB設計やデータモデリングについて学べる7つのサイトと本 - paiza times
  • 初心者向け・SQLの勉強と練習に役立つサイト6選 - paiza times

    Photo by Michael Mandiberg こんにちは。谷口です。 皆さんはSQLは得意ですか? 使えるようになりたいけど、どう勉強したらいいかわからない… なんとなく簡単なSELECT文なら書けるけど実は苦手… という方も多いかと思います。 最近はエンジニア以外の職種でも「SQLを習得したい!」という方が増えてきました。 SQLを学ぶにはデータベースが必要なため、かつては勉強したくても始めるまでのハードルが高いことが難点でした。ただ、最近はオンライン上でSQLを学べるコンテンツが増えてきています。 そこで今回はSQLの勉強&練習に役立つサイトを6件ご紹介します。 【目次】 SQLとは? Progate paizaラーニングの「DB/SQL入門編」 ProgrammingKnowledge:Beginners MYSQL Database Tutorial 1 Codecadem

    初心者向け・SQLの勉強と練習に役立つサイト6選 - paiza times