Demo 7: 高さを変更する際にさまざまなスタイルを加えることができます。 ここでは背景色をグレーに変更。 Equal Column Heights 2.0の使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/equal-height-columns.js"></script> Step 2: HTML 各パネルを内包するラッパーを用意します。 <div class="hoge"> <div>パネル</div> <div>パネル</div> <div>パネル</div> </div> Step 3: JavaScript jQuery
今回のポイント 入力項目が増えることで発生する問題点 入力項目を分割する2つの方法 共通デザインに埋めるか別ページにするか リストボックスの使い方 何らかのWebアプリケーションを組む場合,前回見たようなログイン・フォームや検索フォームのように,入力エレメント(入力要素)が1つあるいは2つだけのフォームは少ないでしょう。例えば会員制のサイトを作成するログイン場合を考えてみましょう。ログイン時はたしかにIDとパスワードの2つだけを入力するフォームですが,会員登録の画面では氏名やメールアドレス,場合によっては住所や電話番号,性別,趣味など10項目前後の入力エレメントをもつフォームになります。 例としてYahoo! JAPANの会員登録画面をみてみましょう(図1)。 これくらいの規模のフォームになると,“ページの一部がフォーム”ではなく,“ページ全体がフォーム”になります。 企業が何らかのサイト
日本Web技術界隈著名人の残念さ具合 - thinkchangの日々日誌 は内容自体はどうしようもないのだけど、テーマ自体は自分も日頃悩んでいたものなので書き出してみる。あ、そういえば行方不明のmalaさんは一昨日のハッカソンで振り向いたらいたんで大丈夫です。 キラーアプリの出現と技術的イノベーションに相関あるかと言われたらあるとは思うけど枯れた技術の水平思考的な余地も十分あるんでキラーアプリが必ずしも技術的なイノベーションを果たしている必要はない。ただし技術優位がない場合は企画レベルで制限かかるので、それを許容するかどうかという話— 賢さを上げて法で殴る (@mizchi) 2015, 8月 24 技術的イノベーションによって可能になったサービスはたくさんあって、たとえばデータベースを使った動的なウェブサービス、2000年前ごろにPerl CGIが現実的な速度で動くようになってから増えた
Responsive Accordion - jQuery Plugin レスポンシブでスマホで便利に使えそうなアコーディオン実装「Responsive Accordion」 アニメーション等もいい感じでなかなか使えそうです。 関連エントリ モバイルファーストでレスポンシブなアコーディオン実装「Bellows」
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
通常のフォーム要素(input[type="text"]とか系)で、「値が入力されましたよ」をリアルタイムで検知できるonInputは非常に便利ですね。 autocompleteで入力された場合にもonInputは検知してくれる優れものです。 モダンブラウザであれば当然のように実装されているのですが、モダンブラウザでない場合の対応が...。 実装されてない子の場合、「autocompleteされましたよ」を検知するのはとても厄介。 ...だと思っていたのですが。 某IE系の子たちは、やっぱり独自実装のeventを持っていました。 onPropertychangeでいけそうです。 $(targetObject).on('input propertychange', function(){ // eventを捕捉したときの動作 })
絶対に負けられない戦いで負けない人材を育成するさまざまな取り組み:セキュリティ・アディッショナルタイム(3)(1/2 ページ) アスリートの育成には、トップレベルの選手の育成と裾野の拡大の両方が必要だ。セキュリティ人材の育成にも同じことが言えるだろう。今、国内では人材育成を目的に、それぞれの問題意識に沿った特色を持つさまざまな取り組みが進んでいる。 アスリート育成、重視すべきはトップか裾野か 2020年の東京五輪開催に向けて、さまざまなスポーツで選手の強化が始まっている。選手の育成に関しては、主に二つの方向性があるだろう。一つは優れた素質を持った人材を発掘、選抜し、少数精鋭で世界で戦えるトップアスリートを育てていく方向。もう一つは、広く競技人口を拡大し、競技に親しみを持ってもらいながら裾野を広げていく方向。育成にかけられる予算は限られてはいるが、どちらも大切だ。 同じことが、とかく不足が叫
さくらのVPSを使った、初心者向けの記事「VPSによるWebサーバー構築講座」を半年前に公開しました。さくらのVPSを使ってWebサーバーを構築し、WordPressをインストールするまでの手順を解説しました。 しかし、サーバーは構築が完了したらそこで終わりではなく、稼働し続けている間はメンテナンスをしていかなければいけないし、安全に運用するにはセキュリティにも気をつかわなければなりません。 そこで、VPS構築講座の続編として「運用編」をお届けします。いったんWebサーバーとして稼働しはじめたサーバーについて、継続してサービスを続けていけるように運用のノウハウをお届けします。 運用編の連載は5回に分けて行う予定ですが、まず初回は「ログファイルの見かた」について触れたいと思います。 ログファイルについて大きく2種類のログをご紹介します。 WebサーバーApacheのログの見かた ssh関連の
自作のProtocolを作成してデリゲート処理を行うことはよくあるだろう。 そのときデリゲートは以下のように弱参照にすべきケースが多い。 何故なら、こうしておかないと循環参照が発生してしまうことがあるからだ。 'weak' cannot be applied to non-class type 'TestClassDelegate' クラスじゃないと弱参照は出来ないと言われても、Protocolをクラスに変えるわけにはいかない。 どうしたものかと調べてみると、stackoverflowで答えが見つかった。 How can I make a weak protocol reference in 'pure' Swift (w/o @objc) - Stack Overflow Protocolをクラスとして定義すれば良いとのこと。 実際に試してみた。 これでコンパイルエラーは無くなった。
いよいよ、Dockerの導入前のOSレベルでの設計、さらに具体的な導入に入ります。DockerをLinux OSにインストールする手順自体は非常に簡単ですが、導入前の基本設計を怠ってはいけません。Dockerを導入するにあたって、採用すべきOSのファイルシステムや、パーティションに関する基本的な知識を習得しておく必要があります。ここでは、Dockerをインストールする前段階での、ハードウェアに関する様々な留意点を概要レベルで紹介します。また、Dockerをインストールする前段階で知っておくべき各種パラメータと初期設定、Dockerのインストール手順を紹介します。 物理サーバーのCPUに関する留意点 2015年8月下旬現在、最新のDockerでは、64ビットのx86アーキテクチャのサーバーシステムやPCで稼働させることができます。CPUの動作周波数などに特に制限事項はありませんが、まずは、D
本文書は、プログラミング言語向けのスタイルガイドに向けたスタイルガイドである。 本文書へのフィードバックはQiita上のコメントにて受け付ける。 構造 対象を明確にする そのスタイルガイドがどのような状況のどのような対象に向けたスタイルガイドであるか規定すること。 状況や対象は広すぎてはならない。 理由: 対象はスタイルガイド記述者には自明かもしれないが、似て非なる言語に誤用されたり、特定分野のアプリケーション向けスタイルガイドが他分野のアプリケーションを理不尽に拘束したりすることがある。これを防ぐべきである。 良い例: 「本文書はRuby on Railsアプリケーション向けのスタイルガイドである」 「本スタイルガイドはX社におけるRubyプロジェクトに適用すべきスタイルを規定する」 悪い例: (何も書かない) 「本文書はX社におけるすべての開発に適用される ... 述語メソッドや述語関
スキルアップと続けること スキルアップしたい。 英語やパソコン、資格の勉強。 難易度の高いスキルを何かしら身につけたいと思ったら、やはり続けることが必要になってくるでしょう。1日や2日では身につけられないでしょうから。 新しいノウハウを活かせない いろいろな本を読んだり、新しいノウハウを聞きにセミナーに行っているけれども、あまり成果につながらない。 そういう人には、続けられないということがあるように思います。(あとは、身につけたそのスキルをどう活かすかという「戦略性」も足りないでしょうけれど、それはスキルを身につけたあとの話ですね。) たとえば、TOEICの勉強を始めても、途中で諦めてしまうと、もったいないですよね。やはり理想としては、900点ぐらい取りたいところですが、それには、それなりに続けることが求められます。 ダイエットも、新しいノウハウをいろいろ試すけれどもやせられない。 続かな
はじめに Charles を使うと PC 上に HTTP プロキシを立てて端末の通信をキャプチャし、リクエストやレスポンスの内容を覗いたり書き換えることが出来る。類似のソフトウェアとして Wireshark や Fiddler, Paros がある。 アプリの開発をしていてよくあるのは、APIがスタブで固定値しか返してくれない、異常系エラーのデバッグがやりづらい、という場面だが、Charles なら通信を好きに値を書き換えられるのでこれらに簡単に対処することができる。 Charles は Java アプリなので OS X だけでなく Windows や Linux でも利用する事が出来る。本稿では OS X + iOS での利用を前提として Charles の導入から簡単な使い方までを説明するが、環境依存の箇所は適宜読み替えてほしい。 導入 本来は有料ライセンスだが、無料でも数分間だけ使用
image via. Flickr <Pick Up> 11 Productivity tricks small-business owners can use to get more done eveyday 小規模事業主にとって、会社の生産性は自身の生産性に直結していると言っても過言ではない。タスクの優先順位の付け方、オンライン上の誘惑に負けないための方法、意思決定のコツなどをまとめた記事をピックアップしてみました。 月に一度「80-20アナリシス」を実施する このエクササイズのポイントは、最もフォーカスすべきことを見定めること。まず、望む結果の80%を出すために行っている20%のアクティビティを探し出す。そして、自分の時間の80%を使ってしまっている20%のアクティビティも洗い出す。最後に、重なるところ(または重ならないところ)を見つけて、時間はかかっているのに思っている程結果が出
グロースハック≠ABテスト グロースハックはチーム全体でやるもの 成長スピードを求めるあまり哲学を失ってないか? KPIを追い求めるあまりユーザーに無理をさせてないか? などなど。名言がたくさん登場するスライドです。 サービスを成長させようとするあまり、作り手都合で改善してしまうのはサービス運営者あるあるですよね。 しかし、そうではなく「ユーザーが喜び、かつ、継続的にサービスが続くようにバランスをとる」ことが重要なんだとか。 サービス改善の際は、ABテストを行っても改善につながらないことなんてザラ。 効果の無い施策を数百繰り返した先にようやく…!なんてことが普通に起こるので、実際の効果が出るまでのモチベーションコントロールの面からもこのへんきちんと考えないとなんですね。 Webで実装検証 ⇒ 成功したらアプリに 具体的なハック事例で言うと、「シェアの導線の最適化」「見る側としてアプリインス
じゃらんnet、ホットペッパー グルメなど毎日の生活に役立つサイトから、クラウドレジアプリ「Airレジ」などBtoBサービスまで、リクルートライフスタイルは非常に多くの事業領域を手掛けています。ITに対し大きなチャレンジを続けているリクルートライフスタイルの人事とエンジニアが、一緒に働きたいエンジニア像について議論しました。エンジニアの働き方、キャリアパスをどう考えているかも伺います。 座談会出席者(上写真、左より):神山良太さん、小川健太郎さん、副田俊介さん、塚越啓介さん、佐橘一旗さん (※この記事は、株式会社リクルートライフスタイル提供によるPR記事です) ▽ エンジニア採用情報 | リクルートライフスタイル RECRUIT LIFESTYLE ――というわけで、まずは自己紹介をお願いします! 神山 人事部で、IT系の中途採用、サービス開発部隊であるネットビジネス本部の人事サポート全般
2015-08-26 エンジニア中心の会社でデザイナーがうまくコミュニケーションを取るための3つのポイント 仕事 エンジニアとデザイナーの話 エンジニアとうまくコミュニケーションをが取れない… エンジニアに自分のデザインの意図や、やりたいことがうまく伝わらない… Web業界で働くデザイナーの中には、このような悩みを持ったことがある人も多いのではないでしょうか。 実は今日、そんな「デザイナーとエンジニアのコミュニケーション」についてTwitterである相談をいただき、こうして筆を取らせていただきました。 相談いただいた方はわたしと同業(Webデザイナー)で、次のようなお悩みを聞かせてくださいました。 以下、いただいた質問の要約です。 エンジニア中心のチームの中で1人デザイナーとして働いています。 エンジニアの方々と普段の仲は良いです。 しかし、仕事について議論をしている際、わたしが"感覚的
おいしい失業「スクール生活」マニュアル 1365円 実は会社を辞めてからのニート期間に僕は職業訓練の学校に通っていたことがありました。職業訓練ってかなり良い制度だと思うんだけど意外と実情が知られてないようなので勿体なく思っているので、ちょっと職業訓練について自分の体験を交えながら書いてみようかと思います。 簡単なFAQ 職業訓練って誰が受けられるの? 失業中の人なら誰でも受けられるよ。 雇用保険(失業保険)を払ってなかったら受けられないよね? いや、雇用保険は全く関係ないよ。誰でも受けられるよ。 職業訓練ってお金がかかるの? 授業料は無料だよ。交通費や通学手当(1日あたり500円)も出るよ。 職業訓練を受けると失業保険がたくさんもらえるって本当? たくさんもらえるというか、期間が長くなるよ。雇用保険を貰っている期間中に職業訓練に入学すると、本来の支給期間が終わっても、その訓練が終わるまで同
海外のソーシャルブックマークサイト3つでなんか妙にブクマされていたので気になってみてみると中々面白かったのでシェア。 CSSのエフェクトボタンだけをひたすらコードつきで紹介しているTumblrアカウントのご紹介です。 このサイトの特徴 このサイトというかTumblrは、ひたすらCodepen.ioで紹介されているコードをタンブっているわけですが、唯一の特徴としては、そのコードがもたらすエフェクト効果をアニメGIFで一つ一つ紹介している点です。 実際これだけで、とても価値のあるアカウントになっているわけです。 CSS Buttons - 8-bit Hovers CSS Buttons - Simple Example 2-3D Transforms For Social-links CSS Buttons - Hover Animated Buttons CSS Buttons - Fau
iPhoneはモバイル界隈では最大のアプリ数を誇っていますが、それは自分にとって良いアプリを見つけるのが大変であることも意味します。そこで、米Lifehackerがイチオシのアプリを集めた「Lifehacker Pack for iPhone 2015」を参考にしてください。 ※価格はすべて税込 生産性向上ツール Outlook まさかこの名前が出るとは思わなかったでしょうが、米LHが選ぶiOSのベストメールクライアントは、Microsoft の『Outlook』です。統合された受信トレイ、カスタマイズできるスワイプオプション、強力な検索機能、堅実なフィルターシステムなど、メールクライアントに必要なすべてを備えています。Apple標準の『Mail』も真っ青の仕上がりですので、よりパワフルなアプリを探しているなら、Outlookをチェックしてください。 Sunrise Calendar 『S
追記:はてなおや氏を批判したことで、はてブでブラックリスト設定された模様 いくらブックマークされてもはてなおや氏を批判する記事はホッテントリに掲載されない仕様のようです。以下本文 日本のWeb技術者は結構な割合ではてなを見ていると思う そういう中で有名な人、について分析をしてみる 人気は勿論わかるんだけど、実績で見ていってみて、冷静に、どういう点で有名になって、今何が凄いのか?という点について考えてみる 伊藤直也氏 新卒でニフティ、はてなに転職して、ブログ時代に知名度をあげる はてブを作って、はてブユーザにとっては神なのかもしれない。はてなCTO。 その後、グリーに転職し、スマホ事業部長。2015年の大赤字化したグリー。 経営の問題はあったのかもしれないが、明らかにスマホ事業の苦戦はスマホ事業の責任者であった、伊藤直也氏が作ったものだと言ってもおかしくはないと思う 「たいへんな所に来ちゃっ
2017年11月23日 便利ツール Webサイトに修正指示を出す時、どんなツールで、どのようにシェアしていますか?該当ページのスクリーンショットを撮影し、その画像に指示を入れていく…という方が多いかな、と思います。今回はWebサイトの制作者のみならず、制作者に指示をだす人や、クライアント側も使える、修正指示がグンと楽になりそうなツールをいくつか紹介します! ↑私が10年以上利用している会計ソフト! AUN[あうん] AUN[あうん]はふせん紙の感覚でWebサイトや画像にコメントを残し、共有できるツールです。登録不要!無料で気軽に利用できるところが魅力的。対象となるWebサイトのURLを入力するだけでスクリーンショットを撮影でき、指示やコメントを残していけますよ。さっそく試してみましょう。 サイトからURLを入力し、読み込みが終わると、画面をトリミングするかどうかの選択画面が表示されます。読
Welkom bij Pelletkachels.nl, jouw ultieme bron voor alles wat met pelletkachels te maken heeft! Maar we zijn meer dan alleen een platform voor het bespreken van warmtebronnen. Bij Pelletkachels.nl geloven we dat het delen van kennis en ervaringen over bedrijven en gebeurtenissen ook essentieel is voor het creëren van een betrokken en geïnformeerde gemeenschap. In dit blog duiken we dieper in de we
キーパッドを表示して「1」「1」「0」を入力してから通話ボタンを押すと、携帯電話の通信速度が速くなるというデマがSNSで拡散しています。 【拡散されたデマの一例】 デマは「iPhoneユーザーだけの裏技でキーパッドで『1』を2回、『0』を1回押して、03秒以内に通話ボタンを押して15秒くらい待つとピーと音が鳴って通信制限が解除される」という内容。 当然、110番は警察につながります。ちょっと考えればデマだと分かるはずですが、だまされたりだまされそうになった人が多いようです。 これを受けて広島県の公式Twitterではデマに対して「『1』『1』『0』を入力したら携帯電話の通信速度が早くなるという情報がSNS上で流れていますが、それは全くの嘘です!! 110を押すと警察に電話がつながります」と本来の緊急通報に支障が出るので、絶対にやめるよう呼びかけています。
超簡易版だからものすごい手抜きの説明だよ。下の画像のらくがきは、見出し番号と対応しているよ。 1. ステータス 文書*1のステータスは何段階かあるよ。少し詳しい説明はW3C勧告プロセスの概要を見てね。「W3C Recommendation」がW3C勧告、「W3C Working Group Note」がW3Cノートと呼ばれるもので、この2つはその時点で確定した文書だよ。それ以外のステータスは作成途中のものだよ。勧告とノートを比較する場合、勧告の方が優先されるべき文書だよ。多くの文書で「Status of This document」の最後に"This document is governed by the 14 October 2005 W3C Process Document. "みたいな形でどのW3Cプロセスで作成されているかがわかるよ。正規のW3C文書はhttp://www.w3.o
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
日本ケンタッキー・フライド・チキンは、新商品のプロモーションに際して行ったユーザー中心の効果測定を通し、「キャンペーン担当者が伝えたい“想い”と、ユーザーが関心を持つコンテンツの間にはギャップがある」ことを可視化した。マーケティング施策の課題を浮き彫りにし、優先順位を見直し、最適化を図るための効果測定とは。 日本KFCは新商品のプロモーションにおいてどのような効果測定を行ったのかWeb担当者Forumミーティング 2015 春に登壇した日本ケンタッキー・フライド・チキン(以下、日本KFC)の二戸有紀氏は、「ケンタッキーのキャンペーン施策をユーザー視点で振り返る 先進的なプロモ―ションの効果測定手法」と題し、事例を交えた解説を行った。 2015年2月に発売された日本KFCの新商品「ビストロ風ハンバーグサンド」は、店舗のスチームオーブンを使って焼き上げた肉厚のハンバーグをはじめ、マッシュルーム
たった5分の睡眠でも、体の元気を取り戻すことって出来ますよね。 通勤通学、学校や仕事帰りに5分でも席に座れるのであれば、頭をスッキリさせるためにもさくっと仮眠をとりたいところです。そんな時に、短時間ながらも、リラックスして仮眠を取ることが出来るグッズがこちら。 頭にかぶるタイプの枕『オーストリッチ・ピロー・ライト』です。髪型が崩れてしまう難点と「この人、なにかぶってるんだろう?」という不思議な視線を受ける可能性はあります。でも、かぶっていれば人の視線は気になりませんし、何よりも仮眠を取ってスッキリすることであなたの顔と目はきっと輝きを取り戻すはず。 枕自体はビーズクッションタイプになっています。長時間のフライトなんかにもよさそうです。 そしてこちらの枕。別のバージョンもあるので合せてご紹介します。 頭に腕を入れる様の穴が開いた少し大きめの枕です。勉強の途中で疲れた時にこんな風に少し仮眠を取
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く