ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」:phpspot開発日誌
GitHub - hawk-ip/jquery.tabSlideOut.js: jQuery plugin to create a side/top/bottom tab that slides out to show a feedback form, contact form, notepad etc. ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」 次のように通常はページサイドにしおりのように表示させておいてタップやホバーでコンテンツを表示する、という仕組みの実装が出来ます。 上下左右好きな位置に配置が出来ます 関連エントリ どこかで見たようなモーダルダイアログの実装「draggable-google-modal」 Bootstrapのモーダルダイアログを通知風にページサイドからスライド表示させる「notiModal」
電通で繰り返された「過労自殺」、25年前にも起きた悲劇の過酷な実態 - 弁護士ドットコムニュース
広告会社「電通」の新入社員だった高橋まつりさん（当時24歳）が2015年12月に自殺したのは、長時間労働による過労が原因だったとして、労災認定された。この問題は大きくクローズアップされ、「第2の電通事件ではないか」と指摘されている。 ●25年前に起きていた、もうひとつの悲劇 電通では25年前の1991年にも過労自殺が起きている。このケースでは、遺族が電通の損害賠償責任を追及するため裁判を起こし、最高裁まで争われた。労働法の分野では「電通事件」などと呼ばれる著名な裁判だ。 裁判所が認定した事実は次のようなものだった。 ・自殺した男性（当時24歳）は、1990年に電通に入社。ラジオ広告の企画と営業を担当する部署に配属された。男性は素直で責任感があり、ものごとには粘り強く取り組み、完璧主義の傾向があった。 ・当時の電通では、従業員の長時間に渡る残業が常態化していた。また、実際の残業時間より少ない
過労自殺の電通社員「ツイッター」非公開に…他人が管理しても法的に問題ない？ - ライブドアニュース
2016年10月12日 10時10分 by ライブドアニュース編集部 ざっくり言うと 自殺した電通社員の本人のものとされるTwitterが憶測を呼んでいる 報道後にネット上で話題になっていたが、突如、非公開になったという 遺族が本人に代わってログインすることは可能だと弁護士は話す 大手広告代理店「」の新入社員だった高橋まつりさん（当時24歳）が自殺したのは、長時間労働による過労が原因だったとして労災認定された。そんな中、高橋さん本人のものとされるツイッターのアカウントが突然、非公開とされて、「一体誰が？」と憶測を呼んでいる。 高橋さんは2015年12月に亡くなる数カ月前から、ツイッターなどで「はたらきたくない」「1日の睡眠時間2時間はレベル高すぎる」などと悲痛な投稿をしていた。今年10月7日の報道後にネット上で高橋さんのツイッターの投稿内容が話題になったが、その後、非公開となり、現在は見え
ろうきんからのお知らせが脳筋からのお知らせに聞こえた - 真顔日記
「ろうきんからのお知らせです」 コンビニの店内でそんな音声が流れていた。調べてみると、ろうきんというのは「全国労働金庫協会」の略らしい。 しかし私には「のうきんからのお知らせです」に聞こえた。脳筋からのお知らせである。こちらは調べるまでもない。脳みそが筋肉の男のことである。マッチョへの囚われが認知を歪ませているんだろうか。聞きまちがいには無意識が反映されるというし。 コンビニの帰り道で脳筋からのお知らせを考えていた。 「カギって奴のせいでドア開かないことあるでしょ？ あれ、無理やりやれば、たいてい開く」 「自動改札のせいで先に進めないことあるでしょ？ あれ、ドカドカ蹴れば、たいてい開く」 「そしたら駅員が文句言ってくることあるでしょ？ あれ、ボコボコにすれば、たいてい黙る」 脳筋からのお知らせはずっと聞いていられると思った。こんなもんはお知らせじゃない気もするが。 ちなみに、ろうきんからの
新形態素解析器JUMAN++を触ってみたけど思ったより高精度でMeCabから乗り換えようかと思った話
JUMAN++は最近黒橋・河原研究室から発表された、JUMANの後継となる形態素解析器です。 これまでの形態素解析器と比べて違うのは、RNN言語モデルを用いて意味的自然さを考慮する、ニューラルネットワークを利用した形態素解析器となっている点です。 速度や語彙等の課題はあるものの、解析能力自体はMeCab以上なので、導入方法と共に触ってみた所感を述べてみます。 導入方法 前提 OS X Yosemite 10.10.5 VirtualBox 5.1.6 Vagrant 1.8.6 インストール vagrant boxは bento/ubuntu-16.04を使用します。 推奨はCentOSですが、自分の環境ではCentOSではビルドに失敗しました。 また、OSはubuntu16.04でもboxによっては上手くインストールすることができないため、bentoのboxがおすすめです。 $ vagr
企業X（Twitter）の正しいリプライ対応とは？タイプ別ユーザー対応事例4選 « 株式会社ガイアックス｜SNSマーケティング支援サービス
X（Twitter）はリアルタイムで発信できる拡散性の強いSNSです。今では、企業がユーザーへのサポート、あるいはユーザーとのコミュニケーションを取るためにX（Twitter）は重要なツールとなっています。問い合わせフォームやメール等とは違い、企業・ユーザーともに比較的気軽にリプライができるため、心理的に近いコミュニケーションが可能です。 また、X（Twitter）のアルゴリズムでは、ツイートへのリプライに対して返信することでレコメンドされやすくなります。そのため、社内で適切な方針を持ってリプライにしっかり返信していくことがTwitter運用の効果を高める上で重要です。 ※編集部注 2023年6月7日：最新情報をもとに加筆修正しました。 ■目次 企業X（Twitter）がリプライに返信するべき理由 企業X（Twitter）がリプライに返信する際の注意点 企業X（Twitter）の対応事例
記事公開後の拡散ルート、みんなが使ってる手法をまとめました【第24回オウンドメディア勉強会レポート】-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
TOP > 記事公開後の拡散ルート、みんなが使ってる手法をまとめました【第24回オウンドメディア勉強会レポート】 2019/12/06追記： 拡散手法の2019年版を公開しました。合わせてご覧ください。 ▶ 記事の拡散手法30個＋α、勉強会メンバーに聞きました #オウンドメディア勉強会 第51回 こんにちは、Six Apart ブログ編集長のことぶきです。 9月15日、AXLBIT社のオフィスにて「ディストリビューション（記事拡散）手法」というテーマで、第24回オウンドメディア勉強会を開催しました。 オウンドメディアの記事は、公開して終わりではありません。メディアに記事を公開した後、どんなルートで記事を対象読者に届けていますか？SNSの効果的な活用、SEO、ニュースアプリのキュレーション、他社メディア転載、プッシュ通知、メルマガと、記事を届けるための方法はたくさんあります。 オウンドメディ
Firebase はじめました
Parse信者として最後までその可能性に挑戦してきました。「Parse Server を Heroku へセットアップしてみる」「Parse Server + Heroku : Facebook / Twitter ログインを試す」のように、Parse Server化した後も、どこまでできるか試していました。SNS的なものを構築するにはとても優れていたのですが、そんな矢先、、、 新生Firebase登場 今年(2016)の5月19日に「Google I/O 2016」にて、Firebaseの新バージョンが発表されました。モバイルアプリのAnalyticsやプッシュ通知などが無償で提供されるというとても嬉しいニュースです。 解析には、Google AnalyticsのSDKをなんとかiOSアプリに組み込んでいましたが、どおりでバージョンアップがなかったわけです。これからは、必然的にFireb
クロージャってのはなんなんだ。とりあえず入門 | Divide et impera
ここ最近、デコレータとかクロージャなどの話題が続いていたが そもそもクロージャとは何なのだ。 wikipediaでクロージャを調べてもチンプンカンプンだろう。 これはある程度クロージャをしてている人が読んで、なるほどって思える文章だ。 本当に必要な人には届かない。 ※前回の記事たち Pythonでデコレータの引数を元に関数を動的に呼び出すアレについて。 クロージャを使ったデコレータをJavaScriptでも自前実装 関数は変数として扱える JavaScriptとかPythonなど、多くの言語は関数を変数に入れたり、引数に渡したり、戻り値として扱える。 Javaにはそういう機能はないので、Java出身者にとってはここらへんで結構混乱するかと思う。 下記のコードは、JavaScriptで書いてみた。 Pythonよりも開発者人口が多いのでJavaScriptにしてみたが、 JavaScript
知ってる？Web開発者がJavaScriptでゲームを作るときのはじめの一歩
Web開発者が初めてゲームを作るときに戸惑うのが、「ゲームループ」という考え方。普通のWebアプリを作るのとどう違うのか、シンプルなゲームのプログラム構造に触れてみましょう。 「ゲームループ」は、時間をかけて状態を変化させることでアニメーションやゲームをレンダリングするために使う技術につけられた名前です。本来は、ユーザー入力を受け取り、経過時間の状態を更新してからフレームをできるだけ多くの回数描く関数です。 この短い記事では、基本的な技術がどう機能するかを説明します。基本的な技術が分かれば、ブラウザベースのゲームやアニメーションの制作を始められます。 ゲームループは、JavaScriptでは次のようになります。 function update(progress) { // Update the state of the world for the elapsed time since la
RESTful API の設計のキホン
2016/10/12 社内勉強会で使ったスライドを社外向けに一部加筆訂正したもの
そのJavaScriptの関数は本当に純粋関数？ | POSTD
(2016/12/11、いただいたフィードバックをもとに翻訳を修正いたしました。) JavaScriptにおいて”純粋関数”とはどういう意味でしょうか？ 一般的なプログラムの用語では、純粋性というのは”参照透過性”として知られています。カッコよく言うと、「 式や関数の呼び出しをその結果と置き換えたとしても、プログラムの振る舞いが決して変わらない 」こと、また別の言い方をするなら、「 同じ入力値を渡すたび、決まって同じ出力値が得られる 」ということです。 これなら直感的に理解できそうに聞こえますし、 x => x * 10 などの関数は純粋に見えます。これに数字の 3 を引数として渡したら必ず、出力値として 30 が得られますからね。では、ある関数が純粋で別の関数が純粋でないと、どうしたら分かるのでしょう？ コードを読むだけで十分でしょうか？ 一般的にどう思われているかを見てみましょう。昨日
グループ情報を変更するchgrpコマンドの使い方【Linuxコマンド集】
chgrpはファイルやディレクトリの管理グループを変更するLinuxコマンドだ。 このページではchgrpを使ったファイルやディレクトリの管理グループの変更方法を解説する。 ぜひ、この機会に覚えておいてほしい。 chgrpコマンドは管理者ユーザー権限で行わないと、権限なしで操作できない場合がある。chgrpコマンドは管理者権限のアカウントで操作しよう。 使い方は、次のとおりだ。 $ chgrp グループ名 ファイル名またはディレクトリ名 まず、ファイルconfig.datのグループをlsコマンドの-lオプションで確認してみよう。 $ ls -l config.dat config.datの所有ユーザーはvagrant、グループもWaterだ。 config.datの所有ユーザーをFireへ変更する場合は、次のコマンドだ。 $ chgrp Fire config.dat config.dat
Ansible :: 初めてのインベントリファイル設定 - D&I Blog
動作環境について Ansibleを用いて疎通確認をしてみます。 まずは「インベントリファイル」を作ることから。 /etc/ansible/hostsファイルを新規に作成・開きます。 /etc/ansible/hostsファイルにターゲット端末の情報を追加します。 ターゲット端末が一台であった場合 ターゲット端末が複数台ある場合 ターゲット端末へのPING送信 以前の記事でAnsibleのインストール方法を紹介しました。今回は、インベントリファイルを設定し、実際にAnsibleがどういうものなのかを紹介していきたいと思います。 動作環境について 以下の環境が整っていることを前提に説明していきます。 管理する側と管理される側のマシン間でSSH接続が行えること。 SSH接続する方法はこの記事を参考になります。 管理する側のマシンにAnsibleがインストールされていること。 Ansibleのイン
CircleCIでyarnを使う - tehepero note(・ω<)
2016 - 10 - 12 CircleCIでyarnを使う Node npm CircleCI 世間はnpm互換のパッケージマネージャであるyarnで盛り上がっているようです。 github.com ヘーシャではCircleCIでnpmなプロジェクトをいっぱいビルドしているので早速雑に試してみた。 github.com circle.yml とりあえず circle.yml はこんな感じ machine: node: version: 4.6.0 post: - curl -o- -L https://yarnpkg.com/install.sh | bash dependencies: cache_directories: - "~/.yarn-cache" pre: - yarn --version override: - yarn install test: override:
サーバサイドレンダリング、してますか?
サーバサイドレンダリング、してますか? ~ 憧れのIsomorphic JavaScript ~ Meguro.es #6 2016/10/13 http://meguroes.connpass.com/event/39081/
アニメーションが心地よいマテリアルデザインのUIサンプル５選
徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日本語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト５選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア
AJAXで書き換えたウェブページでバックボタンを使う – Naofumi Kagami
アップデート 下記のコード例では状態を保存するために input type=”text” を使いました。この値を表示したくない場合は、input type=”hidden” を使わずに style=”display:none” とした方が良いようです。ブラウザによっては（例えばSafariの5以降） type=”hidden”の値が保存されるとは限りません(Webkit Bugzilla)。input type=”text”とstyle=”display:none”の組み合わせに方が、異なるブラウザ間で確実に動作してくれそうです。 AJAXをたくさん使ったページでバックボタンを使えるようにしたいと思って、ウェブでいろいろ探しました。見つかったのは例えば Really Simple History (RSH)やYUI Historyなどで、以下に述べるようにかなり怖いぐらいのハックをしている
超簡単！スマホサイトでもタッチでhoverが効くようにする方法 | MW.com
スマートフォンの普及に伴い、スマホサイトの重要性は年々増しています。 当ブログもスマホ専用サイトでご覧頂いています。 今のところ改造する予定はないのですが、ひとつだけ不満がありました。 リンクをタッチしても、タッチデバイスでhoverが効かない。ということです。 スポンサーリンク タッチデバイスでもhoverをさせたい hoverというのはリンクなどにマウスを当てたときに文字色が変化する、などの動きのことです。hoverは非常にポピュラーな手法で、使っていないサイトは０だと思われます。 そんなhoverの基本的な記述方法を紹介します。 a:hover { color: #fff; } この例はリンクテキストにカーソルを当てると文字が白文字に変化させるという簡単なものです。 今回はこの例で説明してみます。 jQueryですぐに対応可能 以下のコードをjsファイルに記述し、読み込ませます。 (
JavaScript プログラミング講座
以下の主要ブラウザで動作確認しています。少しでも古いブラウザだと動作しない可能性が考えられますが、特に言及しません。常に最新のブラウザを使用する事を必須とします。
女子大生は「LINEでの告白や悪口」もスクショしてしまう。大人が知らない「８割がシェアする」スマホとスクショの世界（100人アンケート） | アプリマーケティング研究所
女子大生は「LINEでの告白や悪口」もスクショしてしまう。大人が知らない「８割がシェアする」スマホとスクショの世界（100人アンケート） 今回は「スマホのスクショ」について、首都圏100人の女子大生にアンケートした結果をまとめました。 ※全体を正確に調査したものではありません、あくまで参考までにご覧ください。 結果１）8割が「スクショをとるし、シェアもする」 ひとつめのアンケートは「スマホでスクショ（スクリーンショット）をとるか？」を聞きました。 結果としては「とる（自分で見るだけ）19％」「とる（他人にシェアする）81％」「とらない 0％」となりました。※3択にて実施 つまり「全員がスクショをとる」と回答し、そのうち「8割がスクショを他人にシェアする」と回答したということです。 もはや「スクショはシェアされることが前提」という時代に、なってきているのかもしれません。 結果２）スクショを一
昔くのいちを助けたことがある
その頃東池袋に住んでいた。2008年ころのことだ。 週末の、もう土曜だったか金曜だったか忘れたが、とにかく次の日が休みの日だった。 赤羽からでた最終列車。池袋に到着。下車すれば大いなる酔客の群れ。上り階段に座り込む男。イチャイチャする初老の男女。「お持ち帰り」を狙う若い学生。 タクシー乗り場には長蛇の列。ストリートミュージシャン。人いきれ。8月末の暑苦しい夜のことだ。 喧噪を尻目に帰路につく。向原付近のビルの谷間に、くのいちがいた。正確に言うとエアコンの排気ダストの蔭にもたれ込んでいた。 あの例のお約束の、裾の短い装束。あわてて小刀を携えるが、私が一般人だとすぐに認識して警戒を解き、去るように眼で促す。 私はこの時点で此奴はコスプレでやってるんじゃあない、ガチだ、と認識した。それだけの説得力が、彼女のその少ない仕草から充分に伺い得たのだ。 読者諸君は「まさか」と思うだろう。しかし諸君のなか
会社に行きたくない
行きたくない。行きたくない。会社に行きたくない。 明日会社に行きたくない。絶対に行きたくない。 毎日毎日残業早勤残業早勤残業残業休日出勤もう嫌だ。 明日会社に行くくらいなら宇宙人が攻めてきて会社ごと日本が終わる方がいい。 通勤中に突然テロリストに狙われて20年間逃避行を続けたい。 海で遭難して半年後に無人島で奇跡的に発見されたい。 とにかく会社に行きたくない。 会社に行くくらいなら仮病を使って休みたい。 仮病を使って休んだ後に、キリンの背中に乗って逃げたい。どこまでも何日間も逃げ続けたい。 アフリカまで逃げたい。アフリカのサバンナでキリンと一緒に暮らしたい。 何日間も一緒に暮らして友情を育みたい。 毎日好きな時間に起きて、草原を散歩して草を食べさせて、夜には星を見たい。そして親友になりたい。 それだけでいい。 でも俺がキリンに乗って逃げたことは会社に知られてるから、きっと上司が追ってくる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
100年後に情報を伝え保存するためには『電子化するという発想自体がナンセンス』
WebアプリのためのシンプルでフレキシブルなUIフレームワーク・「Agile CSS」
「この国に惹きつけられる」ティム・クックCEOが語ったAppleと日本
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
プログラミングのワークショップは本当に楽しい？ - 日経トレンディネット
ブラザー、スマホ接続専用のラベルライター「P-TOUCH CUBE」
見た目がかなり変わったペットボトルPCがサードウェーブから登場
日本通信、月額2380円～の「b-mobile SIM 25GB定額」を提供開始 - MdN Design Interactive
30代男性がマクドナルドでクーポンを使うことについての議論
Mac環境で「OneDrive」の起動時の不具合に悩んでいる方へ | 花徳マンゴー