タグ

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

  • JavaScriptだけでTrello風タスク管理ボードを開発できるライブラリ「jKanban」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、簡単なJavaScriptコードだけでTrello風の「タスク管理ボード」を開発することができるライブラリのご紹介です! 非常にカスタマイズ性が高く、自分好みのタスク管理アプリを構築したい人などには最適でしょう。 コードも簡単で初心者の方もすぐに理解できると思うので、ぜひ参考にしてみてください! 【 jKanban 】 ■「jKanban」の使い方 それでは、まず最初に「jKanban」を利用するための準備から始めていきましょう! 必要になるのは専用の「JS / CSS」ライブラリで、GitHubからそれぞれ取得して読み込むだけなのでお手軽です。 これらのライブラリは次のようにHTMLへ追記しておけば準備完了です。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>j

    JavaScriptだけでTrello風タスク管理ボードを開発できるライブラリ「jKanban」を使ってみた! - paiza times
  • Web開発初心者でもAWSについて学べる入門レッスン紹介 - paiza times

    こんにちは。谷口です。 最近「AWSについて勉強したい、自分で使ってみたい」「仕事AWSの知識が必要になった」という初心者の方から、「AWSがどんなものかよくわからないので知りたい」と聞かれることがよくあります。 今回は、これからAWSに入門したい方、Web開発初心者の方向けに、paizaラーニングでAWSの基礎が学べる「AWS入門編」についてご紹介します。 AWSって何? AWSAmazon Web Services)は、すごく簡単に言うとAmazonが提供するいろいろなクラウドサービスの総称です。 AWSを使うと、たとえば サーバやデータベースなど、用途に合った仮装マシンがすぐ使える(=自分でサーバ用のマシンなどを用意しなくても済む) ちょっとしたWebサービスの開発に使うためのWebサーバから、ビッグデータの分析用など、目的に合ったサービスや性能を選べる 使ったぶんだけ料金を払う

    Web開発初心者でもAWSについて学べる入門レッスン紹介 - paiza times
    kinacco
    kinacco 2020/01/11
  • 【C#入門】プログラミング初心者向け・C#の基本とUnityが分かるコンテンツ - paiza開発日誌

    こんにちは。谷口です。 今回は、これからC#に入門したい方、プログラミング初心者の方向けに、paizaラーニングでC#の基礎が学べるC#入門編についてご紹介します。 C#ってどんな言語? C#は、Microsoftが開発した言語で、サーバ用のプログラムや、ゲーム、アプリ開発、企業向け業務システムなど、幅広く利用されているプログラミング言語です。特に近年はUnityというゲームエンジンとC#を使えば個人でも簡単にゲーム開発ができるため、ゲームエンジニアを目指す人からの人気が特に高まっています。 paizaラーニングのC#入門編 この講座では、C#を使ったプログラミングの基礎から、クラス、ライブラリ、Dictionaryの使い方などまでを解説しています。これからC#を始めたいという初心者でも学べる内容となっています。 1: プログラミングを学ぶ 標準出力、コメントのつけ方、変数、演算子(四則演

    【C#入門】プログラミング初心者向け・C#の基本とUnityが分かるコンテンツ - paiza開発日誌
  • 初心者でもRubyでプログラミング問題を解けるようになる無料講座 - paiza times

    こんにちは。谷口です。 paizaでは、プログラミングスキルチェック問題を公開しています。 また、プログラミング初心者の方向けに「スキルチェック入門編」も全編無料公開をしています。 スキルチェック入門編では、スキルチェックのレベルアップ問題集を題材に、プログラミング問題の解き方だけでなく、さらにコードを見やすく・シンプルな処理に改善する方法や考え方なども解説しています。「プログラミングの勉強がしたい」「問題を解けるようになりたい」という方の役に立つ内容になっています。 先日「スキルチェック入門編5:宝くじ(Cランク)」が追加されましたので、今回はその内容をご紹介します。 ※スキルチェック入門編5:宝くじ(Cランク)ではRubyで問題を解いていますが、解き方やアルゴリズムに関してはどの言語でも通じます。 スキルチェック入門編5:宝くじ(Cランク)の問題内容 今年もパイザ宝くじの季節がやってき

    初心者でもRubyでプログラミング問題を解けるようになる無料講座 - paiza times
    kinacco
    kinacco 2019/09/21
  • 非エンジニアとのギャップを埋めるためにやっている4つの施策 - paiza times

    Photo by Amtec Photos こんにちは。倉内です。 自社開発の企業では、エンジニアはデザイナーやディレクター、営業・企画などエンジニア以外の人と一緒に仕事をすることも多いと思いますが、「無駄なやり取りが多い…」「なに考えてるか分からない…」とモヤモヤすることってありませんか? 「いいサービスをユーザーに提供しよう!」という気持ちは同じはずなのに、すれ違いが起きてストレスになってしまうのってつらいですよね。 ただ、コミュニケーションがうまくいっていないのかもという漠然とした課題感はあっても、具体的な対策をとるというのは結構難しいものです。 paiza(ギノ)でもやはりそういった状態になることはあって、試行錯誤しながらではありますが少し前からいろいろな取り組みを始めているところです。 そこで今回はエンジニアと非エンジニアが円滑に仕事を進めていくための具体策について考えてみたいと

    非エンジニアとのギャップを埋めるためにやっている4つの施策 - paiza times
  • 初心者でも簡単にWebサイトを面白くできるJavaScriptライブラリ8選を徹底解説! - paiza times

    どうも、まさとらん(@0310lan)です。 みなさんは、JavaScriptライブラリを活用されているでしょうか? Web開発を効率化してくれたり、便利な機能を手軽に組み込んだりできるわけですが、今回はちょっと趣向を変えて「Webの楽しさ」を味わうことができるインタラクティブなライブラリを厳選してみました。 開発者もユーザーも双方に楽しめると思いますので、ぜひ参考にしてみてください! 目次 ■音楽に合わせて「HTML要素」がダンスするライブラリ! 【 Rythm.js 】 ■Canvas図形を超ラフな「スケッチ画」にするライブラリ! 【 Rough.js 】 ■「立体視」による3D画像を生成できるライブラリ! 【 MagicEye.js 】 ■PC・スマホに「パターンロック認証」を導入できるライブラリ! 【 patternLock.js 】 ■テキストを「タイプライター風」に表示するライ

    初心者でも簡単にWebサイトを面白くできるJavaScriptライブラリ8選を徹底解説! - paiza times
  • 「あとで読む」をあとで読んだことありますか?PocketとTodoistで必ず読めるようにする方法 - paiza times

    Photo by ThoroughlyReviewed 中村です。 Webには、見つけた記事を「あとで読む」用に保存しておいてくれる、便利なサービスがいろいろありますよね。はてなブックマークでもあとで読むタグをつけることができますし。 ただ「あとで読む」という意志が強すぎるあまり、それだけだと永遠に「あとで読む」で終わってしまう私のような人もいるのではないでしょうか。いる。絶対いる。いるって言ってください。 というわけで今回は、先日Mozillaに買収されたことが話題になったPocketに、TodoistをIFTTTで連携させて、「あとで読む」を当にあとで読めるようにする方法を説明していきます。RSSフィードと連携させてRSSリーダー代わりに使えるようにするやり方も書きますので、あとで読んでください。 ■登場サービス ◆Pocket Web上で見つけた記事や情報を保存してくれる。基無料

    「あとで読む」をあとで読んだことありますか?PocketとTodoistで必ず読めるようにする方法 - paiza times
  • JavaScriptコードは1行のみ!超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた - paiza開発日誌

    どうも、まさとらん(@0310lan)です。 みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか? 「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaScriptライブラリが一発解消してくれますよ! 【 Rellax.js 】 今回のテーマである「パララックス(視差効果)」がどんなモノであるかは、「Rellax.js」の公式サイトを見ると分かりやすいです。 このように画面を上下に動かす際に、複数のHTML要素が異なるスピードでアニメーションすることで、Webページが立体的になって印象に残りやすいサイトになります。 「Rellax.js」は、このような「パララックス効果」を可能な限り簡単に書けるようにしてくれるJavaScriptライブラリというわけです!(ちなみに、「ver1.0」か

    JavaScriptコードは1行のみ!超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた - paiza開発日誌
  • Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選! - paiza times

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

    Webアプリの開発で面倒な作業を一発解消してくれる無料Webサービス9選! - paiza times
  • デザインセンス不要でWeb制作が捗る!登録ナシですぐ使える「HTML5/CSS3」の無料テンプレート12選+α - paiza times

    どうも、まさとらん(@0310lan)です。 ネット上には、Webサイトを効率よく制作できるように多種多様な高品質テンプレートが存在します。 そのまま利用しても良いし、開発やデザインの参考にしてみたり…など、その活用範囲は広いのですが、検索すると「有料・無料」「低品質・高品質」などが混在していて見つけるのが大変だったりします。 そこで今回は、「無料・高品質」なテンプレートの中から使用用途別にカテゴリを分けて、さらに面倒な「登録」も不要なモノだけを厳選してご紹介しようと思うので参考にしてみてください! ■「ブログサイト」に最適なテンプレート! 【 Spore 】 「Spore」は、モダンブラウザに対応したレスポンシブなテンプレートになっており、「ブログ」向けとして最適です。 ページのトップに位置するフルスクリーンのテーマ画像が印象的で、縦幅の違うカード状に並べられた記事はシンプルながらも、ア

    デザインセンス不要でWeb制作が捗る!登録ナシですぐ使える「HTML5/CSS3」の無料テンプレート12選+α - paiza times
  • プログラミング初心者でも大丈夫、Swiftの学習を始められるコンテンツ13選 - paiza times

    Photo by fs-phil こんにちは。谷口です。 今、「Swiftの学習を始めたい!」と思っている方は多いと思います。 Swiftは米Apple社が開発したiOSおよびOS Xのためのプログラミング言語で、現地時間の12月3日にオープンソース化が実施されたことにより、どこでも誰でも無料で利用できるようになりました。初心者でも学びやすくパフォーマンス性の高いアプリを開発できる言語として、現在非常に注目されています。 そこで今回は、プログラミング未経験~初心者の方が、なるべくコストをかけずにSwiftに触れられて、学習に役立てられるコンテンツを13件ご紹介していきます。 ■プログラミング経験ゼロからSwiftを覚えたい人 「プログラミング初心者がSwiftを勉強するのは難しいのでは?」と言う方もいらっしゃいますが、最近は特に初心者でも勉強を始められるわかりやすい学習動画が多くありますの

    プログラミング初心者でも大丈夫、Swiftの学習を始められるコンテンツ13選 - paiza times
  • 初心者でもほぼ無料でJavaを勉強できるコンテンツ10選 - paiza開発日誌

    Photo by waferboard こんにちは。谷口です。 プログラミングをこれから学ぼうとしている方や、これから研修や実務に入る新人エンジニアの皆さんの中には「Javaを学習したい」という方も多くいらっしゃるかと思います。 Javaは、1990年代前半にサン・マイクロシステムズ(2010年オラクルにより吸収合併)でジェームズ・ゴスリン、ビル・ジョイらによって開発されました。 Java開発の求人は、これまでは金融関係のシステム(ATM等)などの比較的大規模開発案件が中心でしたが、近年ではAndroidのネイティブアプリ開発も増えてきています。 Javaを習得できれば、Webサービスだけではなく組み込み系やデスクトップアプリなど、大小さまざまなシステムで活用できます。OSに依存せず、ライブラリも豊富なので開発の幅が広く、有名なサービスではTwitterやEvenoteでもJavaが使用さ

    初心者でもほぼ無料でJavaを勉強できるコンテンツ10選 - paiza開発日誌
  • 独学に最適!初心者が短期間でプログラミングを学べるサービス11選 - paiza times

    Photo by ITU Pictures こんにちは。谷口です。 プログラミング初心者の方々、プログラミングを学びたい方々は、普段どのような方法で学習をしていますか? 最近は、Web上でコーディングができるサイトや、プログラミングを学習できる動画コンテンツなど、独学での勉強に役立つサービスが増えてきました。そこで今回は、初心者でも独学でプログラミングの基礎を楽しく学べるサービスを11件ご紹介いたします。 ■初心者でもプログラミングして実行できる!学習サイト ◆1.Codecademy http://www.codecademy.com/learn 学習可能言語:HTML/CSSRubyPythonPHPJavaScript、jQuery 対応言語:英語(一部日語) 料金:無料 Codecademyは、実行環境を構築しなくても、書いたコードを実行できます。サインインすると実際にW

    独学に最適!初心者が短期間でプログラミングを学べるサービス11選 - paiza times
  • 1