当初Webサイトの装飾として利用されていたJavaScriptですが、HTML5の仕様がJavaScriptにも及んだことから、JavaScriptはWebシステムの一環を担う言語となりました。 また、JavaScriptはほとんどすべてのブラウザで表示できるため、最近では人気のプログラム言語上位にランキングされるほどです。 最近はより進化し、ブラウザで動作する範囲を超え、サーバーサイドでデータ処理システムにも応用されるほどになりました。iOSやAndroid用のスマートフォンアプリの制作も可能になっています。 今回は、このようなJavaScriptでどのようなことが出来るのかを、事例を交えながら解説していきたいと思います。サーバーサイドの処理は、今回は取り扱っておりません。クライアントサイドで動作するJavaScriptの事例の紹介です。 "CodeCampus"はオンラインプログラミン

公開日: 2017年6月23日Webサイト作成時の参考に！WordPressで作られた魅力的なサイト50選 個人ブログから自社サイトまで、幅広くサイト作成に使われているWordPress。現在運営している方や、これから運営してみたいと考えている方は、どんなサイトにしたいかをイメージしたことはありますか？ すでに運用されているサイトの中には、WordPressを使って作り込まれたサイトがたくさんあり、サイトを作成する上で良い勉強になります。そこで、WordPressで作られたサイトを50個まとめてみました。 デザインや機能性に優れたWordPressは、作り方次第で、個性的で魅力のあるサイトに仕上がります。ぜひ参考にして、ご自身のサイト運用に活かしてみてください。 ニュースサイト・ウェブメディア・企業オウンドメディアなどWIRED.JP 画像出典：WIRED.JP テクノロジーに関連した、生

「たった1日で」初心者向け0からのiPhoneアプリ開発入門更新日: 2019年4月19日公開日: 2017年5月1日 『早いもので2017年も気づけば5月。4月から新しい環境でチャレンジを始めた方も多いと思いますが、1ヶ月が経過して少しは慣れてきたのではないでしょうか。 ところで世間は現在GW真っ只中。規制や旅行などでワクワクしていらっしゃるかもしれませんが、この休みを使って「アプリ開発」に挑戦してみるというのはいかがでしょう？ アプリ開発と聞くと「難易度が高い」と思われるかもしれません。ただ実は簡単なアプリなら初心者でもGWだけで作成することが可能です！ そこで今回は「アプリ開発なんて全くやったことがない、完全初心者！」という方にもぴったりの、入門講座を用意しました。本日の目標は、こちらの文字をiPhoneアプリ作成のソフト「Xcode」にて出力させることです。 今回は文字を出力する非

更新日: 2017年5月22日公開日: 2017年4月26日全プログラミング初心者に捧ぐ！最初に見ておくべき厳選記事20選 プログラミング学習が日本全体でブームを迎え早数年。今からプログラミングを学んでキャリアチェンジを行いたい。キャリアアップを計りたいなど「今からプログラミングを学んでみたい」と考えている人の数は年々増える一方で学習サービスも乱立しています。 しかし、初心者にとって「プログラミング」と聞くと、なんだか小難しそうで、どうやって勉強したらいいか分かりづらいものがありますよね。そんな方の為に今回は、はてなブックマークが100以上付いた「初心者向け」のプログラミング学習に関する記事を集めました。 全記事に100以上はてなブックマークが付いており、4000ブクマ越えの非常に話題となった記事も紹介しているので楽しんでご覧ください。 プログラミング理解編 まずは「そもそもプログラミング

更新日: 2017年3月23日公開日: 2015年10月7日アプリ開発を超高速化！OSSライブラリとは？ OSS(オープンソース)とは無償で公開され、利用や改良が誰に対しても許可されているソフトウェアのことを指します。 OSSを活用することで、ゼロから構築すると数か月かかるような機能でも、数時間で同じ機能を導入できる場合があります。そこで今回が、OSSの基礎知識と代表的なOSSライブラリをご紹介します。 OSSとは 前述した通り、OSSを活用することで、アプリ開発の生産性を向上させることができますが、どのアプリでも汎用的に用いられる機能については、OSS利用の効果が大きいと言われています。 例えば、メニューを表示するUI(ユーザーインターフェース)要素や、サーバーと情報をやり取りする通信機能などは、どのようなアプリでも共通して利用されるものでしょう。既に高い品質で開発がなされたOSSを導入

更新日: 2017年3月21日公開日: 2015年7月29日Androidアプリ開発で参考にしたい優れたUIアプリ21選 アプリのUI(ユーザー・インターフェース)開発で難しいところは、小さな画面に適切な量の情報を盛り込むところです。多すぎても、少なすぎてもユーザーは情報を理解できません。そのため、画像・フォント・色などを駆使して直感的なデザインを作成するのが、アプリ開発のポイントです。本記事では、Androidアプリ開発で参考にしたい優れたUIを持つアプリを21個紹介します。 優れたUIアプリIngress https://play.google.com/store/apps/details?id=com.nianticproject.ingress&hl=ja Googleが手掛けるAndroidゲームです。現実世界の行動が、ゲームの世界に反映されます。世界を股にかけた陣取り合戦が、美

背景フリー素材サイトならここ！鉄板サイト15選更新日: 2019年2月5日公開日: 2015年8月12日 ブログやメディアなどのWebデザインを考える時に「背景をどうする？」と悩む方も多いと思います。 そこで今回はwebデザイナーの方に役立ちそうな背景画像・動画のフリーサイトを15個ピックアップしてみました。状況に合わせた豊富な素材からインスピレーションを感じるアイテムが見つかるといいですね。 鉄板サイト15選 早速鉄板のフリー素材サイトを紹介していきますね。 パターン系背景素材なら「Bg-Patterns」 画像出典Bg-Patterns 素材数／200以上　　ファイル形式／.jpg .png .svg 利用制限／商用OK　　ユーザー登録／不要 気にいった画像があればブラウザ上で自分なりにアレンジし、ダウンロードすることが可能。Webサイトのバックグラウンド、紙資料の背景画像として利用も

更新日: 2017年3月9日公開日: 2015年3月10日今すぐ始めたい人必見！ゲームでプログラミングが学べるサイト10選 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 プログラミングを学んで何かしたいという程ではなくても、ただなんとなく興味がある、という方も多いのではないでしょうか。そのような方にとって、いきなりスクールや書籍で学習を検討するのは、少しハードルが高いですよね。しかし、プログラミング教育が普及した昨今、WEB上にも無料でプログラミン

更新日: 2017年09月26日公開日: 2015年06月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方に

更新日: 2022年5月16日公開日: 2015年3月18日プログラミング不要！スマホアプリが開発できるツール10選 アプリ開発と聞くとかなりハードルが高いですよね。しかし、アプリ開発をサポートしてくれるサイトを使うと、場合によっては自分でプログラミングコードを書くことなく、オリジナルアプリを開発することができます。 超簡単にスマホアプリが作れてしまうツール10選国産アプリ開発の「Monaca」 MONACA Monacaは、自分である程度プログラミングを入力してアプリを開発するサービスサイトになります。HTMLとPHP、CSSの基礎を押さえていれば、初心者でもスムーズにアプリを作っていけるサイトです。 Monacaの特徴としては、アプリ開発はクラウド（サーバー）上とローカル環境から選ぶことができます。またアプリ開発コースも全6コース設けられており、ハイブリッドアプリ開発コースやBUSIN

サクラエディタなど基本的なエディタに慣れたら、次に気になるのはさらに高性能エディタの代表格、vimではないでしょうか？Vimはプログラムコードやシステム設定ファイルなどの編集で威力を発揮するためエンジニアにファンが多いのも特徴ですが、エンジニアを惚れ込ませるその高性能さは一度惚れてしまうと離れられなくなるほど。慣れるまでは少し大変かもしれない上級者向けエディタですが、今回はその苦労を補って余りある高性能エディタ、vimの魅力をご紹介しようと思います！ "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営

超便利！CSSグラデーション基礎と簡単に作れるジェネレーターまとめ更新日: 2018年10月11日公開日: 2015年1月6日 ホームページデザインに彩りを添えてくれるグラデーションは、たくさんのホームページで使われていますよね。しかし、いざコードを書くとなると長くて面倒なのがこのCSSグラデーション。何種類もグラデーション用のコードを書かないといけない謎な仕様だったり、長いコードの意味がよくわからなかったり…。 そこで今回はこのグラデーション技術の基礎をご紹介していきます。簡単にグラデーション用のコードが作れるジェネレーターもご紹介するのでお見逃しなく！ グラデーションコードの基礎 色の移り変わりがとても綺麗なグラデーションですが、CSSでグラデーションを表現するには、linear-gradient()関数を使います。linear-gradient()関数は線型のグラデーションを表現して