サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
tridentwebdesign.blog.fc2.com
NodeListオブジェクトは、この縦のノードを配列っぽく並べたものです。 DOMツリーを表したHTMLでbody内のNodeListは、childNodesで取得することができます。 配列っぽくというのは、インデックスで取得できたりして配列っぽく振舞いますが、実際には配列ではありませんので、配列で使える便利なメソッドは利用できません。 var nodelist = document.querySelectorAll('body'); console.log(nodelist[0].childNodes); NodeList[5] 0:text 1:h1 2:text 3:p#explanation 4:text 個別で取得したい場合は、childNodesをインデックスでつなげて指定することができます。 また、item()でも取得できます。 console.log(nodelist[0]
講師のカワグチです。 名古屋でWebサイト(ホームページ)を制作している会社はどういったところがあるのでしょうか? 「名古屋 Webサイト制作会社」でググってみても検索結果には、Web制作会社のサイトデザインが表示されるわけではありませんので、どんなWebデザインをしているか、よくわかりませんよね。 これからWeb業界を目指す人にも参考になればと、キャプチャとともにまとめて記事にしました。 ただ、Webサイトの制作がメインではない会社もありますので、「Webサイト制作をしている会社」として、ご覧ください。 制作実績が公開されているところは、なるべく新しいものをピックアップしてあります。 さらに詳しく知りたい方は、各制作会社のWebサイトで直接ご覧ください。 ※20160920 Webサイトリニューアルなど最新のキャプチャ画像に修正しました。 思った以上に検索順位が上がってきて驚いているので
夏休みも終盤になり、もうすぐ9月ですね。一時期の死んじゃうような暑さも和らぎ、台風が頻繁に発生していますので、この時期を過ぎれば、本格的な秋がやっています。実りの秋ですので、様々な学校行事とともに、前期から進めていたプロジェクトの完成時期にもなりますので、どんな制作物が完成するのか楽しみです。 さて、そのプロジェクト絡みでScrollMagicを調べましたので、簡単な使い方だけでも紹介したいと思います。 セットアップ 2.0.5にバージョンが上がり、読み込むファイルなども変更になりました。まずはベースとなるhtmlを用意します。 ]] これに必要なファイルを読み込ませていきます。まずは、ScrollMagicのメインjsとデバッグ用のdebug.addIndicators.jsを入れます。トリガーの位置などが表示されますので制作時に便利です。 CSSでスクロールされるように高さを設定し、対
物やサービス、情報で溢れかえっている現代において、あらゆる業種・業界でHCD/UXDの重要性が語られています。そんな現在の日本国内におけるHCD/UXDのこれまでとこれからについて、より実践的な例をもって皆さんと語り、探究していきたいという気持ちから開催された「UX Japan Forum 2014」がトライデントコンピュータ専門学校で開催されました。 キーノート 「UX思考 - ユーザーエクスペリエンスの視点からイノベーションを生み出す」 山崎 和彦 氏(千葉工業大学) まずは、「エクスペリエンス・ビジョン」「人間中心設計の基礎」の著者で千葉工業大学デザイン学科教授の山崎先生による「UX思考」について解説していただきました。UX(ユーザーエクスペリエンス)という言葉が聞かれるようになり、企業が活用をしています。UXはイノベーションの要素であり、イノベーションを生み出すためのリフレーミング
【2016年4月17日追記】 Facebookのページプラグインが便利になりレイアウトしやすくなりました。もうすでにサポートが終了していることもあり、fb.wallを外しました。ページプラグインに関しては、下記から行ってください。 https://developers.facebook.com/docs/plugins/page-plugin 【2014年1月19日追記】 昨年の10月にまた、Facebookの仕様が変わり「いいね!」の数が取得できなくなっています。 fb.wallでundefined people likes thisとか出る件 | IT屋のPC+ビジネスハック の記事に対処法が書かれています。 上記記事を参考に変更すると、いいね!の上限数に限りが出てきますので、 fb.wallメモ最終版 | 永遠少年症候群 に修正方法が紹介されています。またこの記事で利用してる「fb.
【2013年4月8日追記】 外部からのCSSが効かない仕様になったようですので、fb.wallを使って対処しました。 「 それでも、Facebook「Like Box」をカスタマイズしたかった。」書きました。 【2013年2月20日追記】 いつの間にか、CSSが効くようになっていましたが、新たに修正が必要だったりしましたので、Facebook側で何かが変わったのでしょう(T_T) 【2013年1月30日追記】 最近、likeboxで検索してこのページに来られる人が多かったので何事かと思っていましたが、どうやらカスタマイズしたCSSが効いていないようで、仕様の変更か何かあったみたいです。解決策がみつかったら追記します。 Facebookが話題になり始めた頃、トライデントコンピュータ専門学校Webデザイン学科のFacebookページを制作しました。このウェブDeブログや学生のブログ、学科の話題
トライデントコンピュータ専門学校から見える桜も満開となりました。 今年度最後のイベント「Web合同制作合宿」を3月26日(木)〜28日(日)の日程で、名古屋・トライデントコンピュータ専門学校で開催しました。 今年は東京・大阪・名古屋から過去最高の44名の参加者が集いました。 初開催は、2013年に大阪のECCコンピュータ専門学校にトライデントの学生がお邪魔して、1泊2日で両校混合グループ制作をしました。 同じWeb制作を学ぶ学生同士の交流を通じて視野を広げたり、地域間・学校間での特色の違いを今後の学びに活かしていく目的で始まりました。 参加校 今年も昨年同様、東京・大阪・名古屋・岐阜・神戸から7校の参加です。 トライデントコンピュータ専門学校(名古屋) ECCコンピュータ専門学校(大阪) 東京電子専門学校(東京) 名古屋文理大学(愛知) 岐阜協立大学(岐阜) 神戸電子専門学校(神戸) 清風
Webデザイン学科・CGイラスト学科に新入生が入学して、約1ヶ月が経ちました。今年は新しい試みとして、日頃の勉強の様子や、興味のある事などについて、学生各個人にBlogを書いてもらう事にしました。 きっかけは、Web制作会社の方の「これからWeb業界で働こうとしている人が、Blogで自分がどんな勉強をして、どんなWebサービスを使って、どんな事に興味があるのかを発信するのは当たり前だ」という言葉を聞いたからです。 いざ、やろうと思うとなかなか面倒で、様々な許可をとったり、ネットワークの設定を変更してもらったり、サーバーを準備したり、運用方法を考えたりと、手間はかかりましたが、このBlogが今後、勉強の励みになり、多くの人達と知り合うきっかけになれば、とても嬉しいですね。 就職活動などにも役立つような、アウトプットの場としてうまく利用してもらいたいと思います。 ということで、コメントやリンク
4月22日(水)に行われた「a-blog cms カスタマイズセミナー1」に参加するためapplepleさんへ行ってきました。β1からβ2にアップデートしたぐらいで、ほとんど触れていない上、なんと出発直前にアップデートにすら失敗していることが発覚して、むちゃくちゃ焦りました。結局、そんなおっちょこちょいでも大丈夫なように、テスト用のサイトが用意されてたのですが。 さて、このCMSはa-blogを開発しているapplepleさんが、満を持して生み出した“a-blogのDNA”を受け継ぐCMSということで、実際に触られてる方の評判も非常に高いです。 今回はハンズオン形式でかずみちさんに直接、教えてもらったのですが、WordPressを少しブログとして使っている程度の経験では、理解するまでには至らなかったので、印象に残った項目を少し書き出したいと思います。 ●今ある静的HTMLを簡単に利用でき、
このページを最初にブックマークしてみませんか?
『ウェブDeBLOG|トライデントコンピュータ専門学校 Webデザイン学科』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く