タグ

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

  • ChatGPTを使って一年、結局何に使ってる? - paiza times

    <この記事の著者> 大谷大 - Tech Team Journal ウェブデザイナー/映像クリエイター/作曲家/ギタリスト/ブロガー/YouTuber BGMや効果音を無料でダウンロードできるサービス「タダオト」を運営し、自らが作曲した楽曲を掲載。2023年に生成AIにハマり、さまざまな仕事でフル活用しながらそのノウハウをYouTubeやブログで情報発信している。 「普段ChatGPTで何してるの?」という質問を受けることがあります。 さまざまなことができる自由度の高いツールであるが故に、どう使っていいか迷ってしまうんでしょうね。 今回は、ChatGPTを一年以上使ってきた僕なりにいま特に使用頻度が高い使い方を羅列してみます。 【目次】 コードを書いてもらう ブログ記事でHTMLのマークアップ 画像生成AIのプロンプトを書いてもらう 誰かに相談をする前にChatGPTで要件を整理 雑なメモ

    ChatGPTを使って一年、結局何に使ってる? - paiza times
  • DoタスクとThinkタスクは切り分けて管理する、というのはどうだろうか? - paiza times

    タスク管理について気に入っている手法がひとつあります。それが「Doタスク」と「Thinkタスク」をわける考え方。 行動を伴うタスクと、迷ったり悩んだりするタスク。これらをおなじ枠の中で管理してしまうと、毎日の時間配分が上手にできないことがわかりました。 逆にこれらを別物として扱って、実行するタイミングを見極めるようにしたら、スキマ時間も有効に使えるようになったのです。 【目次】 タスク管理はDoとThinkでわけるとよい Doタスクの管理・処理方法 Thinkタスクの管理・処理方法 メモ.appを使った管理・運用方法 Thinkタスクを切りわけるメリット タスク管理はDoとThinkでわけるとよい 「Doタスク」とは実際に手を動かすタスク。すでにやるべきことが決まっていて、あとは具体的なアクションを起こすだけでよいものです。 すでにやるべきことや見通しが見えているので、完了に必要な見込み時

    DoタスクとThinkタスクは切り分けて管理する、というのはどうだろうか? - paiza times
  • 植物の3Dモデルをビジュアルプログラミングで作成できる「Plantarium」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、さまざまな植物の3Dモデルをビジュアルプログラミングで簡単に作成できるちょっと変わったWebサービスをご紹介します! ブロックを組み合わせるだけの簡単操作で、格的な3Dモデルをリアルタイムに生成できるのが特徴です。完全無料で利用可能なうえ、ゲームはもちろんWebサイトのアクセントにも使えるのでご興味のある方はぜひ参考にしてください! 【 Plantarium 】 ■「Plantarium」の使い方 それでは、「Plantarium」をどのように使えばいいのか詳しく見ていきましょう! 利用する際にログインなどは一切不要で、サイトにアクセスしたら画面左上のメニューから【new】ボタンをクリックします。 すると、3Dモデルを作成するためのWebエディタが表示されます。 この画面からブロックを組み合わせて自分の好きな植物を作成したり、ファイル

    植物の3Dモデルをビジュアルプログラミングで作成できる「Plantarium」を使ってみた! - paiza times
  • JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開! - paiza times

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

    JavaScriptを遊び尽くす究極のWebサービス・ツールを厳選して大公開! - 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
  • JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開! - paiza times

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

    JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開! - paiza times
  • Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、普段から使い慣れているGoogleスプレッドシートを高品質なWebサイトに変換できるWebサービスをご紹介します! ユーザーがやることはセルの値を変更するだけというお手軽さと、Webサイトのレイアウト構成を細かく変更したり上級者向けにJavaScriptCSSを編集する機能も無料で提供されているのが特徴です。 手っ取り早くクオリティの高いWebサイトを作成したい人にも最適なので、ぜひ参考にしてみてください! 【 Siteoly 】 ■「Siteoly」の使い方 それでは、「Siteoly」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトのトップページにアクセスして、画面上部にある【Login】ボタンから無料のユーザー登録をしておきます。 Googleのアイコン部分をクリックしてください。 するとアカウント選択画面が表示

    Googleスプレッドシートが高度なWebサイトに大変身するノーコードサービス「Siteoly」を使ってみた! - paiza times
  • コードを1行追加するだけでどんなWebサイトもノーコードで編集できる「Scepter」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、WebサイトのHTML内に1行のコードを追加するだけで、誰でもノーコードでカスタマイズができるようになるWebサービスをご紹介します! Webサイトの要素を直接クリックしてそのまま編集ができるようになるので、誰でも簡単にカスタマイズができるうえ、好きな要素を追加してまったく異なるページを作成してしまうことも可能です。 Webサイトのカスタマイズやノーコード開発にご興味ある方は、ぜひ参考にしてみてください! 【 Scepter 】 ■「Scepter」の使い方 それでは、「Scepter」をどのように使えばいいのか詳しく見ていきましょう! まず最初にトップページ上部にある【Sign up for Free】ボタンをクリックして無料のユーザー登録を済ませておきます。 ユーザー名・メールアドレス・パスワードを入力すれば登録完了です! 次に「S

    コードを1行追加するだけでどんなWebサイトもノーコードで編集できる「Scepter」を使ってみた! - paiza times
  • テキストデータだけでガントチャートやダイアグラムを生成可能な「Quick Diagram」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、テキストデータを編集するだけでリッチな「ガントチャート」や複雑なダイアグラムを素早く作成できる無料のWebサービスをご紹介します。 複雑な操作方法は一切不要で、単なるテキストを入力していくだけで自分が欲しいチャートやダイアグラムを手軽に生成できるのが大きな特徴です。 ガントチャート以外にも、フローチャート・クラス図・ジャーニーマップ・円グラフ…など、多彩なフォーマットに対応しているのでぜひ参考にしてみてください! 【 Quick Diagram 】 ■「Quick Diagram」の使い方 それでは、「Quick Diagram」をどのように使えばいいのか詳しく見ていきましょう。 まずはトップページにあるボタンをクリックして無料のユーザー登録を済ませておきます。 Googleアカウントから手軽に登録できますが、今回はメールアドレスを利用

    テキストデータだけでガントチャートやダイアグラムを生成可能な「Quick Diagram」を使ってみた! - paiza times
  • 普通のコードエディタに見えて実は壮大なゲーム(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
  • Webサイトの構造を可視化!簡単にビジュアルサイトマップが作れる「Octopus.do」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、Webサイトの構造を可視化して直感的に理解しやすい「ビジュアルサイトマップ」を作成できるWebサービスをご紹介します。 ブラウザからGUIベースのエディタにアクセスするだけで誰でも利用可能で、すべてマウス操作でできるので初心者でも簡単に使いこなせます。ブロックを追加していくだけでサイトマップに簡易的なワイヤーフレームが挿入できる点がとても便利です。 また、既存のWebサイトから素早くサイトマップに変換する方法も合わせて解説しているので、ご興味のある方はぜひ参考にしてみてください! 【 Octopus.do 】 ■「Octopus.do」の使い方 それでは、「Octopus.do」をどのように使うのか詳しく見ていきましょう! トップページにアクセスしたら【Create sitemap】ボタンをクリックします。 すると「サイトマップエディタ

    Webサイトの構造を可視化!簡単にビジュアルサイトマップが作れる「Octopus.do」を使ってみた! - paiza times
  • GW中も自宅でプログラミングがゲーム感覚で学べる学習コンテンツまとめ - paiza times

    こんにちは。谷口です。 GWに入り、自宅ですごす時間がいっそう増える方も多いかと思います。 「せっかくだから家での時間を有効活用したい」「プログラミングの勉強を始めたいと思っていた」「子どもが時間を持て余しているので何か家で遊べるコンテンツがほしい」といった方のために、GW中も自宅でプログラミングが学べる、paizaの学習コンテンツやゲームをご紹介します。 コードクロニクル 対応言語:PythonPHPRuby、C#、C、Java 『コードクロニクル』は、プログラミングが魔法となるファンタジーの世界で、簡単なプログラミング問題を解きながらストーリーを進めていく学習ゲームです。先週対応言語にC#、C、Javaが追加されました! 豊かな自然に恵まれ、さまざまな種族が共存する穏やかな王国「パイザ」。老若男女が魔法に親しむ平和なその国には、民たちから愛される魔法使いのお姫様エレナがいた。エレナ

    GW中も自宅でプログラミングがゲーム感覚で学べる学習コンテンツまとめ - 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
  • Python入門者向け・問題を解きながら独学で学べる7つのサイト - paiza times

    こんにちは。谷口です。 先日paizaが実施したアンケートで、「好きなプログラミング言語」の1位にPythonがランクインしました。 paiza.hatenablog.com Pythonは 比較的短くシンプルな構文の言語なので、コードを読みやすく書きやすい そのため初心者でも勉強しやすい 機能的な標準ライブラリや外部のライブラリが多い などといった特徴があり、近年非常に人気の高いプログラミング言語です。 特に計算処理やデータ解析、画像処理などの分野で使えるライブラリが多いため、機械学習の分野でよく使われています。また、DjangoなどのWebアプリケーションフレームワークも人気があり、Web開発の現場で使われる場面も増えていますね。 今回は、プログラミングの勉強を始めたばかりの初心者の方向けに、Pythonを使ってプログラミング問題をたくさん解ける問題集のような学習コンテンツをご紹介しま

    Python入門者向け・問題を解きながら独学で学べる7つのサイト - paiza times
  • SIerから自社サービス企業への転職が苦戦する人に足りない4つのこと - paiza times

    こんにちは。倉内です。 paizaを利用して転職してくださる方もたくさんいらっしゃいますが、その中でもSIerSES含む、受託開発)から自社サービス開発の企業への転職を希望される方はとても多いです。(実際に前職のSIerの同期もそう言って転職していった人は多かったです) 「ITエンジニアは引く手あまただ」とよく耳にするかもしれませんが、実はあっさりと自社サービスへの転職に成功する方と、なかなかうまくいかず苦戦する方と二極化しているというのが現状です。 paizaでは、企業から採用・不採用の理由を聞いており、選考に通過できない方の多くには共通点があるということが分かりました。今回はその特徴と対策方法についてお伝えしたいと思います。 これから転職をしたいと考えている方や転職活動をしているけど思うように選考が進まない…と悩んでいる方はぜひ目を通していただければと思います。 即戦力として活躍する

    SIerから自社サービス企業への転職が苦戦する人に足りない4つのこと - paiza times
  • 初心者でもシェルコマンド・スクリプトの使い方が学べる入門レッスン - paiza times

    こんにちは。谷口です。 今回は、これからシェルに入門したい方、プログラミング初心者の方向けに、paizaラーニングでシェルの基礎が学べる「シェルコマンド入門編」についてご紹介します。 シェルコマンドって何? LinuxやUNIXなどのOSを利用するときに欠かせないのがシェルコマンドです。シェルにはいろいろな種類がありますが、最近のLinuxMacなどでは、bashがシェルの標準環境とされ、広く使われています。 ざっくり言うと、OSを使いたい時に、OSと我々ユーザーの仲介役をしてくれるのがシェルです。 たとえば、コマンドやスクリプトを入力すると、その入力された処理内容をカーネル(OSの核となる、処理を実行してくれる部分です)に依頼してくれたり、処理中に何らかのエラーが発生した時に、われわれでも理解できるようなエラーメッセージを出力してくれたり…というように、OSとユーザーの間を取り持ってく

    初心者でもシェルコマンド・スクリプトの使い方が学べる入門レッスン - paiza times
  • WebサービスのA/Bテストや機械学習でよく使う「確率分布」18種を解説 - paiza times

    主な確率分布の関連図 こんにちは、吉岡(@yoshiokatsuneo)です。 Webサービスを運営していると、利用状況を分析・予測したり、A/Bテストなどで検証したりすることがよくあります。 データを一個一個見ていてもよくわからないので、データ全体や、その背景の傾向などがまとめて見られると便利ですよね。そんなとき、データの様子を表現するためによく使われているのが「確率分布」です。 学校の試験などで使われる偏差値も、得点を正規分布でモデル化して、点数を変換したものです。 今回は、Webサービスなどでよく使われる確率分布18種類を紹介します。 それぞれ、Webサービスでの利用例やPythonでグラフを書く方法も含めて説明していきます。コードは実際にオンライン実行環境paiza.IOで実行してみることができますので、ぜひ試してみてください。 【目次】 正規分布 対数正規分布 離散一様分布 連続

    WebサービスのA/Bテストや機械学習でよく使う「確率分布」18種を解説 - paiza times
  • 【Python入門】Pythonってどんな言語?機械学習講座も解説 - paiza times

    こんにちは。谷口です。 今回は、これからPythonに入門したい方、プログラミング初心者の方向けに、paizaラーニングでPythonの基礎が学べるPython入門編、Flask編、Django編、Python×AI機械学習入門編についてご紹介します。 Pythonってどんな言語? Pythonは、現在もっとも人気のあるプログラミング言語の1つで、 プログラミング言語の中でも比較的短くシンプル構文なので読みやすく書きやすい 上記の理由から初心者でも基礎を学びやすい 機能的な標準ライブラリや外部のライブラリが多く存在していること などといった特徴があります。 特に計算処理やデータ解析、画像処理などの分野で使えるライブラリが多いため、最近は機械学習の分野でも人気が高まっています。また、DjangoなどのWebアプリケーションフレームワークも人気があり、Web開発の現場で使われることもあります

    【Python入門】Pythonってどんな言語?機械学習講座も解説 - paiza times
  • ITエンジニアの新たなバイブル『レガシーコードからの脱却』を読んだ - paiza times

    こんにちは。谷口です。 先日、オライリー社から『レガシーコードからの脱却――ソフトウェアの寿命を延ばし価値を高める9つのプラクティス』が発売されましたね。 弊社でもすぐ購入し、読みまくり、「これはリーダブルコードのように次世代のエンジニアのバイブルになる予感…」と言っているエンジニアもいたので、今回は書の概要紹介と感想について書きたいと思います。 私の書はすでに画像の通りふせん貼りすぎ下線ひきすぎ読みすぎでボロボロです。 レガシーコードからの脱却 ―ソフトウェアの寿命を延ばし価値を高める9つのプラクティス 作者:David Scott Bernstein発売日: 2019/09/19メディア: 単行(ソフトカバー) 概要について 書はどんな内容の書籍なのか、まずオライリー社公式サイトにはこう書かれています。 書では、ソフトウェア開発において、初めからレガシーコードを作りださないた

    ITエンジニアの新たなバイブル『レガシーコードからの脱却』を読んだ - paiza times
  • スプレッドシートをWeb開発の万能ツールに変えるおすすめサービス厳選まとめ! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、Googleが提供しているスプレッドシートを表計算ではなく、Web開発の即戦力になる万能ツールへと変えてしまうサービスを厳選してご紹介しようと思います。 スプレッドシートのデータを活用して、Webコンテンツを作成したりデータベースとして活用するなどさまざまな開発手法に応用できるので、ご興味ある方はぜひ参考にしてみてください! ■スプレッドシートのデータを即座にAPIで提供する! 【 SwiftSheet 】 SwiftSheetはExcelやスプレッドシートなどで管理しているデータを、即座にRESTful APIとしてホスティングしてくれるのが大きな特徴です。 CSVで保存したファイルをアップロードするだけという簡単な操作のため、ユーザー登録や課金などは一切不要です。 たとえば、お店のリストをスプレッドシートで管理しているとします。 こ

    スプレッドシートをWeb開発の万能ツールに変えるおすすめサービス厳選まとめ! - paiza times