node.js ver.0.10.24 npm ver.1.3.21 Jade ver 1.1.4 タグの記述と構造化 タグ名を書いて、インデントで構造を表す。
![Jadeの記法について(あまりまとまっていない) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c042104322b710f13492c5f74be8ea8054e0d3fa/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SmFkZSVFMyU4MSVBRSVFOCVBOCU5OCVFNiVCMyU5NSVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiVFRiVCQyU4OCVFMyU4MSU4MiVFMyU4MSVCRSVFMyU4MiU4QSVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MSVCRSVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSU4NCVFMyU4MSVBQSVFMyU4MSU4NCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9MmVkZTc1Yjk4MGE5ZmVlMGJlOTRkMTI5MDYxYTliMDM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzYXNhcGx1czEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWVkNGE0MTVhMDVhZDE2N2Q2MTFjODEyNWJhOTY5YzAw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D2a49bfee6c7ee8d79f43a11c385764b7)
node.js ver.0.10.24 npm ver.1.3.21 Jade ver 1.1.4 タグの記述と構造化 タグ名を書いて、インデントで構造を表す。
軽量なマークアップ言語 Jade 入門 からの Gulp でコンパイルまで - Gulp で作る Web フロントエンド開発環境 #5 wakamsha 2015.04.24 190 12187486 これまでずっと Rails での開発をしていたので軽量マークアップ言語に Slim を使っていましたが、Gulp 環境になっても同じような言語でマークアップしたいので Jade を導入してみたいと思います。 サンプルコードはこちらからどうぞ。 wakamsha/try_gulp Jade とは Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node and browsers. For bug reports, feature r
TOP > Design > シーズン性のあるアイコンセットまとめ「20 Seasonal Icons Sets with Beautiful Designs」 クリスマスは終わってしまいましたが、シーズンごとのイベントは年中存在しており、それぞれに合ったデザインが必要になってくることも。そんな中今回紹介するのは、シーズン性のあるアイコンセットまとめ「20 Seasonal Icons Sets with Beautiful Designs」です。 Snowflakes | GraphicRiver 冬や夏、また年間を通して使える季節感のあるアイコンセットがまとめられ紹介されています。気になったものをピックアップしましたので、下記より御覧ください。 詳しくは以下 Icon't Event – Halloween Icons | GraphicRiver 10月のハロウィン用アイコン
全天球動画が人気です。RICOH THETA Sやfly 360など全天球動画が撮影できるレコーダーも数多く出てきています。さらにFacebook、YouTube、Flickrなどが再生に対応しています。 今回紹介するValiant360はWebブラウザベースの全天球動画プレーヤーになります。デスクトップのブラウザで見られるのは便利です。 Valiant360の使い方 Valiant360のデモです。画面上にある動画が全天球となっています。 再生しているところ。マウスでグリグリと視点が変えられます。 Valiant360のいいところはWebブラウザで手軽に全天球動画が試せるところでしょう。ヘッドマウントディスプレイで体験する方が没入感はありますが、手軽とはいえません。このくらいカジュアルに見られると普及が進むのではないでしょうか。 Valiant360はJavaScript製のオープンソー
TOP > Design > 屋外広告のデザインモックアップまとめ「12 Free PSD Outdoor Advertising Billboard Mockups」 屋外に設置される看板広告。サイズや場所にもいろいろなタイプが存在しており、イメージチェックのためにモックアップを使用することでより効果の高いデザインに仕上げることができるのではないでしょうか?そんな中今回紹介するのは、屋外広告のデザインモックアップまとめ「12 Free PSD Outdoor Advertising Billboard Mockups」です。 FREE PSD CITY OUTDOOR BILLBOARD MOCKUPS on Behance いろいろなタイプの屋外広告用のモックアップがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。 詳しくは以下 Smart
作成:2016/01/4 更新:2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ
2016年、Pantoneがセレクションしたカラーは「Rose Quartz(ローズ クォーツ)」と「Serenity(セレニティ)」 2色のブレンドが選ばれたのは初めてです。 今回もダウンロード素材として、ローズ クォーツとセレニティを含む2016年 春のトレンドカラー10色のスウォッチを用意しました。 Pantone Color of the Year 2016 「Rose Quartz(ローズ クォーツ)」は淡い暖色系のバラ色で、思いやりと落ち着いた感じを伝える優しいトーンです。 「Serenity(セレニティ)」は頭上に広がる青空のようなブルーで、不穏な時でさえも休息やリラックスをもたらします。 この2色をブレンドすることで、平和への不安を和らげ、快適さと安らぎを与えます。
年明けの最初のタスクとして、年号表記を変更する人もいると思います。 フッタなどの年号表記をJavaScriptやPHPで、その年の表記に自動更新させる便利なコードを紹介します。 Update Your Footer ドメイン名、気合い入ってますね。 JavaScriptで年号表記を自動更新 PHPで年号表記を自動更新 JavaScriptで年号表記を自動更新 JavaScriptはクライアントサイドで機能するため、年号はユーザーの時間設定に依存して取得されます。
Mind maps are one of the best-known logical organization tools. It’s a graphic representation of the connections between concepts and ideas. The idea starts from a central topic, and we gradually connect it with different branches and label these with notes, symbols, pictures, links, and more. When you create a map, you elaborate on existing knowledge structures and their relationship to new conce
Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?
CSS cursor showcase. View, experience and choose one for your application ;).
Sorry, JavaScript is required to view Global Stats charts.
codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
週刊少年ジャンプのアプリ「少年ジャンプ+」で連載中の、うすた京介さん5年ぶりの新刊コミックス「フードファイタータベル」1巻が1月4日に発売となりました。新刊発売と初連載作品「セクシーコマンドー外伝 すごいよ!!マサルさん」連載開始から20年突破を記念し、特別企画として同日発売の週刊少年ジャンプ(2016年5・6合併号)に歴代うすたキャラが大集合する特別ミニ漫画を掲載しています。マサルさんがジャンプに登場するのは18年ぶりです。 「フードファイタータベル」1巻表紙 また、1月19日まで開催する原画展「うすた展」(関連記事)では、「セクシーコマンドー外伝 すごいよ!!マサルさん」や「ピューと吹く!ジャガー」の秘蔵ネームを来場者にプレゼント。1月10日15時から開催予定のうすたさん初サイン会参加者に抽選で10人、会場で「フードファイタータベル」1巻・「ラブデスター」1~3巻を1冊購入すると引ける
by paulgalbraith ネット上のトップサイトの中で最も使われているフォントは何か?ということで、フォントの名前で検索すると、そのフォントを使っているサイトをリストアップしてくれるのが「FontReach」です。「SNSでよく使われているフォント」「日本語サイトでよく使われているフォント」など、ウェブサイトで使われているフォントの傾向なども分かるようになっています。 FontReach http://www.fontreach.com/ ということで、まずはGoogleが無料で提供している「Open Sans」を使っているサイトを調べてみます。トップページのテキスト欄にOpen Sansと入力すると…… 候補がずらりと表示されました。 Open Sansは19万以上のサイトで使われていて、利用ランキング6位のフォント。項目をクリックすると…… 以下のように、Open Sansが使
GIF画像・GIFアニメーションを最適化してファイルサイズを縮小し、トラフィック量の削減に貢献してくれるソフトが「GIFmicro」です。動画から簡単に好きなサイズや長さのGIFアニメを作れる「Movie To GIF」を使えばいろいろなGIFアニメーションを誰でも簡単に作れますが、できたGIFアニメーションをこのGIFmicroで最適化すれば、よりファイルサイズが小さい状態で人に見せることができます。 GIFmicro | GIFファイル最適化アプリ | Romeolight http://www.romeolight.com/ja/products/gifmicro/ ◆ダウンロードからインストールまで 上記ページの中ほど、右カラム「Download」の下にある「Download Now」をクリック。 ダウンロードした「GIFmicroSetup.exe」を実行します。 「実行」をクリ
Facebookは人工知能の研究施設を2013年に設立し、Messengerアプリ内のパーソナルデジタルアシスタント「M」の開発などを行っています。そんな中、CEOであるマーク・ザッカーバーグ氏が自身のアカウント上で「2016年の目標は自宅用の人工知能を開発すること」と発表しました。 Every year, I take on a personal challenge to learn new things and grow outside my work at Facebook. My challenges in...Posted by Mark Zuckerberg on 2016年1月3日 ザッカーバーグCEOは、Facebookの業務以外に毎年個人的な目標を掲げて新しい物事に挑戦しているそうで、近年では毎月本を2冊読むことや、中国語の勉強、知らない人に毎日出会うことなどを目標にして
Qualcommは2015年にドローンの開発者向けに高性能SoCを搭載したボード「Snapdragon Flight」を発表していましたが、現地時間の2016年1月6日に開幕するコンシューマ・エレクトロニクスショー「CES 2016」に合わせてSnapdragon Flightを活用したドローンのデモムービーを公開しました。 Snapdragon Flight : Qualcomm s'attaque au marché des drones http://www.begeek.fr/snapdragon-flight-qualcomm-sattaque-marche-drones-190099 自動飛行モードで複雑に飛行できる次世代ドローンの姿は以下のムービーで確認できます。 Snapdragon Flight at CES 2016 - Sneak Peek - YouTube Sna
NHKが公式アプリ「NHK プロフェッショナル 私の流儀」(iOS/Android)をリリースしています。 この無料アプリは、専門家をドキュメンタリー形式で取り上げる番組『プロフェッショナル 仕事の流儀』風のオリジナル動画を誰でも簡単に作成できるもの。BGMにはもちろん、スガシカオのヴォーカルが印象的な『Progress』が採用されています。 アプリを起動したあとは、指示に従ってテキストを入力し、動画を撮影していくだけ。その後、自動編集されて動画が作成され、再生や保存、公式サイト特設ページへの投稿が可能となります。番組プロデューサーが選んだ投稿動画は公式サイト上で紹介される予定とのことです。 公式サイトでは作成例として、有働由美子アナウンサーや脳科学者で番組パーソナリティを務めていた茂木健一郎氏らのオリジナル動画を閲覧できます。 なお、作成したオリジナル動画はYouTubeやニコニコ動画、
グングンと成長する木をスワイプで剪定(せんてい)し、きれいな花を咲かせるスマートフォン向けゲームが「Prune」です。Pruneは盆栽シミュレーターとパズルの要素を合わせたゲームになっており、禅テイストも加わっているとのことなのでサクッとプレイしてみました。 Pruneを App Store で https://itunes.apple.com/jp/app/prune/id972319818 Prune - Google Play の Android アプリ https://play.google.com/store/apps/details?id=com.Polyculture.Prune 実際にPruneをプレイしている様子は以下のムービーから確認可能です。 パズルっぽい盆栽シミュレーターゲーム「Prune」をプレイしてみました - YouTube 今回はAndroid向けのPrun
映画「ダークナイト」の劇中でバットマンが乗っていた自動車のバットモービルは、タイヤが車体から分離してバットポッドという二輪車に変形するギミックが搭載されていました。そのバットポッドに非常に似ているマシンの特許をフォードが取得していたことが判明し、その謎のマシンのメカニズムが明らかになっています。 United States Patent: 9211932 Ford has patented a car that can separate into a motorcycle just like Batmobile in the blockbuster movie “The Dark Knight” – PatentYogi http://patentyogi.com/american-inventor/ford-has-patented-a-car-that-can-separate-int
[レベル: 初〜中級] 🎍海外SEO情報ブログの読者のみなさま🎍 あけましておめでとうございます。 今日から更新を再開します。 2016年もよろしくお付き合いください。 では今年最初の記事に入ります。 ほかのサイトからの引用であることを示すために blockquote タグを使えます。 しかしGoogleに対しては blockquote タグは引用を示すシグナルにはなりません。 したがって重複コンテンツの防止に特に役立つこともありません。 「blockquoteタグは考慮していない」とジョン・ミューラー氏がコメント 年末に開催された英語版のオフィスアワーで次のような質問が出ます。 blockquote タグをシグナルとしてGoogleは使っていますか? 別のサイトからの情報をblockquoteで囲ってそのページにリンクすれば、それは別のサイトからの引用だとしてGoogleは認識します
今年こそは失敗プロジェクトをなくしたいと思っているみなさんこんにちは。ryuzeeです。 先日海外のサイトを見ていたところ、10 Signs When Projects Are Doomed to Failureという面白い記事を見つけたので、10の兆候それぞれをご紹介しつつ私の私見を述べておきたいと思います。 なお、アジャイルなのかウォーターフォールなのかは関係なくあてはまります。 失敗プロジェクトの兆候(1) プロジェクトメンバーが自分たちのタスクをこなすよりもプロジェクトの悪い状況について話し合いをするのに時間を使っている よくあるパターン。 たとえばなかなか仕様が決まらないので見切りで発射してみたら、途中で色々な仕様変更がおこったり考慮漏れが出てきたりして常に対策会議をしなければいけなくなったり、 品質が悪すぎて品質改善のための会議を頻繁におこなうことになったりといった状況。 タス
魔法と芸術の調和により栄華を誇るとある王国 この国には代々語り継がれるひとつの言い伝えがあった 偉大なる物語の「記憶」それこそが秩序と安定をもたらす 王国は世界の安寧を守るべく、偉大なる「記憶」を「絵画」に封印した 「ビッグブリッジの死闘」「大空洞」「ザナルカンド」...戦士たちの数々の戦いの記憶 王国の<歴史省>はその記憶を大切に保管していた しかし、突如として「絵画」に封印された記憶が失われ世界に異変が起こる…… 歴史省の権威であるDr.モグの指示のもと、 この異変から世界を守るべく、【戦いの記憶】を追憶し、取り戻してきたデシ。 さまざまな戦いを経験してきたデシたちだったが、ある時未知なる魔力を秘めた「崩壊画」を発見 そこに封じられていたのは、英雄たちの生き様が追憶される偉大なる【物語の記憶】そのものだった…… COMING SOON 風、水、土、火・・・・・・4つの力を象徴するクリス
連載:池澤あやかとはてな大西の「エンジニアの働きやすい職場って?」 女優でエンジニアとしても活躍されている池澤あやかさんと、株式会社はてな チーフエンジニアの大西康裕が、エンジニアの働く環境や開発の様子、エンジニアのキャリアパスなどについてインタビューする連載です。毎回、さまざまな企業を訪問し、エンジニアの理想の働く環境について考えていきます。 大西 こんにちは、はてな サービス開発本部長 チーフエンジニアの大西です。 池澤 池澤です。突然こんな場所からスタートです! 大西 まるでトレーニングジムのようですが、入り口に会議室の札がありました。連載「エンジニアの働きやすい職場って?」第2回、ここはなんと クックパッド のオフィスなんです。オフィス訪問といっても信じてもらえないかも。今回案内してくれるのは…… 大西 あっ! 技術部 部長 会員事業部 副部長 人事部 エンジニア人事企画リーダー
企業や行政機関などを狙ったサイバー攻撃が巧妙化するなか、パソコンのデータを勝手に暗号化して、元に戻すためとして金銭を要求するウイルスが大幅に増えていることから、情報セキュリティーの専門機関は、特に仕事始めの4日、年末年始にたまったメールは慎重に確認するよう呼びかけています。 「ランサムウエア」は、実在する企業などに似せたアドレスで送りつけられることも多く、日本語の場合も英語の場合もあり、添付ファイルを開くか、本文に表示されたリンク先をクリックすると、ウイルスに感染するということです。 こうしたウイルスつきのメールは、新年のあいさつを装って送りつけられることもあることから、情報処理推進機構は、特に仕事始めの4日、年末年始にたまったメールは慎重に確認するよう呼びかけています。 情報処理推進機構の黒谷欣史研究員は「誤って感染すると取り返しのつかないことになるので、たまっているメールも決して流し読
はじめに はじめてアプリ案件を経験していろいろありましたが、実際につかわせていただいたライブラリをメモしておきます。 経験者の方からしたら使いすぎだろっていわれそうですが、、、 僕みたいな素人でもつかえたのでおなじような初心者のかたでもつかえると思うので共有します ui系 htmlならすぐできるのに手間がかかることって多いです。そのときにつかわせていただいたものです CTCheckbox webだとおなじみのチェックボックスやラジオボタンを手軽に実装できるライブラリです。 もしかしたら1番はじめに導入したライブラリだったとおもいます。 慣れてる人ならチェックボックスとか画像をきりかえて実装したほうが簡単かもしれませんが FlatUIKit ボタンとかそのままつくると質素な感じだったんですけど、これつかうだけでそれっぽくなってたいへん助かりました おもにつかわせてもらったのはボタンかと思いま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く