上司は、知識で部下に勝とうとしてはいけません。 知識の吸収や習得は、若い新人のほうが、圧倒的に有利だからです。 上司が偉そうに知識の豊富さを自慢できるのは、最初だけです。 入社したての新人に対しては、多くの専門的な知識がある上司のほうが「教える立場」になれます。 しかし、若くて記憶力がよく、体力もある新人は、すごい早さで知識を吸収します。 私は上司として多くの部下に接してきましたが、いつもこの早さには驚かされます。 教える側になるのは最初のころだけで、会社に3年もいれば、上司より仕事に詳しい知識を持っていてもおかしくはありません。 一方、年を取っている上司は、体力も記憶力も衰えます。 悲しいかな「老いる」という人間の宿命です。 いずれ立場は逆転し、上司は部下から「教えてもらう立場」になる日がやってきます。 そうしたとき、いかに「素直になれるか」です。 知識だけの競争なら、部下には負けてしま
上司は、部下に仕事をお願いすると、少なからず心配します。 仕事がきちんとできるかという不安は、どんな上司もあります。 全体を管理する上司としては、その気持ちはあって当然であり、不思議なことではありません。 仕事が間に合わなければ、全体に影響を及ぼしてしまう重要な仕事ほど不安が大きくなり、仕事の進み具合が気になります。 しかし、その気持ちがあっても、いちいちうるさく口出しするのは控えることです。 仕事の内容を説明し、重要な指示さえすれば、後は完全に部下に任せます。 部下が完全に仕事の方向性を誤っているときを除いて、基本的に上司は部下に仕事を完全に任せ、できるだけ口出ししないことです。 この効果は、後になるほど、よい影響を与えます。 仕事を完全に任せることで、部下が責任感を持つようになります。 重要な判断のみ上司に頼り、進め具合は、すべて自分の判断・やり方・方法にすると、ストレスも小さくてやり
かっこいいスライドギャラリーを実装したい。 そんなときにおすすめなのが、『GalleryView』。動きの洗練されたjQueryのスライドギャラリーです。 キャプションを付けられたり、画像だけフェードイン&アウトで切り替えたり、いろいろなタイプがありますね。しかも動きがかなり気持ちいいです。 デモは以下から。 Default Implementation Panels Only – Lightbox style gallery ソースもシンプルになっていますね。 ぜひ見てみてください。 GalleryView: A jQuery Content Gallery Plugin アバターを見てきました。迫力があって感動しましたね。
スライドを単に次々と見せるだけでなく、切り替わる時に3Dのダイナミックでかっこいいエフェクトを与えたスライドショーを実装するチュートリアルを紹介します。 Slideshow with jmpress.js [ad#ad-2] デモ 実装 デモ まずは、そのダイナミックな3Dのアニメーションをご覧ください。 スライドは5枚あり、それぞれアニメーションが異なります。 デモページ:別レイアウト 実装 実装に使用しているスクリプトは先日当サイトで紹介した「jmpress.js」です。 紹介記事はこちら。 広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js HTML jmpress.jsのイメージは一枚の広大なカンバスにパネルを設置し、それをアニメーションでスライドする感じです。 実装は一枚の広大なカンバスとなるルート(section要素)に、各パネル(div要
Enhancing Education with Animation Frameworks: Unlocking New Possibilities in Learning Education in the digital age thrives on innovation. Technologies like CSS animation frameworks are transforming the way information is presented, making it more accessible, engaging, and effective. Animation tools have emerged as valuable assets in creating interactive educational content, fostering understandin
Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions. Today we want to show you how to create a beau
Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the
今までここでカルーセルパネルUIを実装するサンプルをいくつか紹介していますが、 amazonのサイトでも使われているような、ブラウザ枠のサイズによって カルーセルに表示する個数を変化させるリキッド対応の カルーセルパネルを試しに作ってみたので紹介してみます。 まずは動作サンプルから。 このブログ自体がリキッドレイアウトではないので実際の動作は下記の別枠表示から。 リキッド対応カルーセルサンプルを別枠で表示※表示後、ブラウザの枠を伸び縮みさせてみてください。 並べられたコンテンツ要素(画像)は左右の「≪」「≫」のボタンで一つずつスライドします。 ブラウザのサイズによって画面上に表示されるコンテンツ要素の個数が変化します。 この動作の全体構成について、 HTMLから。 ◆HTML <div id="carousel"> <ul class="liquidlist"> <li><a href="
KUBET เว็บซื้อ หวยออนไลน์ ที่ดีที่สุดในไทย ปัจจุบันการทำธุรกรรมออนไลน์กลายเป็นส่วนหนึ่งของชีวิตประจำวัน การซื้อ หวยออนไลน์ ก็เช่นกัน เพื่อตอบปัญหากระแสโลก KUBET หนึ่งในเว็บซื้อหวยออนไลน์ที่ถือว่าดีที่สุดในประเทศไทย ได้รับการพัฒนาให้สะดวกสบายแก่ผู้ใช้งานมากยิ่งขึ้น มีความน่าเชื่อถือ โปร่งใส มั่นคงทางการเงินและได้รับความนิยมจากผู้เล่นมากมาย ด้วยระบบที่ทันสมัยและใช้งานง่าย KUBET มอบประสบการณ์การเล่น
NEWAI対応ツールへの無制限アクセスが月額ほんの¥3,940.00です*生成画像を作成してダウンロードし、既存のiStockクリエイティブ画像を編集できます。低価格で1か月間利用できます。 プランの詳細を見る*1日の生成回数には上限が適用されます。
フリーで使える画像素材集のサイトをまとめてみました。一昔前のフリー写真素材といえばCD-ROM媒体が一般的でしたが、近年ではマイクロストック写真サイトから購入する方法も一般的になり、数多くの質の良い写真から必要な枚数だけを安く購入できる環境になってきました。個人的なおすすめ順に紹介します。 HeartRails Glanceを入れていますので、URLにマウスカーソルを合わせるとリンク先のスクリーンショットが表示されます(一部のサイトで非表示になるようです)。 fotolia(フォトリア) http://jp.fotolia.com/ 画像数:★★★ 価格帯:★★★ 世界中の個人~プロが素材画像を提供しているため画像1枚113円からと非常に安い。しかも画像の質も非常に高い。前までは日本人素材が少なかったが最近徐々に増えてきてここで希望の素材見つけられれば、低コストで画像をそろえられます。 i
Web/ホームページを制作する時にあると助かる無料アイコン素材サイトの紹介です。さらにその中で「ライセンスフリー・商用利用可、ビジネス利用可」で、許諾不要のサイトのみに絞ってみました。 使用条件の変更がある場合考えられますので、使用前に利用規約の確認をお願いします。 ※2010/12/31 3サイト追加。 ※2011/06/02 3サイト追加。 ※2013/01/25 3サイト追加。 アイコン素材の0円のweb素材屋さん http://www.image-seed.com/ ランキング、リスト、new、オモシロ系、数字・アルファベットアイコン、ビジネス系アイコン、コメント枠、ボタン・メニュー、看板、壁紙など。WEBデザイナーさんが作っているみたいなのでトレンドを抑えた綺麗な仕上がりのアイコンが多いです。 デザイン素材.com http://designsozai.com/ 矢印、メール、ホ
この歳になって初めて Web プログラミングの現場を見て、刺激的な毎日を送らせていただいています。さて、仕事をしていて一番強く感じるのは前職での開発(スタンドアロンパッケージソフト開発をしていた会社の文化)との違いです。で、Web 開発とは何たるかを表現したくて悶々としていたのですが、ある程度整理ができてきたので文章にしてみようと思います。僕はアカデミックな話よりも現場の話をしたいので、いくつもレイヤをまたいだ文章になります。そのため本稿では具体的な技術の詳説とかアジャイル的な用語が飛び交う説明とかはありません。そういうのを期待している人は読まないでください。 ・Web に限らず、お仕事プログラミング全般で共通のこと プログラムを知らない人がイメージする開発というものは、粘度をこねたりくっつけたりするような作業じゃないでしょうか。つまりそれは、知識さえあれば難しいものではなく、モチベーショ
1. アイデアを 塩漬けにしない 世界中の人に手伝ってもらう方法 サイボウズ・ラボ 西尾泰和(@nishio) 2012-04-28 ニコニコ超会議 超エンジニアミーティングにて発表 1
デモページ [ad#ad-2] マウスの位置を変えると、それを光源としてアニメーションでシャドウが変化します。 ※アニメーション無しも設定できます。 マウスを上に動かすとシャドウが長くなります Real Shadowの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="realshadow.js"></script> JavaScript jQueryのセレクタで、シャドウを適用するエレメントを指定します。 <script type="text/javascript"> $(selector).rea
こんにちはこんにちは!! ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します! 『ふつうのformをつかいたい』 - はまちや2 - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの? [この日記のブックマークコメントを見る/書く ]
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
Windows・Macに対応し、いろいろなソーシャル系サービスへバラバラに保存しているドキュメント・写真・動画などをそれぞれにいちいちログインすることなく、GoogleドライブやDropboxのように一つのフォルダーとして一括管理でき、まとめてダウンロードしてバックアップしたり、フォルダーにドラッグ&ドロップするだけで高速アップロードしたり、一気に移動したりできるのが「SocialFolders」です。インストール・操作方法などは以下から。 一括管理できるのはBox・Evernote・Facebook・Flickr・Google Docs・Instagram・Photobucket・Picasa・SmugMug・SoundCloud・Twitter・YouTubeです。 SocialFolders: Download PC http://socialfolders.me/ ◆インストール
※ただし、税制は随時変わっていくためVAT分が引かれない場合もあります。 レイアウトが同じ 海外のアマゾンは、日本のアマゾンとページレイアウトや購入方法が一緒なので、日本のアマゾンで買い物したことがある人なら、たとえその言語がわからなくても比較的容易に買い物をすることができます。 思ったより早い これは私の事例ですが、Amazon.esでとあるものを注文した際に3日で到着しました。海外通販は基本的に時間がかかるものもありますが、中には国内並みに早く到着する場合もあります。送料を抑えたい場合は、安い金額のコースを選んだ方がいいですが、少し高くついても早く届けてほしい場合には、思った以上に早く到着します。 海外Amazonの共通アカウントの作り方! Amazon.comにアクセスします。 まずはアカウントの作り方ですが、共通アカウントなのでどこのAmazonでもいいのですが、普通に英語で書かれ
ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです(たま~にコンピューター関係も) 今日Web2.0をしらべていたときに、ここに「スクリーン・スクレイピング」っていう言葉が出てきて、なんじゃらほい?と思って調べたら、 あ、あれのことか。。 Yahoo!ファイナンス> ヘルプ> 口座管理サービス(MoneyLook)関連FAQ >データ取得の方法から、引用すると(以下斜体が、そこからの引用) スクリーン・スクレイピング技術とは、ウェッブサイトの表示構成を解析し、必要な文字や数字だけを抽出する技術で、その抽出ルールをまとめたものをスクレイピング・モジュールと呼びます。 具体的に例をあげたほうがわかりやすいので、 無料で見れる、YAHOOの株価情報から、エイベックスの株価を抜く方法をしめそう。 YAHOOの株価情報で、検索時7860(エイベックスの銘柄コード)をいれる
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
こんにちはこんにちは!! はまちや2 (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう? プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ: 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…(はいはい) フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた!) (これで送信、と…) ※エラー:住所を正しく入力してください (え、なんで!?) ※住所は全角で入力してく
90:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 17:22:35.22 ID:H20d2o4r0 最近厚塗りに挑戦してるんだけどなんか上手くいかん・・・ 使用ツールはSAI 91:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 17:26:15.38 ID:p8YlH8cR0 >>90 うめーじゃん もっと細いブラシで細かいところ塗っていけばいんじゃね? 93:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 17:58:25.77 ID:cq6KBufl0 厚塗りするなら色に頼らずグレスケで塗ってみろってばっちゃがいってた 102:以下、名無しにかわりましてVIPがお送りします:2012/04/09(月) 19:43:00.58 ID:H20d2o4r0 >>93 成る程、ありがとう! グレースケール
どうも僕です。 昨年7月にフリーランスになって早10ヶ月。2012年4月期も旅行行ったりしましたが、無事乗り切ることができ、明日から無事11ヶ月目を迎えます。 ちょっと前に「ノマドワーカーがクールなんて幻想」なんてエントリがありましたが、10ヶ月で実践してきた、僕なりのノマドワーカーぶりをまとめてみます。 最近良く聞かれるのですが、「何故フリーになったか」は先のエントリに書いているとおりです。 好きな事ができる。もちろん何かあったら自分で責任を負う訳ですが、変に「これは当たらないからダメ」だとか「収益にならないから」だとか、企画を通すだけで面倒なステップを踏まなければならなかったりとか、制約の多い会社よりよほど楽しいです。 仕事は取りにいかない。降ってくるから。有難い事に、以前からの付き合いで会社役員をやらせて頂いていること、以前の職場の繋がりで数社と委託契約を結ばせて頂いていること、スポ
昨夜、クラウドファンディングサイトのキャンプファイヤー等で知られる家入氏のイエイリ春の起業祭りが行われた。 生動画の視聴者は2,000人を超え、盛り上がりを見せた。この企画のすごいところは、本当にランダムに経営者を選んでしまうため、参加者皆に平等にチャンスが与えられるところである。経歴一切関係なし。 選ばれた(当選した)3名の方を巻き込んだ”起業”の今後の展開にも注目したいが、番組放送中から巻き起こった視聴者を中心とした”起業熱ムーブメント”にはさらに期待したい。 さっそくFacebookグループも 番組内でも言われていたように、当選発表までの期間に皆一様に起業について想いを巡らせたはずである。日本の起業率が低いといわれている中で、一度に何千人もの人々が起業について想いを馳せたその時間を創り出した家入氏の発想は凄い。 今回少しでも興味を持った方は是非実際にやってみて欲しい。 起業するだ
Domain Suspension This domain has expired and is now suspended. If you would like to restore it please contact the registrar used to register your domain. You can check the registrar used for your domain at whois.CO. Este dominio ha expirado y está ahora suspendido. Si usted es el titular del dominio y quisera recuperarlo, por favor contacte el registrador que fue usado para registrar el dominio.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く