今まで自分で作ったプロジェクトは、ファイルは基本的な以下の3つで作成され、 HTML CSS JavaScript ライブラリはVue.jsをインストールしているだけでした。 Vue.jsはBowerでインストールし、CSS,JavaScriptファイル(とVue.js)はHTMLから読み込んでいました。 実際にWeb開発をする、となった場合もっとたくさんのライブラリを使うだろうし、HTML,CSSもコンパイルが必要なAltなんとかを使うこともあるでしょう。 今回のような単純なプロジェクトでは恩恵はあまりないかもしれませんが、モダンなWeb環境構築には慣れておかないといけないため、 webpack を利用してみることになりました。 やりたいこと 以下のような3つのファイルを用意します。Vue.jsを使って、p要素に赤文字の"hoge"が出力されるだけのページです。 <!DOCTYPE ht
まったくプログラムの下地がない人がPHPの入門書を読むと挫折する。筆者はプログラミングの下地がまったくないノンプログラマーである。数年前から、PHPの勉強をや独学ではじめた。PHPの本は何冊買ったかわからない(洋書も含めて40冊以上は買ってきた)。買っては挫折の繰り返しだった。現在、てもとに残ったのは数冊である。 以下は、今後PHPを完全な独学で勉強したい人のためのメモである。 良本でプログラミングの下地をつくる 最初のコツはいきなりPHPの本に手を出さないことである。とくに初心者の方がネックになるのは条件分岐、ループ、配列あたりである。このあたりはPHP以外の本で定評のある本を読んで基礎を固めておきたい。 『新版Perl言語プログラミングレッスン入門編』か『初めてのプログラミング 第2版』のどちらかを読んでおこう。前者はPerl、後者はRubyの本であるがPHPでも基礎は同じで役に立つ。
こんにちは!LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 Web業界の会社に勤めていると、日進月歩の新しい知識や技術を習得することが大切だと気づかされることが多いです。 僕も技術者の端くれですから、1日32時間くらいは当然勉強しているんですが、一番の楽しみはいろいろな場所で開かれている勉強会・セミナーに行くことだったりします。 勉強会に行くとその道のプロに教えてもらえますし、仲間もできてモチベーションが上がりますよね。 そこで今回は、そんな勉強会を探すのにうってつけのWebサービスをご紹介させていただきます! IT/Web業界を中心に勉強会・セミナー・イベントが探せるWebサービス6選 connpass -人をつなぐ IT勉強会・イベント支援サイト- http://connpass.com/ connpassはキャッチコピーの通りIT・Webのセミナー、勉強会
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今年も残す所あとわずかですね。 今年はたくさん勉強会なるものに登壇させていただく機会があり、そのおかげか勉強する機会が去年よりも多かったように思えます。 去年まではせいぜい年に2万冊程度しか読んでいなかったんですが、今年は3万冊くらいは読んだかなあ…。 ちなみに去年はこんな記事「2013年厳選版!フロントエンドエンジニアがオススメするWEB系の技術書・指南書」も書きました。 そんなわけで、今回はフロントエンド界隈の勉強会に登壇するとき参考にさせていただいた本を5冊紹介したいと思います。 なんせ3万冊のなかから厳選した5冊ですから、名著であることは間違いないです。 2014年厳選版!フロントエンドエンジニアがオススメするWeb系の技術書 もくじ カルタ付 HTML5マークアップ 現場で使える最短攻略
いよいよ寒くなり始めてきて、乾燥肌が気になりだす今日この頃。皆様いかがお過ごしでしょうか? さて、エディタで大活躍する機能として、アンドゥー・リドゥーに引き続き、「コピペ」があると思うんですよ。 これがスイスイ出来るようじゃないと、作業ペースが大幅に変わる。 と言う訳で、今回はコピペの方法を探してみたのです。 そもそも範囲選択ってどうやるの??? コピペをするからには、「範囲選択」が必要になるわけですが、良く考えたらその方法を知らないということで、まずは範囲選択から。 範囲選択には、v もしくは V を用いるみたいですね。 v を押してから、カーソル移動すると・・・・・ 見事に範囲選択出来ました!! ちなみに、行ごと選択する場合は「V」だそうです。 複数行一気にヤンクしたい、そんな夜はコレで決まりですね! コピーは「y」 範囲選択したら、早速コピー! コピーのことは、「ヤンク」というそうで
さて、今回のテーマは最近何かとAnsibleに話題をさらわれがちな、サーバーの構成管理ツールChefです。以前紹介させていただいたAnsibleと同じく、サーバーセットアップを自動化してくれます。 ChefとAnsibleは利用方法が異なりますが、基本的な概念は似たようなものです。構成管理ツールに関する説明やAnsibleの概念は「構成管理ツールAnsibleを使ってみよう」の記事にて紹介していますので、本記事を読んで頂く前に一読していただくことをオススメします。 まずはChefの利用方法を説明する前にAnsibleとChefの違いについて軽く触れておきます。個人的主観が含まれますが、ざっくり比較すると下記違いがあります。 ■Ansible ・ Python製 ・ 管理対象サーバーの構成をPlaybookという仕組みで管理し、YAMLフォーマットで記述 ・ Playbookの記述が簡潔 ・
はじめに はじめまして。クックパッド株式会社の荒井(@ryot_a_rai)と申します。 今回から全5回、構成管理ツールであるItamaeの入門から実際の活用例までを解説していきます。今まで構成管理ツールを使ったことがなかった方から、Itamaeをすでに使っている方まで、ぜひご覧ください。 Itamaeとは Itamaeは筆者が中心となって開発を進めているオープンソースの構成管理ツールです。同様のツールとしてはPuppet、Chef、Ansibleなどが有名ですが、ItamaeはChefに影響を受けています。Chefの記述性・柔軟性を持ちながら、シンプルで導入しやすい構成管理ツールを目指して開発が進んでいます。 構成管理ツールの必要性 Itamaeの解説を始める前に、構成管理ツールを使う理由について軽く考えてみたいと思います。 サーバ構築の自動化 手動構築の手間と時間を減らす 手動構築によ
レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量(2KB)のスクリプトを紹介します。 デモのアニメーション minigridの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/minigrid/minigrid.js"></script> </body> Step2 :HTML 各アイテムには「.grid-item」を、ラッパーには「.grid」を付与します。 <div class="grid"> <div class="grid-item"></div> <div class="grid-item"></div> <div class="grid-item"></div
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 米Gartnerの“先進テクノロジ”のハイプサイクルが発表された。企業がデジタルビジネスの実現に向けて動き始める中で、適切なテクノロジを適切なタイミングで明確に捉え、導入することが不可欠であるとしている。 ハイプサイクルは、今回の2014年版で20周年となる。ハイプサイクルの中でも、先進テクノロジのハイプサイクルは最も歴史が古く、ビジネス戦略担当者、最高イノベーション責任者、研究開発(R&D)リーダー、起業家、グローバルマーケットデベロッパー、先進テクノロジチームが先進テクノロジのポートフォリオを策定する際に考慮すべきテクノロジとトレンドが、業種横断的な視点で示されている。 今回の先進テクノロジのハイプサイクルには、デジタルワークプレー
進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く