サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
www.aura-office.co.jp
あけましておめでとうございます。 本年もアウラをどうぞよろしくお願い申し上げます。 皆様、年末年始はどのようにお過ごしでしたでしょうか。 私は、せっかく頂けた長期休みなんだから何か実のあることをしたい!と考えた挙句、ゲーム作ってました(何故) Processing、そしてp5.js ひょんなことから、デジタルアートを作れるプログラミング言語「Processing」を知り、更にProcessingをJavaScriptに移植した「p5.js」を知りました。 楽しそうだし勉強にもなるし一石二鳥!とウキウキ触ってみると、これが結構楽しいのです。 お前、最近画像やらデジタルアートネタばっかりじゃないかと思ったそこのアナタ、私もそう思います。 でも、仕方がないんです。遊びがい学びがいのあるものに出会ってしまったら、堪能したくなるのが人の性(開き直り) まずは表示用のHTMLファイルを用意 今回は何も
こんにちは! アウラの河野です。 今回は制作中の案件で、タブメニューで表示を切り替える仕様があり、 簡単に作成する方法が見つかりましたので、ご紹介いたします。 まずはマークアップから <div id="contents"> <div class="tab_box"> <ul class="tab_list"> <li>タブ1</li> <li>タブ2</li> <li>タブ3</li> </ul> <ul class="article"> <li>ダミーテキスト1</li> <li>ダミーテキスト2</li> <li>ダミーテキスト3</li> </ul> </div> </div>
こんにちは、仁木です。 先日、新規サイトのコーディングの担当割り振りをコーダーの河野さんと話している時に「ちょっとPug使ってみない?」という話になり、巷で話題のPugを使ってみました。 ただし、Pugは基本的にはHTMLコードのコンパイラであり、PHPを多用しているアウラではPugの環境をカスタマイズしてあげる必要がありました。 また、Pugは、Gulpなどのタスクランナーやwebpackのビルドツール、CLIなど、様々な環境で実行することが出来てしまうので、その辺りを吟味した過程なども含めて、環境の構築内容やカスタマイズ内容について今回は紹介したいと思います。 まず「Pug」とは…? Pugをご存知ない方に説明をすると「Pug」はJavascriptで動くHTMLのコンパイラです。コンパイラとは、人間が書いたソースコードをコンピューターが理解できる言葉に翻訳してくれるプログラムです。
〒530-0022 大阪府大阪市北区浪花町12-24 赤坂天六ビル 8F TEL:06-6292-8577 FAX:06-6292-8578 E-mail:staff@aura-office.co.jp
このページを最初にブックマークしてみませんか?
『ホームページ制作・Web制作 |株式会社アウラ(大阪)』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く