Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Internet Explorer9以上と他のモダンWebブラウザを前提としたHTML、CSSのコーディング本。 2016年以降のWeb制作のコーディングを先取りした内容になっている。 文字サイズの単位はremを採用。bodyに%で文字のサイズを指定して、残りはremでサイズ指定をする。セレクタはタグセレクタとIDセレクタはほとんど使わない。基本クラスセレクタを採用。クラス名の名前のつけ方もクレバーですぐにでも参考にしたいスタイル。 3つのサンプルはどれも実践レベル。 各サンプルともまったくのゼロからハンズオン形式でつくる構成になっている。 特にPART3が圧巻 特にPART3のシングルページレアイウトが圧巻。 画像の縦横比率を利用して、marginを割り出したり、display:table;をつかった可変型の段組みレイアウトをくんだり、::afterで画像をいれて、transformプロ
■今回の授業について 今回は今までの授業で実装したリアルタイム連動アプリとデータベースを組み合わせて、本格的なWebサービスを実装します。 ■みんなでかけるお絵描きキャンパス Socket.ioを使ったお絵かきツールを実装します。このお絵かきツールは見ている人全員に対して同じものを描く様に作ります。 後述のデータベースと連動することで、必要な要件を満たすことが出来るはずです。 ■redisについて redisはデータベースの1つです。MySQL等とは違う特性を持ったDBです。 ここではredisの特性や簡単な使い方までを学び、必要なデータ設計を検討する所までやってみましょう。 ■redisを用いてお絵かきアプリをDB対応させる 今度は実際にお絵かきアプリのデータを保存してみましょう。 DB対応まで済ませたら、最後にHeroku上でredisの設定を行い、完成したアプリを公開します。
Emmet という HTML や CSS の記述がめっちゃ楽になるツールがあります。以前は Zen Coding と呼ばれてたのだけどいつのまにか名前が変わったみたいですね。 Emmet Documentation 例えばエディタ上で nav#menu>ul>li*3 という文字列を <nav id="menu"> <ul> <li></li> <li></li> <li></li> </ul> </nav> と展開できます。簡単なとこでも覚えておくと HTML 書くのがはかどります。 Zen-Coding は Vim では使ってたのですがもちろん Atom でも使えます。 emmet 使い方は簡単、html や PHP ファイルを開いている状態で HTML へ展開する用の文字列を打ち込んだら tab を押すだけです。 Tab キーは keymap.cson ファイルで以下のように設定可能
process process はグローバルオブジェクトで、どこからでもアクセスすることができます。 それは EventEmitter のインスタンスです。 Event: 'exit' function () {} プロセスが終了しようとしている時に生成されます。 これは (ユニットテストのように) モジュールの状態を一定の時間でチェックするのに適したフックとなります。 メインのイベントループは 'exit' コールバックが終了するともはや動作しないので、 タイマーはスケジュールされないかもしれません。 exit を監視する例: process.on('exit', function () { process.nextTick(function () { console.log('This will not run'); }); console.log('About to exit.');
nodefest.jp Node周りの最近の動向をキャッチアップするため、東京Node学園祭2015に行ってきました。 実は初参加です。 夏に参加したYAPCに引き続き、学んだことや話を聞いて思ったことを備忘のため箇条書き程度にまとめます。 今回参加したセッション The State of JavaScript Node.js in the Enterprise 大規模Node.jsを支えるロードバランスとオートスケールの独自実装 Electroknit! - Pixel to sweater with Node.js Hardware Hacking for JavaScript Developers フロントエンドに秩序を取り戻す方法 〜はてなブログ編集画面をリニューアルするためにやったこと〜 The State of JavaScript JavaScriptの今とこれからの話 Th
URLにタグを付けるやつ 8月頃からAmazon API Gateway, AWS Lambda, Electronと、徐々にJavaScriptを触る機会が増えてきて結構面白くなってきたので、サーバサイドでの開発も試してみようと思い、一昨日から暇を見つけて簡単なWebアプリをつくってみてる。いまは習作としてURLにタグを付けられるだけのサービスをつくってみてる。コメントとか無くて、タグで情報整理して互いの役に立つことだけでコミュニケーションする。どうしても会話したかったらタグで会話すれば良さそう。公共性のある徳の高いタグをつけた人には何らかの承認をしてあげたいけどまだ特にアイデアが無い。構造的には、ユーザ入力があるし、データは永続化する必要があるし、そこそこ検索も必要だし、キャッシュのしがいもあるし、ログイン機能があるのでセッション管理とかも考えられて、練習に丁度よい。 凝りすぎて進捗ダ
Helping you JavaScript since 2014 NodeSchoolとは、JavaScriptに関する授業を集めた学校のようなものです。コードを書いたり問題を解くことでJavaScriptを学べます。 コミュニティへの参加はGitHubか、Gitterのチャットまで。
勉強会にてES6-JavaScript-について話た時の資料です。 JavaScript, ECMAScript6, Generator,Node.js,Isomophicに関して話ました。Read less
現在何かと話題の楽天モバイル。音声通話機能に加えてかけ放題がセットになっており、Rakuten Linkアプリ使用で国内通話が何度でも何時間でもかけられるぞ。 しかも月額料金は高速データ通信量に応じた段階制で、月に3GBまでが1,078円、20GBまでが2,178円、20GB以降が3,278円。 通話用のRakuten Linkアプリは、コミュニケーションサービスの次世代規格である「RCS」に準拠。通話にはネット回線が用いられるが電話番号は(IP電話の050番号ではなく)090/080/070番号でOK。 音質については今のところ賛否両論で、全く気にならないという人もいれば昔のアナログ電話並みという人もいる。もっとも、5Gの時代が到来するようにネット回線の速度はどんどんアップしており、それに従って音質もこれから良くなっていくことが期待できる。 他のメリットとしては、圏外であってもネットさえ
もうタイトルで言い切った感あるんですけどね。Webの技術系イベントでは最近よく使われているのでメジャー感がすでにありますけどあらためて紹介。 dots.とは、2015年8月1日にOPENしたばかりのエンジニア同士の技術交流を目的としたスペース。個人やコミュニティー主催の有志の勉強会には無料でイベント会場を貸してくれちゃうという超いいかんじのスペースなんですな。(企業での利用は有料) サイトはこちら イベント&コミュニティスペース - dots.[ドッツ] in 渋谷 ・渋谷駅徒歩3分 ・最大着席 250名 ・釣り式の大型3面スクリーン、サブモニター2台完備 ・懇親会での飲食可能(大型冷蔵庫あり) ・wifi 完備(無線、有線あり)、電源もちろん完備 どうですか、イベントスペースとして最強でしょう。勉強会とか無料でここまでやってくれちゃうんですよ。すごすぎる。もう全部ここでやったらいい。 で
東京デザインウィーク2015の中で行われたトークイベント「ソクラテスカフェ」に、お笑い芸人でありながら、絵本作家や作詞家など幅広い活動を続けるキングコングの西野亮廣(キンコン西野)が登壇。イベントの冒頭部分では会場参加者からの「仕事の広げ方」や「お金の稼ぎ方」といった質問に答えていきます。西野によると、アルバイトの人の給料が安いのは、いろんな人ができることをするからであり、さらにお金を稼ぐには、まず自分をレアカード化することが重要だと語ります。稼げる人から、さらに大きく稼ぎ続けられる人間になるには? 100人に1人の人間から、さらに100万人に1人の人間になるには? ホワイトボードで図解を描きながら、わかりやすく解説していきます。 郵便受けで○○は住居侵入罪!? 西野亮廣(以下、西野):これどれくらいしゃべるんですかね? 会場スタッフ:2時間かかりますので……。 西野:2時間しゃべるんです
はじめに Effective Ruby、やっと読み終わった!!! ゴールデンウィーク中の課題図書だったのに、思ったよりも内容が重くて読み終わるのに一ヶ月くらいかかってしまった。 Effective Ruby 作者: Peter J.Jones出版社/メーカー: 翔泳社発売日: 2015/01/19メディア: Kindle版この商品を含むブログ (5件) を見る 本書は48項目から構成されていてるんですが、このエントリは、うちいくつかの項目についての感想や備忘録になります。 なお、各項目におけるサンプルコードは本書に掲載されているものではなく、復習のために自分で書いたものです。 感想・備忘録など 項目4 定数がミュータブルなことに注意しよう 定数が配列やハッシュなどのコレクションオブジェクトの場合は、コレクションの要素もfreezeしないとダメ。 # ダメな例 PERFUME = %w(Aa
はじめに もう2ヶ月前の話なのですが、日本のTDD第一人者で、最近はpower-assert-jsの開発などJS界隈でも活躍されている@t_wadaさんが、Twitterでこんな提案をされていました。 『JavaScript: The Good Parts』と『WEB+DB PRESS Vol.87 第1特集』のあわせて250ページ未満でES6までの全体像をつかむ速習コースのご提案 http://t.co/doPQ7V4enw http://t.co/NKTGz3syk7— Takuto Wada (@t_wada) 2015, 8月 10 ちょうどこの頃、初めてのgemを作り終え、Ruby以外の言語に対する学習欲が高まっていたので、この提案に乗っかってみることにしました。 本エントリでは、この速習コースを実際に履修した感想と、結果どうなったのかを書きたいと思います。 履修前の状態 ずっと
実は、これはネイティブ添削者が皆さんの英語de日記で指摘する回数、 トップ3に入る「よくある間違い」です。 多分、私たちは学校で「やってはいけない」と習っていなかったのではないかと思います。 英語の文章では、文頭に and, but, so を持ってくるのは bad form (不作法・良くないこと) と考えられています。英会話では、しょっちゅうやってにも関わらず、文章になると「してはいけない」のです。 話言葉と書き言葉の違い、の一つと思って下さい。 じゃあ、どうしたらよいか? 答えは、2つ: 1.前の文章とくっつけて1つの文章とし、文頭にもってこない または 2.代わりに、文頭に使って良い別の単語(接続詞、つなぎ言葉)を使う です。 簡単な文例を挙げてみます。 【悪い例】 I went to see Mike. But he wasn't there. マイクに会いに行った。しかし彼は
『 APIデザインケーススタディ 』という本を頂戴したので読んでみた。 ライブラリ作者に向けて この本はRuby標準ライブラリを題材にして、分かりやすく、多様な機能をサポートして、互換性を保つAPIの設計をするにはどのように考えるべきかを教えてくれる。 ここでAPIと言っているのは、一般的なRubyのクラスとオブジェクトとメソッドから成るライブラリをどうデザインするか、という話である。 別にChef RecipeやRSpec DSLのようなちょっと変わったDSLを設計するとかそういう話ではない。確かにその種の言語内DSLのデザインには固有のセンスが必要とされるし、 Ruby DSL Handbook なんて本が書かれているように実装にあたってもある種のテクニックが必要なのも確かだ。でも、それ以外の「ふつう」のライブラリのデザインは果たして簡単だろうか。 適切な粒度のクラスを定義する。必要な
螟ァ蟄ヲ蜷域 シ菴馴ィ捺焔險 縲 荳€闊ャ蜈・隧ヲ縲 . 縲€. 縲€. 譚ア蛹怜、ァ蟄ヲ 邨梧ク亥ュヲ驛ィ1蟷エ 蟷ウ謌 15蟷エ3譛育音蛻・騾イ蟄ヲ繧ウ繝シ繧ケ蜊 譚ア雎贋クュ蜃コ霄ォ.
Dreamweaverとは Adobe Dreamweaver(アドビドリームウィーバー)は、Adobe社が開発・提供するWebデザイン・アプリデザインのためのソフトウェアで、HTMLやCSSなどの入力を助ける補助機能が充実しているほか、完成イメージを確認しながらページを作成できるのが魅力です。 また、画像編集ソフトの「Adobe Photoshop」、グラフィックソフトの「Adobe Illustrator」との高度な連携も可能です。ビジネス向けWebサイトを作りたい人にとっては使いこなせるようになりたいソフトウェアといえるでしょう。 HTML・CSSとは まずHTMLとはHyper Text Markup Language(ハイパーテキストマークアップランゲージ)の略で、Webページの内容を書くための言語のようなもので、Webの世界では基本中の基本の言語です。Webデザイン初心者ならぜ
2016年1月16日紙版発売 2016年1月16日電子版発売 久保達彦,道井俊介 著 A5判/304ページ 定価3,047円(本体2,770円+税10%) ISBN 978-4-7741-7866-0 Gihyo Direct Amazon 楽天ブックス ヨドバシ.com 電子版 Gihyo Digital Publishing honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 nginxを現場で活用するための知識を,実践的なノウハウを交えて解説した書籍です。nginxのインストール方法や基本的な設定方法からはじめ,nginxを利用した「静的コンテンツ配信サーバ」「HTTPSサーバ」「Webアプリケーションサーバ」「大規模コンテンツ配信システム」の構築方法をそれぞれ詳しく紹介しています。後半ではnginxサーバのモニタリングやログの収集,そして軽量ス
この授業ではJavascriptの基本構文を学ぶことが出来ます。 「プログラミングの経験は無いけれど、HTMLとCSSを触るだけのウェブデザイナ・マークアップエンジニアから一歩踏み出して、ウェブサイト上でもっといろいろなことができるようになりたい!」という方にオススメの授業です。 ■ 事前準備 この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。 GoogleChrome https://www.google.co.jp/chrome/browser/desktop/index.html 人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。 Sublime Text http://www.sublimetext.com/ 人気のテキストエディタです。Windows/Mac両方で利用可能で、Java
今回はbundle gem test_gemの方を説明していきます。Rails Pluginの詳細は次のサイトに解説があります! rails pluginコマンドで簡単に出来るgemの作成方法 🚜 作成されたファイルの概要今回作成されたファイルの簡単な説明。 bundle gem test_gem -t create test_gem/Gemfile create test_gem/Rakefile create test_gem/LICENSE.txt create test_gem/README.md => このgemの説明や使い方を記述 create test_gem/.gitignore create test_gem/test_gem.gemspec => このgemの説明や依存関係などを記述 create test_gem/lib/test_gem.rb => プログラムを記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く