ユーザープロフィール

ゲストさん

フロントエンドのイロハ

240件

Webサイトの顔でもあるGUIの設計を担当しているのがフロントエンドエンジニアです。コーディングからデザイン、バックエンドのプログラミングなど幅広い知識が必要となるため、常に全体を把握しながら作業を進めなくてはなりません。このカテゴリでは、Web開発におけるフロントエンドエンジニアのためのさまざまなノウハウ・テクニックを集めました。

超簡単 Cloud9の使い方!開発環境を無料で準備しよう

超簡単 Cloud9の使い方!開発環境を無料で準備しよう

Cloud9とは?Cloud9は、Webアプリケーションの開発をブラウザ上で行うことができる、クラウド型IDE(統合型開発環境)のサービスです。開発に必要なOSやミドルウェアは、Cloud9上で提供されるため、開発するユーザーが、自分の端末にインストールする必要がありません。Cloud9のサービスは、すべてブラウザから利用することができ、インターネットに接続したパソコン端末さえあれば、どこでも開発…


求人も増加中!プログラミング初心者におすすめするSwift学習法

求人も増加中!プログラミング初心者におすすめするSwift学習法

Swiftは、2014年に発表されたばかりの最も新しいプログラミング言語の1つです。プログラミング初心者でも、iOS向けのアプリ開発をはじめやすい言語として人気が出てきています。現在では、オープンソースで提供されており、Apple製品以外にもLinuxやIBMのクラウドサービスなどで利用できるようになって来ました。ここでは、これからプログラミングをはじめたい人のために、Swift学習法をまとめてみ…


Swift(スウィフト)初心者入門!プログラムの特徴とその将来性

Swift(スウィフト)初心者入門!プログラムの特徴とその将来性

Swift(スウィフト)は、数あるプログラミング言語の中でも比較的新しいものの一つで、Apple社によって開発され、現在はオープンソースとして提供されています。特にiOS向けアプリの開発言語として、プログラミング初心者にも人気が出ています。ここでは、Swiftの特長や、人気の理由、将来性についてまとめてみました。おすすめ関連記事 2017年の人気プログラム言語10選を徹底比較!気になる年収や求人、…


Bootstrapの使い方とおすすめテンプレート・2017年版

Bootstrapの使い方とおすすめテンプレート・2017年版

2017年現在、ウェブサイト制作の現場でのマルチデバイス対応はほぼ常識となりました。とはいえ、1から全てをコーディングするのは膨大な時間と労力を要します。そこで欠かすことが出来ないのがマルチデバイス対応、すなわちレスポンシブなUI設計です。そこで今回は、人気の高いCSSフレームワーク「Bootstrap」の使い方と人気の無料テンプレートを紹介していきます。Bootstrapについて知ろうhttp:…


Webサイトの文字デザインをワンランクアップ! CSSでフォントを指定したり太字にするテクニック

Webサイトの文字デザインをワンランクアップ! CSSでフォントを指定したり太字にするテクニック

デザインを作る上で、文字のデザインは重要です。特に、文字の見た目を印象づけるフォントは、デザインの意図を決める上で雰囲気を大きく左右します。Webデザインにおいて、フォントを利用するには大きく2つの方法があります。画像の中で使用したいフォントを使った文字を入力するHTML本文に、CSSでフォントを指定する前者の場合、画像を作成するパソコンに使用したいフォントが入っていれば利用することができます。後…


初心者向けにJavaの特徴まとめました PHP、Perlとの比較も

初心者向けにJavaの特徴まとめました PHP、Perlとの比較も

Javaとは?オブジェクト指向プログラミング言語で、世界で広く使われているプログラミング言語の1つです。JVM(Java Virtual Machine)というJava仮想マシンソフトウェアがインストールされていれば、どのハードウェアでも動作します。Java仮想マシンの仕組みのおかげで、Windows、Mac、Linuxなど多種多様なOS上で動作が可能なため動作環境に依存しにくい言語になっています…


CSSの設定でWebサイトに一工夫。透過する表現を取り入れた半透明デザインの作り方

CSSの設定でWebサイトに一工夫。透過する表現を取り入れた半透明デザインの作り方

実際に見てみる、半透明デザインの事例3件CSSで半透明なデザインを実践する前に、実際に半透明または透過のデザインを採用しているWebサイトを見てみましょう。ただ単にデザインの一部を取り入れれば良いわけではなく、サイトのどの箇所に半透明デザインを採用するか、どのように取り入れることによって、デザイン上どういったメリットがあるのか、まずは理解するところから始めてみましょう。Tossedhttp://t…


迷った時の参考に!CSSで作る見出しデザインまとめ

迷った時の参考に!CSSで作る見出しデザインまとめ

Webサイトのデザインで悩みがちな見出しの例を集めてみました。さらっと目を通すだけでも刺激になりますが、いざという時に備えてブックマークに入れておくと安心です。■とにかく見本が見たい時にオススメ!ギャラリー系サイト魅力的なデザインを集めたサイトです。再現にはそれなりに手間がかかりますが、開発初期にインスピレーションを得たい時、行き詰まりを感じてイメージをリセットしたい時など何かとお世話になる機会は…


非エンジニア向け!起業家が最低限知っておきたいプログラミングの基礎

非エンジニア向け!起業家が最低限知っておきたいプログラミングの基礎

はじめに テレビや雑誌、様々なメディアで注目されている「プログラミング」。 その背景には、これまでITとは関係なかった産業もインターネットとの繋がりが強くなったことにあります。 実際に身近な産業でインターネットが導入され…

元の記事


webサイト制作のフロントエンドエンジニアの2016年振り返りとこれから学んでおきたいこと

webサイト制作のフロントエンドエンジニアの2016年振り返りとこれから学んでおきたいこと

エンジニアのタケヨシです。 名前だけでも覚えて帰ってください。 2日連続の2本目となる今回は「2016年のWeb制作フロントエンドの振り返りとこれから」について少しお話をしてみたいと思います。 昨日の…The post webサイト制作のフロントエンドエンジニアの2016年振り返りとこれから学んでおきたいこと appeared first on アクトゼロ|SMMやSEMを中心としたデジタルマーケ…

元の記事


プログラミング初心者が最初に「JavaScript」を学ぶべき理由とは

プログラミング初心者が最初に「JavaScript」を学ぶべき理由とは

本稿は、Free Code Campのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Free Code Campの講師を務めるQuincy Larson氏によって投稿されました。   初心者にとってプログラミング学習への旅は、ほとんどの場合、深夜のGoogle検索から始まります。 このとき通常は、「◯◯を学習」などの検索ワードを打ち込むはずです。しかし、人々は検索する言語を、…

元の記事


オウンドメディア運営会社の皆様へ

s

ページトップ