お金をかけずに独学でプログラミング学習を始める時のTODO＆Tipsまとめ
こんにちは。TechAcademyの小嶋です。 近年、様々な分野が急速にIT化を進めています。そのなかで、プログラミングスキルを持っていると就職において大きな強みになります。 どのような職種であれ、Webやアプリは何かしらのかたちで関わることになるでしょう。 特にWeb業界にいる多くの方は、プログラミングスキルの重要性を感じているのではないでしょうか。 今回は、これからプログラミングの学習を独学で始める方向けに、オススメの無料の学習サービスと学習を継続するためのコツをご紹介します。 プログラミングとは プログラミングとは、コンピュータのプログラムを組み立てる行為、つまり*「コンピュータに特定の動作を行うように指示をする」*ことです。 人間であれば英語、日本語、中国語など様々な言語を駆使して指示します。 コンピュータの場合もコンピュータ用の言語を用いることで指示を与えることができます。 例え
jQuery学習者にReactも学習してほしい3つの理由と学習方法まとめ
jQueryの初版が登場して10年が経ちました。 jQueryの登場により、これまでJavaScriptで書いていた複雑なコードがよりシンプルになりました。CSS操作やDOM操作、Ajaxなどの拡張性も非常に便利なものでした。 時が経つにつれ、さまざまな特徴を持ったJavaScriptライブラリ・JavaScriptフレームワークが登場し、jQeuryに触れることなく大規模なアプリケーション開発をすることも珍しいことではなくなりました。 そうした中、昨今注目されているのがReact.js(React)です。 今回は、jQueryを学習した人に、Reactも学習してほしい理由とその学習方法についてまとめてみました。 Reactとは？ Reactとは、ユーザーインターフェイス(UI)を構築するためのオープンソースのJavaScriptライブラリです。 Facebookが開発の主導となっており、
デザイナーが確認しておきたいデザインリソース完全ガイド80選
今の作業フローをもう少し良くしたい、と考えているデザイナーの方は多いのではないでしょうか。 日々のデザイン作業を"より快適に" "効率良く"するためには、デザインリソースを確認しておくことが重要です。 しかし、たくさんのツールやサービスがあり、実際問題どれを選んだらいいかわからなかったり……そもそも調べるのが面倒という方も決して少なくないはずです。 そこで今回は、数ある中からオススメしたいデザインリソースをピックアップしてご紹介します。 気になるものがあれば、今すぐ活用してみてはいかがでしょうか。 ※素材数などは2016年12月21日時点での情報です。今後変更となる可能性がありますのでご了承ください。 画像・動画素材関連 1. freepik http://www.freepik.com/ ベクター、PSD、アイコンと、様々な形式でデータが用意されている、便利な素材がたっぷり揃った素材サイ
ホームページにダイナミックな動きを！JavaScriptフレームワーク「mo.js」の特徴と使い方
JavaScriptはブラウザに組み込むだけで、複雑かつダイナミックな動きや機能を実装することができる非常に便利で汎用性のある言語です。 ただデメリットとしては、JavaScript単体でそのような表現をするには、複雑なコーディングを行う必要となることです。 その現実を目の前に諦めてしまう方も少なくないはずです。 しかし、そうした方にぜひお伝えしたい情報があります。 実は、JavaScriptの便利な機能をシンプルなコードで呼び出すことのできるライブラリを使うことで、先に述べたようなデメリットは一掃できます。非常に簡潔にダイナミックな動きを実装することが可能になります。 そこで今回は、JavaScriptライブラリの中でも、まるでFlashを使っているかのようになめらかな動きを実装することができる*「mo.js」*をご紹介します。 「mo.js」とは？ mo.jsは「Motion for
JavaScriptをゼロから学ぼう！全くの初心者でも問題なし
ホームページを制作する上で、HTML・CSSとともに欠かすことができないのがJavaScriptの存在です。 しかし、HTMLやCSSのようなマークアップ言語と違ってプログラミングって少し難しそう……と思っている人も多いのではないでしょうか。実は、JavaScriptは非常にシンプルで、基礎的な部分は他のプログラミング言語と同じところも多いのです。 そこで今回は、JavaScriptの基礎を初心者向けに解説します。 JavaScriptとは？ JavaScriptは何百種類もあるプログラミング言語の一種で、ホームページに様々な動きや機能を付加することができます。 JavaScriptはフロントエンド言語(クライアントサイド言語)の一種で、サーバーをとおすことなく、ブラウザだけでプログラミングを実行することが可能です。 JavaScriptはいたるところで使われています。 例えば、ユーザー登
BuzzFeed Japan古田氏とヨッピー氏が語る、「ダメなメディアと良いメディア」を分けるたった1つのポイントは？
キュレーションメディア、オウンドメディア、バイラルメディア、など、あらゆる形態のWebメディアが濫立している今、改めてメディアの在り方を考える必要がありそうです。 他媒体との差別化が難しい今、どうすればユーザーに選んでもらえるメディアになるのか、良いメディアには何が必要なのか。明確な答えを出せる方はほとんどいないのではないでしょうか。 今回は、D2Cソリューションズ主催のメディアイベントに登壇したBuzzFeed Japan 創刊編集長の古田大輔氏とライターのヨッピー氏による「良いメディアと悪いメディア」をテーマにしたディスカッションの様子をお届けします。 登壇者紹介 古田大輔氏 BuzzFeed Japan 創刊編集長。早稲田大政経学部卒業後、2002年朝日新聞入社。京都総局を振り出しに、社会部記者、東南アジア特派員、デジタル版編集などを担当。 2015年10月にBuzzFeed Jap
CSSのみ！動きのあるデザインをコピー＆ペーストで実装できるサンプルコード集
自由度の高い表現が可能になったCSS3は、簡単なアニメーションや動きをつけることもできます。 今回は、CSSだけでできる動きのあるデザインをピックアップしてご紹介します。 フロントエンジニアの方にとっては、CSSテクニックのレパートリーが増えるだけでなく、コピー＆ペーストで手軽に利用できますので、動きのある表現をしたいという時に取り入れてみてはいかがでしょうか。 CSSだけで表現できる動きのあるテクニックまとめ 1.CSS3フルスクリーン背景スライドショー DigitalSkill CSSのみでフルスクリーン背景のスライドショー、タイトル表示をおこなうチュートリアルです。 アニメーション部分は、複数パターンのサンプルデモを公開しています。 2.Fullscreen Overlay Effects codrops クリックすると、フルスクリーンのオーバーレイがかかるエフェクトのサンプルです。
5年間のランディングページ制作で行き着いた鉄板の構成と7つのポイント
こんにちは。株式会社FREE WEB HOPEの代表取締役社長 相原 祐樹です。Webマーケティングは、やるべき事や覚えなきゃならないことが沢山あります。何か調べ物をしようとした時に情報が抽象的だったり、概念的だったりと最終的には調べることに疲れてしまった……なんて経験はありませんか？ 僕はいつも思っていました。 「考え方やマインドセットはいいからやり方を教えほしい」ということを。 そこで、もう自分でWebマーケティングで中小企業がやるべき事を時系列でわかるようにまとめてしまおう思い、「中小企業が今すぐ出来る 実践！WEBマーケティング大全（全116ページ！）」を執筆しました。 実際に僕の会社が設立から4000万/1億/3億/5億(たった8人で)と毎年伸び続けてこられたWebマーケティングに関する5年分の情報を全て整理して分かりやすく解説しています。 本記事では、その中から弊社の得意とする
ビジネスマンが公にカンニングできる企画書共有サイトと良記事10選
どのようなビジネスでも、企画書や資料の作成はつきものです。 そんな企画書ですが、なかなか上手く作れなかったり、作成途中で迷ってしまうことも少なくありません。 そのような企画書や資料作りにおける悩みは、他の人が作ったものを参考にしてみるといいでしょう。 今回は、企画書をのぞき見できるサイトや良記事をまとめてご紹介します。 ぜひ企画書づくりの参考にしてみてください。 人が作った企画書が見られるサイト 1.SlideShare http://www.slideshare.net/ SlideShareは、PowerPointやKeynote、pdfのプレゼン資料・企画書をアップロードできるスライドホスティングサービスです。 元々は「オンラインで知識を共有する」というコンセプトで資料を社内共有するために作られたものですが、徐々に一般ユーザーが増えていき現在は多くの一般ユーザーが資料を公開しています
今年こそは！Adobe関連ソフトのチュートリアルが充実しているブログ・サイト29選
【2016/02/03 追記】一部、内容に誤りがありましたので訂正いたしました。ご指摘ありがとうございます。 デザインや動画制作など、あらゆるシーンで登場するのがAdobe製品です。 いつかは使ってみたいと思いつつもハードルが高いと感じている方も多いのではないでしょうか。 Adobeソフトはプロも使っているソフトのため、高機能で難易度が高いイメージがありますが、実際にはAdobe公式のチュートリアルをはじめ多くの解説サイトが存在しますので、これらを利用すれば充分に独学でも習得できます。 今回は、Adobe関連のチュートリアルを掲載しているサイトやブログをツールごとにご紹介します。 今年こそは使いこなしてみたい、と思っている方はぜひチャレンジしてみてはいかがでしょうか。 Photoshopのチュートリアルサイト 1.Learn Photoshop CC http://tv.adobe.com
始めて1ヶ月以内のアフィリエイターが使うべきツール9選
ferret編集部：2015年1月28日に公開された記事を再編集しています。 アフィリエイトを行ううえで重要視することが効率化です。 アフィリエイトは、成果が出るまでの労力はもちろん、コツコツ続けるためのモチベーション維持のためにも作業効率短縮は欠かせません。 今回は、本業でやっているアフィリエイターの方はもちろん、副業でやっている方にとってもオススメしたいツールをまとめました。 キーワード調査系ツール キーワード調査は、アフィリエイトにおいて最も重要と言えます。獲得するための戦略を決める際、扱う商材とキーワードを軸に練っていきます。 このキーワードによって、ユーザーがどういったことを求めているかを類推していく必要があります。 1.GoogleAdoworsキーワードプランナー Googleの提供する無料キーワード調査ツールです。アフィリエイターであれば、必須ともいえるツールです。 htt
大公開！ferretが毎日チェックしている、メディア・ブログ46選｜ferret [フェレット]
Webサイトを運営している方であれば、さまざまなメディア・ブログなどからの情報収集を欠かかすことはできません。 ferretも同様であり、常日頃から大手メディアから個人ブログに至るまで幅広く情報収集を行っています。 今回は、ferretがRSSに登録して毎日チェックしている選りすぐりのメディア・ブログ44選をご紹介しますので、ぜひ情報収集にお役立てください。 このニュースを読んだあなたにオススメ プライバシーポリシーを記載しよう 情報収集には欠かせない！便利なFeedlyのイロハを解説 効率的に情報収集できるGoogleアラートの使い方 Google／Yahoo! 1.Google Japan Blog http://googlejapan.blogspot.jp/ Google Japanが発信している、主にGoogleに関する情報が日本語で書かれているブログです。 Googleの公式サ
![大公開！ferretが毎日チェックしている、メディア・ブログ46選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/abd8a352caf29e369ad6e258c6607ba38b68a1b0/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F3018%2Fog_image%2Fdefault-dbd81f463395226e1d8e7943fac918f8.jpg)
【テンプレート付】マンダラチャートとは〜自分の目標を明確にできる目標設定シートの使い方
自分自身の目標をどのように立てていますか？1年の始まりにその年の目標を立てたものの、日々を過ごすうちにないがしろになり、そのうち忘れていた…というパターンをくり返してしまう人も多いのではないでしょうか。 すぐ意識から消えてしまうような無駄な目標設定を避けたいのであれば、「マンダラチャート（マンダラート）」の活用が効果的です。今回は、マンダラチャートの概要から基本的な使い方を解説します。 目次 マンダラチャート（マンダラート）とは マンダラチャートで計画を立てる方法 マンダラチャート使用例 詳細な目標の記入でマンダラチャートをさらに活用 マンダラチャートで具体的な目標設定をしてみよう マンダラチャート（マンダラート）とは 「マンダラチャート」は、3×3の9マスの枠で構成されるフレームワークです。「マンダラート」や「マンダラシート」とも呼ばれています。非常にシンプルなフレームワークですが、シン
セミナー運営に役立つ情報がまとまった良記事17選
受注に繋がるウェビナー運営とは？ ウェビナー運営の教科書【2024年版】 本書では、ウェビナーの企画から準備・集客・開催後のフォローまでの一連の流れと、ウェビナーで受注などの成果を上げるためのポイントについてお伝えします。 セミナー運営の参考になる記事17選 1.【体験談】セミナー・説明会の開催・運営の効果的なポイント｜LISKUL http://liskul.com/wm_seminarp-4263 実体験をもとに、セミナー・説明会を効果的に開催する方法をまとめた記事です。 どうすれば魅力的なセミナープランができるかに加え、申込率・来場率を高める集客方法、セミナー当日の注意点についても紹介しています。 企画から当日までの流れに沿って説明していますので、非常に分かりやすくまとまっています。 2.集客だけで終わらない！商談に繋げるセミナー運営４つのポイント｜BtoBマーケティングイノベーショ
Pinterest（ピンタレスト）とは？｜初心者でも分かる使い方と特徴を解説！
「Pinterest（ピンタレスト）」とは、Webサイト上にある画像を集めてブックマークできるWebサービス。2008年にアメリカで生まれ、日本では2014年に電通が、Pinterestを展開するピンタレスト・ジャパンとの業務提携を発表しました。 今では商品の認知拡大やブランディングなど、企業にも幅広く利用されています。今回は、日本でのビジネスにも役立つPinterestの基本的な使い方と、ビジネスでの活用法を事例とともにまとめました。 ▼SNSマーケティングに役立つ各ユーザーの特徴はこちらをチェック 目次 Pinterest（ピンタレスト）とは Pinterest（ピンタレスト）とInstagram（インスタグラム）との違いは？ Pinterestではインターネット上の写真を集めるのがメイン Pinterestは未来を投稿するサービス 画像に外部リンクをつけられる 拡散効果がある Pin
Webサービスの作り方をプログラミング初心者が勉強した記録記事
近年、よりプログラミング言語習得の注目度が上昇しています。 インターネット上でプログラミングが学べるサービスも多数登場していますが、いざ勉強を始めてみると難しいと感じたり、興味はあるけれど敷居が高いと感じてしまうこともあります。 今回は、未経験者や経験の浅い著者がプログラミングを学んだ成果を記録している記事をご紹介します。 プログラミングをこれから学習する方にとって参考になる内容となっていますので、ぜひ目を通してみてください。 未経験者がWebサービスの作り方を学んで成果を記録した記事 1.ノンプログラマーが3ヶ月でWebサービスを作ってみた｜Qiita http://qiita.com/tabbyz/items/6513e84f319843c316d5 プログラミング関連の知識を記録、共有するサービスQiita内の記事です。 ノンプログラマーで趣味でたまにプログラミングをする程度という筆
【2015年版】SEOの順位を調べる際に役立つチェックツール7選
SEOを実践した成果は、定期的に確認する必要があります。 一つの指標として、運営するホームページの狙っているキーワードの検索順位を小まめに確認することが重要です。 ホームページの検索順位を確認して、状況を把握するためにはその瞬間だけでなく、継続して順位を計測する必要があります。 1日前、1週間前、1ヶ月前からの順位推移を確認しておくことで、順位下落の原因を分析する事にも役立てることも可能です。 今回は、ホームページの順位計測に使えるツールをご紹介します。 「検索順位を調べる」というシンプルな作業ですが、ツールごとに機能の違いがありますので、使いやすいものを選ぶようにしましょう。 定点観測用の計測ツール 1.GRC http://seopro.jp/grc/ GRCは、定点観測型の順位計測ツールとして有名なツールです。 S順位計測ツールとしては2004年から提供されており、以前から定評があり
写真好き必見！グルメ系の写真を撮る際に活用したいテクニック記事9選
FacebookのようなSNSを始め、レシピサイト、ブログで料理の写真を公開するというのは最近では当たり前のようになってきています。 自宅で作った手料理だけでなく、外食先で注文した料理の写真を撮影し、投稿する方も多くいらっしゃいます。 そんな料理写真においては、やはり見た目が重要な要素となります。 せっかく写真を投稿してもあまり美味しそうに見えなければ少し残念です。 今回は、グルメ系の写真をうまく撮ることが出来るテクニック記事をまとめてご紹介します。 日頃料理写真を撮っているけれど思うように撮れない、とお考えの方がいらっしゃいましたら、ぜひ記事のテクニックを参考にしてみてください。 グルメ系の写真をうまく撮るテクニック記事9選 1.料理の撮影方法と9つのテクニック：美味しく見せる撮り方｜森のカメラノート http://www.mori-camera.com/situation/food.h
おすすめのネット決済サービスはどれ？33個のサービスの特徴をまとめてみました
ネットショップを訪れたお客様が購入をやめてしまう原因の一つとして、「希望する支払い手段がない」という理由があります。 インターネット上で数多くある商品の中から興味を抱いたのにもかかわらず、最後の決済で断念してしまうのは非常に大きな機械損失でもあります。 取り揃える決済手段によって購入率が大幅に違ってくるとすれば非常に重要な要素です。 今回は、ネットショップ担当者に薦める決済サービスについてご紹介します。 ネット決済手段が少ない、とお感じの方はぜひ参考にしてください。 ※料金は、執筆時現在（2015年7月23日）の情報となっており、料金掲載がないものに関しては個別対応と記載しております。 ネット決済サービス33選 1.ウェルネット http://www.well-net.jp/ 様々な決算代行サービスを提供する業界のパイオニア、ウェルネット株式会社のサービスです。 紙の請求書無しで、ウェルネ
渋さが最高！ビンテージな雰囲気のあるフォント50選
フォントがデザインに与える影響は大きく、非常に重要な要素の一つです。 同じデザインであってもフォントが違うというだけで全く印象が変わってしまいます。 Photoshopやillustratorにはデフォルトでフォントが初めから収録してありますが、どうしてもしっくりこない場合があり、目的に応じて使い分ける必要があります。 今回は、ビンテージ風デザインのフォントを50個ピックアップしてご紹介します。 レトロな雰囲気にぴったり合うオシャレなものが揃っていますので、気になるものがあればぜひデザインに取り入れてみてください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
