DOMとはJavaScriptでhtmlの要素を操作するための仕組みのことだ。 JavaScriptを扱っていく上で、絶対に知らないといけない仕組みのひとつだろう。 このページではDOMの仕組みと使い方について初心者の方でもわかるように解説した。 DOMとは「Document Object Model」の略だ。直訳すると、「ドキュメントを物として扱うモデル」になる。プログラムからHTMLやXMLを自由に操作するための仕組みだ。 例えばブラウザに表示される文字の色を変更したり、大きくしたりと、Webページの見た目をプログラムで処理をしたい場合があるだろう、しかし何もしていない状態のHTMLファイルではJavaScriptから手を出す事が出来ない。そこでファイルの特定の部分に目印を付けて「この部分」に「こういう事をしたい」という処理を可能にするための取り決めがDOMである。 DOMは以下のよう
Technology is our strength. Technology is what we enjoy. 弊社のWEBディレクターのひとりがサイトマップ作成で 早くて簡単に分かり易いマップが作れないはかを悩んでいるようでした。 現状は、サイト規模に応じて、エクセル、パワーポイント、イラストレーター又は市販のマイドマップで作成しているようです。 なかでも市販マイドマップのソフトを愛用しているようですが、10年前のソフト。そろそろバージョンアップしないと使えない品物です。 さらに言えば、結構高価なため、1ライセンスしか所有しておらず、 他のデバイスでは修正できないのが難点。要は共有できない・・・・ そこで、作成しやすくて見やすいサイトマップはないかとは旅(WEB)に出てみました。 しかし・・・調べるや否や、いきなり問題にぶち当たりました。 検索ワード「サイトマップ」で検索すると、sit
こっちの色でも、そっちの色でもどっちでもいい。でも、どちらも腑に落ちない。 僕にはこんな経験がよくあります。一人問答をしてそれでも納得できないとき、最終的には周りに相談します。その際に相談するときにはある程度自分のルールを持っています。今日はそのときのルールを紹介してきます。 自分は何に悩んでいるのか分類する バナーがしっくりこない トップページのメインビジュアルが周りから浮きすぎて見えてしまっている 全体的にのっぺりしてる感じになってしまう デザインをする上では山ほどの悩みを解決しながら制作をしますが、僕の場合はざっくり4つに分けて考えるようにしています。 人によっては違うかもしれませんが、問題がだいたいどこにあるのかを見当つけることで、相談するためのポイントがはっきりします。 相談相手に何をして欲しいのかゴールを決める ただ「わからない」というだけでは、相談相手も困ってしまいます。自分
動画の仕組み キーフレームについて説明する前に、「動画の仕組み」について簡単に説明します。 動画の仕組みは、ザックリ言うと「パラパラ漫画」です。 1枚1枚の画像(フレームと呼ぶ)を高速でめくっていく事で、動いてる風に見せかけているだけなのです。 ただ、この時、フレームをそのまま「動画」に落とし込んでしまうと、3分で15GBなどという巨大なサイズの動画になってしまいます。 なので通常、私たちが普段視聴している動画では「コーデック」と呼ばれる「圧縮のアルゴリズム」を使用して、動画を色々な方法で圧縮しています。 参考:動画形式とは?コーデックとの違い【コンテナ、フォーマット】 圧縮方法「コーデック」を使って動画を圧縮する方法としては、 主に以下の2種類に分類できます。 1.フレーム間で似たような部分を圧縮する方法(フレーム間予測)例えば、ニュース番組などでキャスターが淡々とニュースを読み上げてい
SNSを運用する上で注目すべきポイントのひとつに「エンゲージメント」があります。最近よく耳にする言葉ではあるものの、明確な定義があるわけではないため、あいまいな理解のままになっている方もいるのではないでしょうか。 今回は、エンゲージメントの基礎知識から、主要SNSであるTwitterとFacebookにおけるエンゲージメント率の計算方法について解説します。それぞれ注目しているポイントが異なるため、計算方法も異なります。特にSNS担当者の方は、本記事を参考にマスターしておきましょう。 エンゲージメントとは エンゲージメントとは、英語で「engagement」と書き、直訳すると「約束」や「契約」を意味します。 近年ではSNSにおけるユーザーと運営側の繋がりを測る指標として用いられることも多く、意味合いとしては「絆」「繋がり」のほうが近いでしょう。ではなぜ、エンゲージメントが注目され始めているの
AI is suddenly everywhere. Do you need to go and get a shiny machine learning degree to remain competitive? John Maeda says not to worry. He’ll show you how to cook delicious dishes into your coding repertoire with his new show - Mr. Maeda’s Cozy AI Kitchen. Find out how you can use GitHub Copilot, an add-on that is powered by AI, to get helpful suggestions when writing code or documentation. This
実に2年ぶりのエントリになりますが;、今日はこちらの話題を。 少し前の話になりますが、5 月下旬に弊社イベント de:code 2016 で、ちょっと変わったセッション「拝啓『変わらない開発現場』を嘆く皆様へ ~エンプラ系 SI 開発現場の「今」を変えていくために~」を担当させていただきました。内容は、エンプラ系 SIer のプロパー(PL, PjM, SE)の方々向けに、設計やテスト手法の改善テクニックの要点などを通して、開発現場を改善していくための考え方を解説する、というもの。未来をお届けするイベントなのに最新技術を一切説明しないという異色のセッションにもかかわらず、参加者満足度(NSAT)ランキングで全 125 セッション中 2 位という結果になったことに大変感謝する一方で、私自身、いかに日本のエンプラ系 SI の闇が深いのか、を改めて実感することになりました。 セッションの内容につ
人工知能パーツ Microsoft Cognitive Services を使った表情分析アプリを作ろう! (Emotion API × .NET Core 編)Microsoft.NETCoreCognitiveServicesVisualStudio2017 Microsoft Cognitive Services を使った表情分析 Web アプリ (.NET Core 版) Microsoft Cognitive Services は 画像、文章、言語、情報を処理する機能を API 経由で利用できるサービスです。 Cognitive Services の一つである Emotion API では、画像を分析して人間の顔やその表情を数値化し、結果を JSON 形式で取得することができます。 今回は オンライン画像 (URL) を入力すると、顔の表示位置と表情分析スコアを表示する Web
アメリカ契約法の重要概念であるconsideration(約因)は日本に対応する概念がないこともあって、日本の法律家には特にわかりにくい概念の一つである。もっとも、considerationは優れて法的な概念なので、判断に際して多少の難しさが伴うことはやむを得ない。 1. 約因の判断定式 具体的な判断に難しさが伴う場合があるものの、considerationの判断枠組みは定式化されている。そこで、まずはこの定式を説明するところから始めたい。 「Considerationがある」とは、(i) 当事者Aが受け取る利益(benefit)と当事者Bが受ける不利益(detriment)の一方または双方があって、(ii) 当事者Bが受け取る利益(benefit)と当事者Aが受ける不利益(detriment)の一方または双方があって、(ii) これら(i)と(ii)が交換される約束がなされていること、を
今まで数々のプロジェクトマネージャーとそのプロジェクトマネージメント手法に翻弄されてきたが、現在の勤め先であるベルリンのITスタートアップで取り入れている手法が歴代の中でも一番マシ。まず工数見積がとても洗練されている。エンジニアが無理やりに「今週中に完成させます!」と言わされて、結局はその約束が守りきれずに翻弄される、というような弊害が最小化できているな、という話。 プロジェクトマネージメントチームのメンバー達はその見積方法を「フィボナッチ」と表現している。 だいたい工数見積なんてものが正確にできる人に出会ったことが無い。複雑なITプロジェクトの全体像を把握して「これをうちのチームで完了するためには**日を要する」なんてピタッと当てたためしがない。絶対にズレる。 エンジニアに向かって「お前さー『今週中に完成させます』って言ったよな?誰だっけ、それ言ったの?オレじゃねーよ。お前だよ。おめーの
ポモドーロ法は割と有名なテクニックかなと思います。 時間を作業25分 + 休憩5分=1セットとして、繰り返していきます。 こうすることにより「時間を分割して、集中力を上がる」という訳です。 昔に実際に使ってみて、「まぁ・・・無いよりはあったらいいのかな」くらいの感覚ではあった。 Macにはポモドーロタイマーは入っているものの、気休め程度に入っている程度だった。 実践者の日本語のブログの記事をみても ポモドーロがあると集中出来る 勉強がたくさん出来るようになった 必ず休憩が入るので、集中が長続きする くらいの浅い記述しかない。実際に自分もこのテクニックについて深く掘り下げようと思ってもいなかった。 実際の活用方法は全然違った。 きっかけはSoft Skills きっかけは最近、日本語翻訳が出た「SOFT SKILLS ソフトウェア開発者の人生マニュアル」という本での記述。ここの記載で考え方が
はじめに マライア・キャリーと山下達郎が君臨する季節が参りました。もう、時間がありません。卒論を書き始めましょう。 あくまで第0稿です。指導してくれる教員や先輩に提出すると鉄拳制裁が飛びます(鉄拳が飛ばない場合は、言葉の大量破壊兵器が飛んであなたの心を砕きます)。 必ず、第1稿に品質向上をしてから提出しましょう。 第0稿の目的 うまれて初めての論文執筆はそんなに簡単な作業ではありません。第0稿の目的は精神的な安心感を得ることにあります。0(ゼロ)から1を生み出す作業と1を10にする作業を比べた場合、明らかに前者の方がつらいです。そこで、ひどい代物であったとしても1を用意し、精神的ハードルを下げようというのが目的です。 第0稿が満たすべき条件は以下のとおりです。 書式が提出版と同じである PDFにしたときに、一見、出来上がっているように見える 何を書くのかがおおまかにつかめる 図、表、例題、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く