![Cacoo](https://cdn-ak-scissors.b.st-hatena.com/image/square/95daf991a2468839d8d18b8f994852a7a8d227c7/height=288;version=1;width=512/https%3A%2F%2Fapps.nulab.com%2Fassets%2Fogp_dft.png)
「 Bootstrap を使ってヘッダー・フッターを作りたいけど、どうすればいいのだろう…」 このようにお悩みの方へ、本記事では Bootstrap でのヘッダー・フッターの作り方について解説します。 ここで紹介する内容を参考に、作成してみてください。 「Webサイトからお問い合わせが来ない…」とお悩みの方必見! 当サイトのノウハウを詰め込んだ『Web集客の無料ガイド』をご提供 詳細はこちら Bootstrap でのヘッダー・フッター (header・footer) の作り方 Bootstrap ではあらかじめ、様々なサンプルコードが用意されています。まずは、Bootstrap ページの 「 Getting started 」よりサンプルコードを確認してください。 今回使うサンプルコードは「 Sticky footer with navbar 」です。 ページを表示し、ページのソースコード
API Blueprintとは API Blueprintは、APIドキュメントを記述するためのMarkdown拡張で、 多くのツールが公開されており、自動でhtmlに変換したり、mock-serverを立てたりできます。 環境構築 今回は以下の環境で行いました。 ・Vagrant 1.8.1 ・CentOS release 6.6 (Final) ・Node.jsバージョン: v0.10.45 ・nvmバージョン: 0.31.1 今回やりたいこと web上に下記の画面を表示させる 環境構築 それでは行っていきます。 参考サイト:http://dackdive.hateblo.jp/entry/2015/08/07/181723 私が最終的に入れたNodeモジュール モジュール 説明
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
AngularJSで、ディレクティブを使ってイベントリスナーを設定する方法を解説。また、イベントリスナーにイベントオブジェクトを渡して参照する方法も説明する。
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
GET / HTTP/1.1 Accept: image/gif, image/jpeg, */* Accept-Language: ja Accept-Encoding: gzip, deflate User-Agent: Mozilla/4.0 (Compatible; MSIE 6.0; Windows NT 5.1;) Host: www.xxx.zzz Connection: Keep-Alive これに対してサーバは下記のような応答メッセージを返します。 HTTP/1.1 200 OK Date: Sun, 11 Jan 2004 16:06:23 GMT Server: Apache/1.3.22 (Unix) (Red-Hat/Linux) Last-Modified: Sun, 07 Dec 2003 12:34:18 GMT ETag: "1dba6-131b-3fd3
技術選定のためや、俺が問題解決するぜっ!的な人向け。 順次解決されると思うので、順次更新します。 以下に上げたものも、解決策があるものが多いです。 はじめてのNode.js (2013年3月26日初版) どこか1か所CPUリソースを多く消費するような重い処理が入ると、全体のパフォーマンスが低下する マルチコア/マルチCPU環境を十分に生かすことができない コールバックを多用するためにコードが複雑になる merittyの記事 (2012年12年23日) Node.jsのメリットとデメリット | meritty [メリッティ] JavaScriptの限界、オブジェクト指向が不完全 マルチコアサーバで性能を十分に発揮できない 文法エラーが、サーバーの停止を引き起こす あるリクエストに問題があると、他のリクエストをブロックする ZEALOT社員の方 (2012年10月29日) 引用: Node.j
angular-ui-router は、AngularJS のルーティング、およびビュー分割プラグインです。 セットアップ CDNJSを利用して、必要なファイル angular.js、angular-ui-router.jsを読み込みます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script> <title>myApp</ti
ChromeOSでの開発環境を整える Chromebook Pixel 2015を開発環境として購入したものの、ChromeOSで開発できるようにするには少し手間だったのでメモ書き。 開発者モードに切り替える データが消えるので真っ先にやる! chromebrewを入れる vimのインストールと設定 プログラムを実行できるようにマウントし直す 開発者モードに切り替える まずは開発者モードに切り替えます。 ChromeOSはターミナルでcroshが使えますが、開発者向けのOSではないので、通常だとほぼ何もできません。 また、開発者モードに切り換えする時にローカルのデータやアカウントの連携情報などがすべて吹っ飛ぶので、開発環境として使いたい人は何よりもまず先に開発者モードに切り替えましょう(何度もGmailアカウントにログインする羽目になります)。 一応手順を書いておきますが、ChromeOS
主催 電気通信大学 産学官連携センター ベンチャー支援部門 + ベンチャー工房 概要 プログラミング能力とコミュニケーション能力を高める勉強会を行います。言語は学びやすく、かつ、先進的なプログラミング言語Pythonです。 勉強会の第一ステップは、12月26-28日の3日間、20時間で初心者テキストを一冊やりぬきます。第二ステップは一段高いレベルのテキストで1-3月に30時間程度の輪講。 説明会では、本講座の参加要件(指定テキストとノートPCの準備)及び進め方を説明します。 日時 1回目 12月19日(月) 18:00 〜 19:00 2回目 12月20日(火) 18:00 〜 19:00 ※2回とも内容は同じです。ご都合の良い方をどうぞ。 場所 電気通信大学 西11号館 2階 ピクトラボ プレイルーム
こんにちは! 皆さんは、AWSの構成図をどのように作成していますか? 基本的には、AWSが提供しているAWS シンプルアイコン(AWS Simple Icons for Architecture Diagrams)を使用していると思います。このAWS シンプルアイコンの形式としては、以下の4種類があります。 1.Microsoft PowerPoint 形式 PowerPoint 用 AWS シンプルアイコン(pptx) 2.Microsoft Visio ステンシル Microsoft Visio 2010 用 AWS シンプルアイコン(vss) 3.SVG 形式および EPS 形式 SVG 形式および EPS 形式の AWS シンプルアイコン(zip) 4.オンライン作図ツール Cacoo(https://cacoo.com/) Creatly(http://creately.com/
トークバトル参加者(順不同、敬称略) (編集部注: 本記事では登壇者の皆様の希望により、以下ハンドルネームで呼称させていただきます) React Side koba04 (小林 徹) yosuke_furukawa (古川 陽介) (Node.js 日本ユーザグループ代表) モデレーター shumpei (白石 俊平) (HTML5 Experts.jp編集長) また今回、フレームワークを比較するための項目を以下のように洗い出してみました。基本的にこの流れに沿って進めたいと思いますが、脱線は大歓迎ですので、皆様ご自由にご発言いただいて構いません。(編集部注: 後半は「スタイリング」から) 開発⾔語 アーキテクチャ ビルドツール ルーティング テンプレート スタイリング コンポーネント以外の処理 ツールサポート テスト パフォーマンス サーバサイドレンダリング スタイリング shumpei
実践!AngularJS 前編 Controller間で値を共有 1 AngularJSを多少使い始めた人がぶつかりがちな問題を、さまざまな方法で解決していきます。今回は$scopeオブジェクトを使い、コントローラー間で値を共有する様子を見てみましょう。 はじめに このシリーズは、AngularJSを使うときにぶつかりやすい問題について、さまざまな解決方法を紹介するものです。ある程度AngularJSを理解している人に向けた記事ですので、AngularJSについて基本から知りたいという人は、CodeGridの過去のシリーズ「攻略!AngularJS」を参照してください。 AngularJSを用いて、ある程度の規模の開発をした場合、あるコントローラーの中に別のコントローラーを作る機会がよくあると思います。そのときに、親のコントローラーと子のコントローラーの間で値を共有したいと思うことがあるで
← 前回 連載 INDEX 次回 → ルーティングとは、リクエストされたURLに応じて、処理の受け渡し先(コントローラー/テンプレート)を決定すること、または、その仕組みのことを言います(図1)。ルーティングは、1つのページの中で表示すべきコンテンツだけを動的に切り替えていくアプリ――いわゆるSPA(Single Page Application)の開発には欠かせない仕組みです。
(訳注:2017/02/16、画像、元記事がリンク切れしていたため修正いたしました。) 状態遷移の管理はアプリケーション構築の上でもっとも難しいとされる部分の1つです。URLに状態が確実に反映されなければならないという意味ではWeb上では特に難しいと言えます。さらに、アプリケーションを複数のバンドルに分けて要求に応じてロードする処理をする場合がよくありますが、これを透過的に実行するのは大変です。 Angular Routerはこのような問題を解消してくれます。Routerを使えば、アプリケーションの状態を宣言的に特定でき、URLに気を付けながら状態遷移を管理することができ、必要に応じてにコンポーネントをロードできます。この記事では、RouterのAPIについてだけでなく、背後にあるメンタルモデルと設計理念についても考察したいと思います。 では、始めましょう。 概略 Routerは何をするの
連載企画「AngularJS徹底解説」の第3回目は、ControllerとScopeの基礎について解説していきます。 AngularJS は MVW(hatever)!!! AngularJSはMVC(Model-View-Controller)フレームワークと呼ばれることが多いですが、一部の開発者からは MVVM(Model-View-ViewModel)である、という声もあがっていて、ある時期に「一体どっちなんだ!?」という状態になりました。 そこで、そういった経緯に対してAngularJSチームが、そこについての議論は本筋ではないとして、AngularJSはMVW(Model-View-Whatever)である、と明言しています。 今回解説するControllerは、このWhateverの役割にあたる機能です。実際に「Whatever = 何でもいい」とはいっても、”Controll
Note: JWT の仕様やそもそも論の話は触れません。どう使うか、何が出来るかしか書いていません。 JSON Web Token? JSON Web Token とは、ざっくりいって署名の出来る JSON を含んだ URL Safe なトークンです。 署名とは、署名時に使った鍵を用いて、JSON が改ざんされていないかをチェック出来るようにすることです。 URL Safe とは、文字通り、URL に含めることの出来ない文字を含まないことです。 これだけだとよくわかりませんが、触り心地としては次のような性質があります。 発行者だけが、鍵を使ってトークンが正しいことを検証出来る。 暗号化ではないので、JSON の中身は誰でも見られる。 仕様的には、暗号化のオプションもあります。 しかしながら、JSON の変更は出来ない。(改ざんをすると、検証時に失敗するので。) 全体的には、なんか変更できな
アーキテクチャダイアグラムは、設計、デプロイ、トポロジーを伝達する手段として優れています。このページでは、AWS 製品アイコン、リソース、およびダイアグラムの作図に役立つその他のツールを含む AWS アーキテクチャアイコン (旧称シンプルアイコン) の公式セットをご覧いただけます。 AWS は、お客様やパートナーがアーキテクチャダイアグラムを作成するために以下のリソースを使用することを許可します。これらのアイコンは、ホワイトペーパー、プレゼンテーション、データシート、ポスター、または技術資料などのダイアグラムに取り入れやすいよう、シンプルなデザインになっています。 AWS リファレンスアーキテクチャダイアグラムを閲覧し、AWS アーキテクチャセンターの専門家によるガイダンスとベストプラクティスを利用しながらより効率的かつ効果的に AWS で設計する方法を学びます。
ども、大瀧です。 EC2からEメールを送るという案件、たくさんありますよね。そして結構な確率でトラブるんですよね(涙目)。そんな苦い経験をベストプラクティスとしてまとめてみました。一応技術的なところは網羅したつもりですが、メールセキュリティの専門ではないので、不備や間違いがあればご指摘ください。 では、メール送信トラブルの元凶である、スパムメールとその対策からご紹介していきます。 スパムメールとの闘いダイジェスト Eメールの歴史は、スパムメールとの闘いの歴史と言えます。 不特定多数に送信されるスパムメール(未承諾の広告メール)は、メール受信者に不快な思いをさせるとともに、メールサーバーのメール流量を爆発的に増加させ、長らくメールサーバー管理者を泣かせてきました。 このスパムメールをなんとか撃退しようと、現在では主に以下のような対策が行われています。 1. 送信メールサーバー側のネットワーク
Reason は JSX をサポートしているので、React 関連バインディングが充実している。 bs-react-native という React Native のバインディングもあって、これを使って簡単な Android アプリを作ってみた。 github.com 作ったアプリは入力した英語の文章に含まれる各単語が、Ogden's Basic English の制限語彙の単語であるかどうかをバリデーションして、制限語彙外の単語が赤くハイライトされるもの。 Basic English とは、850単語ですべての事象を英語で説明できることを目的としたシステムで、英語が主言語ではない外国の人(日本人など)が、英語が主言語な人、またはそうでない人たちと、英語を介してコミュニケーションを取れるようにするために生まれたシステム。ただ、類似のシステムと比べて、Basic English は流行らずに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く