タグ

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

  • これさえ見れば脱・JavaScript初心者!海外のYouTube動画を一挙大公開 - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、基的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました! 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル! 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル! 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは

    これさえ見れば脱・JavaScript初心者!海外のYouTube動画を一挙大公開 - paiza times
  • 複雑なCSSアニメーションが超簡単にJavaScriptで操作できる「Choreographer-js」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、複雑なイメージのあるCSSによるアニメーションをJavaScriptから簡単に扱えるようにしてくれるライブラリのご紹介です! マウスや画面スクロールなどの移動量をもとにして、リアルタイムなアニメーションを作成できるので楽しいWebページが作れますよ。 【 Choreographer-js 】 公式サイトでは、「Choreographer-js」を活用して画面を下方向にスクロールすることでロゴの文字列がアニメーションするのが分かりますね。 このような複雑な動きを簡単に実現でき、ユニークなWebページを作れます! ■「Choreographer-js」の使い方 それでは、まず最初に「Choreographer-js」を使うための準備から始めましょう! 最も簡単な方法としては、わずか数キロバイトの「choreographer.min.js」を

    複雑なCSSアニメーションが超簡単にJavaScriptで操作できる「Choreographer-js」を使ってみた! - paiza times
  • コーディング不要・初心者でもブラウザだけで万能チャットボットを作れる「Tars」の使い方大公開! - paiza開発日誌

    どうも、まさとらん(@0310lan)です。 今回は、誰でもプログラミング不要、「チャットボット」を制作して公開できるWebサービスのご紹介です! 作れるボットの種類も幅広く、例えば…予約注文、カスタマーサポート、FAQ…などに対応するチャットボットを簡単に構築可能です! 活用次第では、自分自身を紹介するポートフォリオボットや、イベントなどの告知ボット、仕事の打ち合わせ用にスケジュール調整ボット…などなど、とにかく広い用途に作れて楽しいので、ぜひトライしてみてください! 【 Tars 】 ■「Tars」の始め方 それでは早速ですが、実際に「Tars」を使いながら、どのようなサービスなのかを見ていきましょう! まずは、サイトにアクセスして「ユーザー登録用」のボタンをクリックします。 「ユーザー名」「メルアド」「パスワード」を入力すれば、登録完了です! すると、自分専用の「ダッシュボード」が表

    コーディング不要・初心者でもブラウザだけで万能チャットボットを作れる「Tars」の使い方大公開! - paiza開発日誌
  • ブラウザ上で超簡単にWebサイトが作れる!Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました! 【 Pingendo 】 「Pingendo」は、基的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています! ■基的な使い方! それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス

    ブラウザ上で超簡単にWebサイトが作れる!Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開! - paiza times
  • JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times

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

    JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説! - paiza times
  • JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開! - paiza times

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

    JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開! - paiza times
  • 【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧 - paiza times

    Photo by Matthew Pearce 今回のpaiza開発日誌は片山がお送りします。 皆さんはWebデザイナーがどんな仕事をする人か?という事を明確にイメージ出来るでしょうか? 最近、弊社でWeb/UIデザイナーを採用する事になったのですが、求人の要件を固めていくにあたって、そもそもWebデザイナーって、どんな経験を持った人を指すんだっけ?というのが曖昧だったので、Webデザイナーのキャリアパスと、15分野のスキル一覧を書き出してみました。 現在20代のWebデザイナーだという方が、今後のキャリアを考える際にもちょうど参考になりそうな物になったので、せっかくなので公開してみようと思います。Webデザイナーからどのような職種にキャリアアップ出来るのかと言う事と、そのために必要な経験を15分野にまとめてみました。 企業がWebデザイナーを採用する際の求人要件定義にも使えるかと思います

    【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧 - paiza times
  • 初心者でもほぼ無料でPythonを勉強できるコンテンツ10選 - paiza times

    Photo by photobom こんにちは。谷口です。 プログラミングをこれから学ぼうとしている方や、これから研修や実務に入る新人ITエンジニアの皆さんの中には「Pythonを学習したい」という方も多くいらっしゃるかと思います。 Pythonは1990年代前半からオランダ人のグイド・ヴァンロッサムによって開発されたオブジェクト指向スクリプト言語です。 Pythonは文法が必要最小限に抑えられており、ITエンジニアの学習の負担が軽減された開発言語と言われています。 海外では、近年Pythonによる開発が急速に増加しており、各種モジュール等が充実しています。Googleの開発に置けるメインのスクリプト言語ともされています。 日国内でも、読みやすさ(=保守性)を重視する企業や、スマートフォンのバックエンド等では積極的に取り入れる企業が増加してきており、これからの一層の普及が期待される言語で

    初心者でもほぼ無料でPythonを勉強できるコンテンツ10選 - paiza times
  • 初心者が簡単にRubyプログラミングを覚えられる!Smalrubyの使い方 - paiza開発日誌

    Photo by Fumitake Taniguchi こんにちは。今回は谷口がお送りします。 先日このブログで、Flappy Codeを使って実際に弊社社員にビジュアルプログラミング学習をしてもらい、ゲームを作ってもらったというお話をしました。 プログラム未経験者の同僚が、たった1時間でゲームを作った方法 - paiza開発日誌 そこで今回は、その次のステップとしてRubyに変換できるビジュアルプログラミングツール『Smalruby』を使って、ビジュアルプログラミングときどきRubyの学習をしてもらいましたので、その過程をご紹介していきます。 こちらのSmalrubyは、ブロックを組み合わせて作ったプログラムを、ボタン1つでRubyに変換して見ることができるという、一からRubyを学ぼうという人にはもってこいのツールとなっております。そもそもが「小学3年生以上の子どもたちがプログラミング

    初心者が簡単にRubyプログラミングを覚えられる!Smalrubyの使い方 - paiza開発日誌
  • 初心者でも小1時間でプログラムが書けちゃう!【なでしこ】がすごい件

    Photo by Durán こんにちは。今回は谷口がお送りします。 先日このブログで、Smalrubyを使って実際に弊社社員にビジュアルプログラミング学習をしてもらい、FizzBuzzのシステムを作ってもらったというお話をしました。 初心者が簡単にRubyプログラミングを覚えられる!Smalrubyの使い方 - paiza開発日誌 そこで今回は、その次のステップとして日語でプログラミングができる言語『なでしこ』を使って、プログラミングの学習をしてもらいましたので、その過程をご紹介していきます。 なでしこは、単語も文法も日語に沿った形でコードが書けるので、これからプログラミングを学ぶ初心者の方には最適の教材になると思います。 ちなみにやってもらったのは、普段は事務を担当しており、プログラミング経験はビジュアルプログラミングのみ、条件文やループの概念に関しては、SmalrubyでFizz

    初心者でも小1時間でプログラムが書けちゃう!【なでしこ】がすごい件
  • 凄腕エンジニアが選ぶ【値段以上の価値があった良書26選】 - paiza times

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

    凄腕エンジニアが選ぶ【値段以上の価値があった良書26選】 - paiza times
  • ゲーム感覚でプログラミングが学べる15サイト - paiza開発日誌

    Photo by Blake Patterson こんにちは。谷口です。 初心者がプログラミングの勉強を始めるにあたって、独学でどう勉強したらいいか分からないという方も多いと思います。また、プログラミング言語のを読んでみたけど難しくて…という方や、環境構築が大変で挫折したという方もいるのではないでしょうか。 今回は、そういった初心者だけど楽しく勉強したい!という方のために、ゲーム感覚で楽しくプログラミング学習ができるサイトを紹介していきます。 現在paizaではプログラミング×異世界ファンタジーRPG『ロジックサマナー~閃光の召喚プログラマ』を公開しています! 主人公はひょんなことから異世界に迷い込んだITエンジニア。異世界では、なんとプログラミングしたコードが召喚獣を呼び出すための詠唱魔法だった!?召喚魔法(※プログラミング)が使える主人公は急に世界を救う伝説の召喚士として盛大に歓迎さ

    ゲーム感覚でプログラミングが学べる15サイト - paiza開発日誌
  • Webサービスを作りたい人が、素早くプログラミング言語を学べる15サイト - paiza times

    Photo by Daniel Cukier コーディング転職サイトpaizaを運営している関係上、「Webサービスを作りたいけど、プログラミング言語をどこから学んだらよいか?」という質問をよく受けることがあります。今回はプログラマ視点でプログラミングを学ぶときにつまずやすいポイントと、プログラミング言語の基礎を簡単に楽しく学べるサイトをまとめてみました。 最近はオンラインでプログラミングを勉強できるWebサービスが多数登場してきているので、以前よりプログラムを学ぶコストはぐっと下がっています!! 目次 ・プログラミング言語を学ぶときに躓くポイント ・学ぶ言語を選ぶのに役立つサイト ・すぐ書きはじめられるプログラミング学習サイト ・講義型のプログラミング学習サイト ・少しコードに慣れてきてからお勧めのサイト ・さらにスキルアップするのに最適なサイト ・基礎文法をマスターしたいなら(おまけ)

    Webサービスを作りたい人が、素早くプログラミング言語を学べる15サイト - paiza times
  • 1