Web制作の参考になる！サイトマップやハイレベルサイトマップ、フローチャートなどのまとめ | コリス他の人のサイトマップやフローチャートってなかなか見る機会がありませんよね。 そんな時は世界中のクリエイターが集まるDribbbleです。Dribbbleからサイトマップやハイレベルサイトマップ、フローチャートを紹介します。 使用ツールはIllustrator, Sketch, Omnigraffleなどで、機能性だけでなくデザイン性も重視されて作成されています。 サイトマップやフローチャートで使える素材も一番最後にご紹介。
はてなTシャツ2015販売スタート！プレゼントキャンペーンも実施します！ - はてな広報ブログ
毎年恒例「はてなTシャツ」の2015年バージョンの販売を開始します。今年は「はてなロゴ」「はてなブログ」「はてなブックマーク」「B!KUMA」「Mackerel」の5つのデザインからお選びいただけます。 2015年バージョンでは、初の試みとして「B!KUMA」Tシャツ限定でガールズサイズもご用意しました。 ぜひはてなの公式ストア「Hatena Official Store」をのぞいてみてください。（発送は2015年8月上旬以降の予定です） プレゼントキャンペーンを実施します！ はてなTシャツ2015の販売開始を記念して、プレゼントキャンペーンを実施します。応募方法は、この記事をはてなブックマークに追加するだけ。ぜひご参加ください。 はてなブックマークに追加して応募する キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 キャンペーン概要 応募期間 2015年7月9日（木
Slackプロキシサーバ〜slackboard〜を利用したメルカリのSlack活用法 | メルカリエンジニアリング
最近原稿の締め切りが追いかけてくる夢をよく見る@cubicdaiyaです。今回はその逃避の一環として定番のチャットツールであるSlackのメルカリでの活用法について紹介します。 メルカリでのSlack活用 多くのエンジニア組織がそうであるようにメルカリではSlackを単なる社内チャットに留まらず、所謂ChatOps的な用途にも活用しています。 たとえばメルカリではサーバの監視のためにZabbixを利用していますが、bot ack allとSlackで入力すると現在起きているすべての障害をAcknowledgedな状態にできます。 さらに、bot test masterとSlackで入力するとAPIサーバのテストが走ります。 さらにさらに、bot helloとSlackで入力すると自宅からでも出勤したことにできます。 なお、この時はうるう秒に備えて自宅で待機していたのでした。 ほかにもSla
朝日新聞社 - 私の折々のことばコンテスト
今年度の募集は締め切りました。たくさんのご応募ありがとうございました。 受賞作品は2024年1月上旬（5日か6日頃）に 朝日新聞紙面、朝日新聞デジタル、公式WEBサイトにて発表する予定です。 ［専用応募フォームから応募すると以下のようなメリットがあります！］にあるとおり、 公式WEBサイトの専用応募フォームからご応募いただいた作品に限り、審査経過をお知らせします。 1次審査を通過した作品の受付番号（応募時の返信メールに記載してあります）を発表しています。
東日本大震災、体育館避難所で起きたこと/佐藤一男 - SYNODOS
東日本大震災。 東日本全体で21000人もの人が命を失い、または行方不明となりました。私も被災し岩手県陸前高田市米崎小学校の体育館で二ヶ月間にわたり避難所生活をしながら避難所運営を経験しました。 多くの人に助けられ過ごした時間です。この場をお借りして、日本中の人に御礼を述べさせていただきます。 本来であれば、避難所運営の一例として記録と御礼だけに留めるべきことですが、次の万が一の時のために避難所運営の改善点とご支援をいただいた際に気になった点を記させていただきます。 両親と妻と一男二女の7人暮らしをしていました。両親とも同じ米崎町生まれで、昭和35年のチリ地震津波の被害も経験しています。妻は同じ岩手県内でも内陸の一関市生まれなので、結婚するまで津波に対する防災教育を受けずに育ちました。 震災時、子どもは小学校一年の長女と保育園年長組の次女は学校と保育園へ。1歳6ヶ月の長男は自宅で妻と一緒で
ffmpegの使い方：tech.ckme.co.jp
ffmpegは、無料で使える動画および音声のエンコーダである。ここでは、ffmpegを使って、H.264、webm、wmvなどの各種動画に変換する方法を解説する。 ffmpegは、使い方はきわめて簡単である一方、様々なオプションを駆使すれば、より詳細な設定も可能である。 なお、DVDやBlu-rayのようにフォルダ構造をとるものの場合は、x264のバージョンは最新ではないものの、HandBrakeを使う方が簡単である。→HandBrakeの設定と使い方 目次 ffmpegの基本的な使い方 動画：ビデオコーデックの指定 動画：動画品質の設定 動画：H.265でエンコード 動画：H.264でエンコード 動画：AV1でエンコード 動画：VP9でエンコード 動画：wmvでエンコード 動画：複数の静止画から動画を作成する 動画：クロッピングしてエンコードする 動画：回転させてエンコードする 動画：w
大規模Reactアプリケーションを構築するためのベストプラクティス | POSTD
Sift Scienceで製作にReactを使い始めてからほぼ1年になりました。その間、Backbone+Reactという フランケンシュタインのような 複合アプリケーションを、Reactコンポーネントからなる、かなり大きな1つの階層に育て上げました。この記事では、UI不和を最小限にしながら、コードベースをスケーリングするために役立った技法とベストプラクティスを紹介します。また、一般的なコンポーネントのデザインパターンについて、いくつか説明します。 この記事が皆さんの時間の節約と精神衛生の維持に役立ち、UIが複雑になってもReactコードベースの保全性を維持する（破綻するのではなく）ための新しいツールを提供できれば幸いです。 componentDidUpdateで、もっとできる Reactの本質は、DOMの更新というタスクを命令的なものから宣言的なものに変えるということです。他のタイプの命
アップロード不要、画像をまとめてリサイズできる『Bulk Resize Photos』 | 100SHIKI
ちょっと試してみたら思いの外良かったのでご紹介。 Bulk Resize Photosを使えば、複数の画像をまとめてリサイズすることができる。 すべての処理はブラウザ側で行なうのでアップロードが不要、速度も申し分ない点が便利だ。 またリサイズの指定も「全体的に70%に」「最大幅を800pxに」「画質は60%で」といった細かい指定ができる。 なかなか便利だと思うのだがどうだろうか。知っていてもいいかもですな。
PHPプロジェクトを簡単にデプロイするならDeployerがお薦め — A Day in Serenity (Reloaded) — PHP, CodeIgniter, FuelPHP, Linux or something
今日はPHP製のデプロイツールの紹介です。デプロイツールとはCapistranoみたいなツールのことです。コマンド一発でデプロイが完了するようにするツールです。 PHP製のツールもいくつかありますが、Deployerは非常にシンプルなツールで、最近3.0がリリースされました（最新版は3.0.4）。 https://github.com/deployphp/deployer/releases/tag/v3.0.0 より。 インストールが簡単 公式サイト http://deployer.org/ へアクセスし、deployer.pharをダウンロードするだけです。 公式には/usr/local/bin/depにインストールすると書いてありますが、プロジェクトのフォルダに突っ込んでも問題ありません。 私はプロジェクトのルートにdeployというフォルダを作成し、そこに関連するファイルをまとめるこ
2015年Webサーバアーキテクチャ序論 - ゆううきブログ
2023年03月31日追記：この記事を基に、@sadnessOjisanさんより、コードレベルにより踏み込んだ、かつ、グリーンスレッドベースの新しいWebサーバアーキテクチャも含めて整理された記事 Webサーバーアーキテクチャ進化論2023 | blog.ojisan.io が公開されました。 主に新卒のWebエンジニア向けに、古典的なWebサーバアーキテクチャを学ぶ道のりと代表的な実装モデルの概要を紹介します。 この辺りの話題がWeb界隈で流行っていたのは数年以上前というイメージですが、Webサービスは相変わらずWebサーバの上で動いているので、流行り廃り関係なく学ぶべき内容だと思っています。 また、HTTP/2がいよいよRFC化し、既にh2oやtrusterdなどのHTTP/2のサーバ実装があり、今後Webサーバアーキテクチャを再訪することが増えるような気がしています。 ところが、We
大規模 Web サービスの ブラウザテスト自動化・高速化
https://atnd.org/events/66159 で実施したプレゼン資料
「それ俺の仕事じゃないし…」分業が、あなたとチームを破壊する！？ - リクナビNEXTジャーナル
Photo by JD Hancock こんにちは！はてなブログ「プロジェクトマネジメントの話とか」管理人のwiz7と申します。普段はWebサービス関連の仕事をしています。 僕はプログラム開発から企画寄りの仕事まで、様々な工程を経験してきたのですが、今日は僕がいろいろ見てきた中で考えた、仕事の「担当分担」と「組織のあり方」について書いてみようと思います。 ■ 分業が組織を作り、分業が組織を壊す チーム・組織内の指揮系統を明確化して、担当割りを決めることは、業務を遂行する上でとても重要なことです。 これがないと、みんなが「あ、やべ、このタスクは誰かがやると思っていた……」と、完全放置され宙に浮いてしまったり、逆に、必死に仕上げた仕事を、実は他のメンバーが既にやっていた……「マジかーい！早く言ってよ！（あ、俺もか？）」などという状況に陥りかねません。 組織の統制が取れず、各メンバーもどこに向か
仕事が丁寧で遅い人に共通する、たった1つの問題点とその対策。 - プロジェクトマネジメントの話とか
完璧主義で丁寧すぎるから、作業に時間がかかるって？ その分析、半分は正解です。今回は仕事が遅くなる原因の、残り半分について話をしようと思います。 「巧遅（こうち）は拙速（せっそく）に如（し）かず」 ――孫子 「丁寧だけど遅い」仕事よりも、「荒削りでも速い」ほうが良いネ！という、この孫子の格言。 ビジネスパーソンであれば誰もが、その重要性を痛感しているかと思います（せわしない世の中ですよねぇ……）。携わっている仕事のタイプにもよりますが、着手のタイミングが早いこと、そして遂行のスピード自体も速ければ速いほど、多くの「失敗→起動修正」を積み重ねることができるため、その分、より良いものを作れる可能性が高まるのです。 しかし現実問題、細かくて仕事がバカ丁寧な人に「6割でいいよ！」「80％でGO！」などと言ったところで、そんなことができるワケないのです。そして多くの完璧主義者は「3歩進んで2歩下がる
朝日字体の時代 ２４ - ことばマガジン：朝日新聞デジタル
「麸」や「靭」を大阪本社だけが用意していたのはなぜ？ 「畩」になじみがあるのはどの地域の人？―― 昭和30年代に朝日新聞の4本社が、全国共通で整備する字とは別に、それぞれで活字を保有していた「ローカル字」。前々回は東京本社と中部（名古屋）本社のローカル字を、そして前回は大阪本社のローカル字を途中まで紹介しました。今回は大阪の残りと、西部本社です。 社内資料「統一基準漢字明朝書体帳」第3版（1960年）の巻末にあるローカル字の一覧（前々回の画像を参照）を見ると、東京と中部に比べ、大阪や西部はその倍ほどもローカル字が並んでいます。やはり管内の地名が中心ですが、細かく見ていくと、自治体レベルに限らず、紙面に必要な字をより丁寧に拾っている印象を受けます。 ◇ では、大阪本社のローカル字の続きを見ていきましょう。下の表をご覧ください。番号は説明のために便宜的に振ったもので、東京・中部両本社と重複して
朝日新聞、「動画・生放送」キュレーションサービスを開始
朝日新聞社は5月11日、動画市場の拡大を受け、インターネットで盛り上がっている動画や生放送（ライブ配信）をユーザーに紹介するサービス「eeny（イーニー）」を開始した。利用は無料。 ニコニコ動画やニコニコ生放送、Ustream、YouTube、SHOWROOMが提供する番組の情報をもとに、独自のアルゴリズムを用いて、盛り上がっている動画や生放送を横断的に紹介する。キーワード検索も可能だ。また、ユーザーの行動や属性から嗜好にあった番組を紹介する機能もあり、継続して利用することでレコメンドの精度が向上するという。 今後、動画事業者との提携を拡大する予定。アメスタ（AmebaStudio）とは近日中に提携するとしている。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn JavaScript Online - Courses for Beginners - javascript.com
Resham firiri：ネパールを応援します。
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
編集記事一覧 2015年5月 | Web担当者Forum
（耕論）憲法９条のリアル 宝田明さん、安田菜津紀さん、川上量生さん：朝日新聞デジタル
