世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
![Google](https://cdn-ak-scissors.b.st-hatena.com/image/square/7bf995d35cf7f04daed8ab39be4e80fd2d1cb554/height=288;version=1;width=512/https%3A%2F%2Fwww.google.com%2Flogos%2Fdoodles%2F2018%2F2018-summer-youth-olympic-games-5294493673717760-2xa.gif)
トレンディ且つナウい Web ページを構築するための CSS フレームワーク(※枠組み)です。フレームワークというとなんだか大袈裟な響きですが、実態は単なる CSS と JavaScript という2つのテキストファイルだけで特別な使い方等もありません。利用者はこれらを HTML ファイルに読み込ませたのち、Bootstrap 側で既に定義済みのクラスを各 HTML 要素に指定するだけで、自分は一行も CSS を書くことなく高品質な Web ページが作れてしまったりします。 Twitter Bootstrap うろ覚えですが、2011年の夏頃に最初のメジャーバージョンがリリースされました *1。当時 Twitter のエンジニアで現在は Github にお勤め中の Mark Otto 氏によって開発され、2013年4月時点ではバージョン2.3.1が最新版となっています。またバージョン3.0
残業をするのは能力が低い証拠だ。結果を出す人程それぞれのタスクに費やす時間が少ない。責任のあるポジションになればなるほど休暇を多く取る。これらはアメリカ職場で常識とされている考え方である。うちの会社でも通常19時以降は誰もオフィスに居ない事に驚かれる事が多い。 基本的に残業文化の無いアメリカでは、仕事に対する効率化の追求は会社レベルでも、従業員レベルでもとことん求められる。特にタスクの種類が多いマネージャークラスになると、仕事のクオリティと共にスピードが一つの評価対象になる。 そして、デキル人は決して「忙しい」と言わないのが日米で共通した認識だろう。彼らがそういわないのには、卓越したタイムマネージメントテクニックが備わっているからだ。 自分もCEOという立場から、多種多様なタスクを毎日こなさなくてはならない。そこで日々心がけている時間の使い方と仕事の進め方をご簡単に紹介したい。 自分として
今日のスケッチ蝶蝶がいっぱい。 processing.js だいたい理解した。 蝶の群れだけど、boidというよりは、perlin noiseによるフォースフィールドの復習。 定番ですがperlin noiseで作った雲状bitpmapのR値とG値を、XY方向の気流の力として適用する・・・ってアレです。 リハビリリハビリ。 ここ数年こういうコード書いてなかったので、すごい腕が落ち込んでる。 スムーズな方向転換系アルゴリズムを作れないうちに時間切れ。 昔は2〜3時間あれば作れたのに・・・ジジイになったってことか。 ところで、processing.jsの現行バージョン、tint()関数が壊れてませんかね? フォグでZ-Depth的表現しようとしたら、どうにも動かない。 1日1〜2時間、プライベートの時間にちょこちょこ作って一気にリハビリしたい。 Daniel Shiffman師父の、インタラク
カリフォルニア大学サン・ディエゴ校の計算機科学者達が開発した Codespell は、一人称視点の3Dゲームなのですが、その一番の特徴は、プレイすることでJavaプログラミングを身につけられるという点です。 Codesp […] カリフォルニア大学サン・ディエゴ校の計算機科学者達が開発した Codespell は、一人称視点の3Dゲームなのですが、その一番の特徴は、プレイすることでJavaプログラミングを身につけられるという点です。 Codespellでは、プレイヤーは小動物ノーム(gnome)たちが住む土地にやってきた魔法使いです。ノーム達は過去に魔法を使って生活していたのですが、今は魔法をうまく使えなくなっています。魔法の呪文はJava言語プログラムで、物体を浮遊させるとか火を起こすといった7つの手持ちの呪文を使って、ノーム達を助け、火を消したり川を渡ったりといったクエストを解き、バッ
最近のスマホサイトとかコーディングしてると上記のようなリストビューのコンポーネントをよくマークアップする。リストのひとつの項目全体がタップエリアで遷移したりアクションしたりする。 これをコーディングするとなると、ul > li > aでaをBlock要素にすると思う。そのとき、上記の普通のテキスト文もリンクテキストになってしまって、いわゆる青色の下線テキストリンクのようなスタイルになってしまう。
ボタンをホバーすると、サークル状のフラットなアイコンを使ったソーシャルメディアへのシェア用のボタンがアニメーションで表示されるスタイルシートを紹介します。 Animacion CSS ※デモは最新のモダンブラウザでご覧ください。 デモ自体は上記のアニメーションに比べてちょっと遅い動きですが、スタイルシートで調整すれば好みのスピードに変更できます。 実装は、下記のようになっています。 HTML 各シェアボタンはa要素で配置し、div要素で内包します。 <div id="redessociales"> <a class="smedia facebook" href="https://www.facebook.com/josernitos">Uno</a> <a class="smedia twitter" href="http://www.twitter.com/josernitos">Dos
前回は「説明文の書き方」について書きました。メール、Facebook、Twitterなど、文章を書く機会が飛躍的に増えているので、仕事を効率化するためにも大事な話です。よければ、ぜひ復習してみてください。 さて今回は、とんでもなく成果を出している人は、他の人々と何が違うのかを考えてみたいと思います。ぼくは編集者という仕事がら、さまざまな分野で、そういう人と会うことがあります。彼らには共通している点があることに気づきました。以下です。 ひとつづつ見ていきましょう。 (1)めちゃくちゃよく働く すごい人はみんな、例外なくハードワーカーです。いつ休んでいるんだろうと思えるくらいよく働きます。ワークライフバランスという概念はないようです。もちろん、遊ぶときは遊ぶのですが、そういう時間も仕事のことを考えているので、けっきょく仕事につながってしまうことが多いようです。 (2)好きなことをしている 彼ら
jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 シンプルで、セマンティックなマークアップ 1.8KBの超軽量スクリプト 外部ライブラリは不要 CSS3アニメーションを使った美しいエフェクト タッチイベントをサポート クリックとタップの違いを調整 スクリプトがオフでも機能 MITライセンス 対応ブラウザ IE6をはじめ、デスクトップ・タブレット・スマフォの主要なブラウザ全て。 以下は、テスト済みのプラットフォームです。 iOS 4.2.1+ Android 1.6+ Windows Phone 7.5+ Blackberry 7.0+ Blackberry Tablet 2.0+ Kindle 3.3+ Maemo 5.0+
Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント(強み)を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス(PCやスマートフォンなど)を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する
多摩大学大学院教授、ならびにKIRO(知識イノベーション研究所)代表。京都工芸繊維大学新世代オフィス研究センター(NEO)特任教授、東京大学i.schoolエグゼクティブ・フェロー。その他大手設計事務所のアドバイザーなどをつとめる。早稲田大学理工学部建築学科卒業。博士(経営情報学)。 組織や社会の知識生態学(ナレッジエコロジー)をテーマに、リーダーシップ教育、組織変革、研究所などのワークプレイス・デザイン、都市開発プロジェクトなどの実務にかかわる。 著書に『ビジネスのためのデザイン思考』(東洋経済新報社)、『知識デザイン企業』(日本経済新聞出版社)など、また野中郁次郎氏(一橋大学名誉教授)との共著に『知力経営』(日本経済新聞社、フィナンシャルタイムズ+ブーズアレンハミルトン グローバルビジネスブック、ベストビジネスブック大賞)、『知識創造の方法論』『知識創造経営のプリンシプル』(東洋経済新
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
[2013.04.13 09:00 文章の一部に誤りがありましたので、訂正いたしました] いつも多彩な新しい技術で我々を楽しませてくれるGoogleですが、先日ライフハッカーでも紹介した「World Wide Maze」は、Chromeでアクセスしたサイトを3Dグラフィックスの迷路ゲームに変えて、さらにスマートフォンをコントローラーにして遊べるようにしてしまうという驚きのサイトでした。 ゲームをプレイするにあたって必要なのは、Chromeにログインして、パソコン版とモバイル版を同期させるだけ。プラグインの追加も必要ありません。 いつも見ているサイトがどうして立体迷路ゲームになって遊べるようになるのか? そんなみなさんの疑問にお答えすべく、ChromeやHTML5などのウェブ技術の開発者に向けた普及を進めるデベロッパー アドボケイトの北村英志さんとChromeのマーケティングを担当している江
日本からこんにちは。エンジニアの坂本 一樹(@splhack)です。 皆様いかがお過ごしでしょうか。HTML5とともに過ごしてらっしゃいますでしょうか。 てなことで、インターネッツに非常に興味深い検証がありました! ■HTML5フレームワークにおける表示オブジェクトのパフォーマンス検証 - Togetter ■HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 HTML5フレームワーク同士のガチパフォーマンス勝負ですね。 HTML5のフレームワークは、たくさんありますが、やはりパフォーマンスがいいものを選択したいところですね。さらに言えば、アニメーションのオーサリングなんかも、いい感じのツールでさくっと付けられるといいんですが。 おや? 何かがなかまになりたがってますね! ということで、LWFも、勝手になかまにいれてしまいましょう! あ、LWF
UbuntuやFedoraといったGUIプラットフォームには、ネットワークトラフィックを表示するアプリケーションが用意されていることが多い。ただしそれらアプリが出力するトラフィック情報は大雑把で、個別の情報は表示されないことがある。またGUIアプリでは、sshでログインした状態でネットワークトラフィックを調査するといった作業ができない。 How to Monitor Network Traffic in Linux - Techthrob.comにおいてLinuxやUnixなどでネットワークトラフィックのモニタリングを実施するための2つのツールが紹介されている。コマンドラインで動作するツールなので、ssh経由でログインして使うことができる。紹介されているツールと活用例は次のとおり。 iftop(8) ネットワークトラフィック情報を表示するツール。IPとポート番号をベースに、それぞれの通信に
ダイナミックなかわいいアニメーションでパネルのレイアウトを変更する、レスポンシブ用のレイアウトを生成するjQueryのプラグインを紹介します。 デモページ DyLayの使い方 Step 1: 外部ファイル 「jquery.js」と「easing.js」と当スクリプトを外部ファイルとして</bpdy>の上に記述します。 <script src="http://code.jquery.com/jquery.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/dylay.js"></script> Step 2: HTML 各パネルはリスト要素で配置し、フィルタやソート用のデータをclassやdata属性に仕込んでおきます。 <ul id="dylay"> <li style="width:
【Sidr】Facebookアプリのようなメニュ... / 【jPanelMenu】横から出てくるサイドメニ... / 【Snap.js】フリック動作で出し入れが可能な...他...全4件
FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDevelopはソフトの軽さと強力なコードヒント機能によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。 FlashDevelop Code Hint Movie from clockmaker on Vimeo. コードの補間によってキータイプの量を劇的に減らせ、自動的に整形されるため見通しの良いコードが仕上がるのがおわかりになるかと思います。 では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限り
enchant.jsでスマホ向けゲームを作り始めるための基礎知識:enchant.jsでHTML5+JavaScriptゲーム開発入門(2)(1/4 ページ) 大人気のHTML5+JavaScriptベースのゲームエンジン「enchant.js」を使ってゲームアプリを作る方法を解説していく。今回は、enchant.jsでゲームを作るための準備の仕方や、サンプルアプリのソースコードを実例に基礎文法などを紹介
bootstrap-wysiwygはBootstrap用のリッチなWYSIWYGエディタです。 使い勝手の良さもあってBootstrapを使ったWebサイトが増えています。より便利に使うためには多彩なウィジェットが欠かせません。今回はBootstrap用WYSIWYGエディタ、bootstrap-wysiwygを紹介します。 シンプルなUIで使い勝手が良さそうです。 文字の装飾は簡単にできます。ツールチップが出るのもいい感じです。 画像の埋め込みにも対応しています。ファイルフォームを使って画像を読み込む形になっています。 URLの埋め込み。ダイアログではないのがポイントです。 文字サイズの変更もできます。 bootstrap-wysiwygではさらにマイクアイコンをクリックして音声によるテキスト入力にも対応しています(Google Chromeの機能を使っています)。さらにホットキーへの対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く