料理も、睡眠も、仕事もハック！ GunosyのCTOが教える開発効率を上げるメソッド エンジニアなら誰もが効率よく開発を行いたいはず。でも、どうすれば？GunosyのCTOである松本勇気さんが、忙しさに負けず、開発効率を上げるための方法を教えてくれました。 開発支援・効率化ツールやChatOps等で業務ハックに余念のないエンジニアは多いでしょう。では、エンジニア視点で日常をハックすると、どのように生活が変化するのでしょうか。 株式会社GunosyのCTOの松本勇気さんは、若手ながらも10を超えるプロダクト、50人以上の開発メンバーを束ね、日々多忙に過ごしています。それだけでなく、業務で社内のインフラから機械学習基盤、広告配信、アプリ開発まで、全プロダクトの技術的な意思決定に携わりつつ、さらにはプライベートの時間もしっかり確保しているといいます。 松本さんが実践する、ライフハック術を綴っても

サーフィンってさ。 メジャーなようでどんなスポーツかあまり知られてないんだね。 たしかに普通に生活してるとサーフィンなんて見ないもんなぁ。 あれでしょ？なんか波にのるんでしょ？ んで台風時に流されてヘリに救助される迷惑な奴らでしょ？ みたなのが一般的な認識かもしれないｗ 今回はサーフィンを全く知らない人に向けて意外と知られていないであろうサーフィンの事を書いてみようと思う。 【関連記事】 www.lonely-surfer.com www.lonely-surfer.com www.lonely-surfer.com www.lonely-surfer.com 横乗り系スポーツ 波の斜面とは？ 斜面をキープする 良い波、悪い波 まとめ スポンサーリンク 横乗り系スポーツ サーフィンはスケートボード、スノーボードに並ぶ3大横乗り系スポーツだね。 ちょっと本気でやってる人には嫌がられるんだけど

今まで、自宅・職場では外部ディスプレイを使って作業をしてましたが最近はRoostを使い始めて、家でも外でもRoostと外部キーボード、マウスで仕事するようになりました。これで肩の痛みが激減したので下を向いて作業する時間が多いと首の筋肉に引っ張られて肩が凝るみたいですね。 ここできになるのはディスプレイ1枚だと画面切り替え大変じゃないのってところなのですが、以前 @reoring さんに教えてもらって自分にすごいフィットしたので共有しておきます。あまりmacのデスクトップについての記事がないような。 [追記2020/11/16] macOS 11.0 Big Sur(Intel) で動作確認できました。Total Spaces2をBig Surより前から使っている場合は最新版(v2.9.6~)を再インストールする必要があります。 TL;DR デスクトップを10画面作成する ショートカットキー

今回は、「WordPressでsuumoの様な不動産サイトを作る」の連載の第二回目です。 一回目では、管理画面側のカスタマイズに、色々なプラグインを使って不動産サイト管理の仕組みを作りました。（WPでsuuumoのような不動産サイトの管理画面を作る） 今回は、その管理画面で入力したデータを表示する部分を解説していこうと思います。 検索の部分は連載の三回目で解説していきますので、今回はほとんど「Advanced Custom Fields」の表示の方法という感じになっています。 また、文章で説明するよりも直接コードを見たほうが良いと思いますので、コードを直接書いていきますね。 やっていることは単純です。今回のコードの様に書いて、CSSをsuumoさん風にすると、下記の様なページが出来上がることでしょう。 今回変更・追加・追記するファイル 今回作成するページは、物件の一覧ページと、各物件の詳細

会社員や専業主婦が悩まされる肩こり。なんと 国民の6割以上が悩んでいる とも言われています。（プラネット調べ。出典は記事末尾参照） マッサージに行っても効果は一時的だし、忙しくて平日は行く暇もない…。という人が多いはずです。 わたしも10年以上、肩こりに悩んでいたのですが、ここ数日ネットであれこれ調べているうちに、ついに魔法のように肩こりを楽にしてくれる方法を見つけました！ その名も、 『筋膜リリース体操』 ！ 竹井仁先生という人が教えてくれていたので、この記事では竹井流「筋膜リリース体操」と書きました。 10年以上ずっと肩こりに悩んでいたのですが、これをやってみたら80秒くらいの時点で肩がとっても楽になりました。 さっそく、筋膜リリース体操の動画をご覧ください！ youtubeで探していただくと簡単に見つかるはずですので、一度チェックしてみてくださいね！ 流れをまとめました 詳細は動画を

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ

ずいぶんカンタンにMP3ファイルをカット編集できるサービスが出てきたものです。 頻繁に使うものではないかもしれないけれど、覚えておくと便利なもののひとつ。MP3ファイルを、サクっと欲しい部分だけにカットしてくれるオンラインツールをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! MP3ファイルをオンラインでカット編集できる「Online Audio Cutter」 「Online MP3 Cutter」は、オンライン上でMP3ファイルを好きな部分だけにカットしてくれる編集ツール。 手持ちのMP3ファイルを携帯の着信音にしたり、イベントで使う曲を組み合わせるときなどにも便利なツールです。 ※Mp3Cutは、Online MP3 Cutterに名称変更したようです。 シンプルすぎて説明不

真っ白だったTシャツやシャツ。気づけば襟元の汚れが気になったり、脇の汗ジミが気になって、お気に入りだったのに着なくなった…そんな経験、ありませんか？今回は、自宅で簡単にできる、”真っ白を取り戻す方法”をご紹介します！

画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。

このフォームのポイント 入力しやすいデザイン AjaxZipを実装して郵便番号から自動住所入力 スマホ対応(レスポンシブに対応しています) html,cssチートシート まずContactform7をインストールして、html部分に 以下のTextをtextに変換してご使用ください。 <table class="table table-bordered table-striped table-contactform7"> <tr> <th><span class="required-contactform7">必須</span><span class="title-contactform7">お名前</span></th> <td>[Text* your-name akismet:author watermark"例：山田　太郎"] </td> </tr> <tr> <th><span c

起業の成功に必要な知識を効率的に身につける方法 実践的な経営者の視点から、起業に必要な知識を体系的に学べるビジネス書11冊を分野別に厳選し、活用方法と共にご紹介します 各分野の必読書を知ることで、効率的に経営知識を習得し、起業時によくある失敗を事前に回避できるようになります 読了時間: 約15分 起業成功のための必読ビジネス書11選 起業を成功させるには、経営に関する幅広い知識が必要です。しかし、すべてを実践で学ぶには時間もリスクも大きすぎます。先人の知恵と経験が凝縮されたビジネス書から学ぶことで、効率的に必要な知識を習得し、よくある失敗を回避することができます。 本記事では、マインドセット、組織運営、マーケティング、財務管理、戦略立案という起業に不可欠な5つの分野から、実践的で即効性のあるビジネス書を厳選しました。各書籍の要点と活用方法を具体的に解説し、どのような場面で役立つかを明確にし

新しくウェブサイトを作成する際に必要なことが多い「プライバシー・ポリシー（個人情報保護方針）」「免責事項」。一般的な書き方サンプルをメモします。 個人情報保護方針とは ウェブサイトにおいて、収集した個人情報をどう扱うのか（保護するのか、それとも一定条件の元に利用するのか）などを、サイトの管理者が定めた規範のこと。個人情報保護方針などともいう。 当社は、以下のとおり個人情報保護方針を定め、個人情報保護の仕組みを構築し、全従業員に個人情報保護の重要性の認識と取組みを徹底させることにより、個人情報の保護を推進致します。 個人情報の管理 当社は、お客さまの個人情報を正確かつ最新の状態に保ち、個人情報への不正アクセス・紛失・破損・改ざん・漏洩などを防止するため、セキュリティシステムの維持・管理体制の整備・社員教育の徹底等の必要な措置を講じ、安全対策を実施し個人情報の厳重な管理を行ないます。 個人情報

ファーストビューで大きめのイメージやムービーなどを配置しているサイトで設置されていることが多い、次のコンテンツがあることを示したりスクロールするよう促すアイコンやボタンをCSSで表現してみたサンプル全10種類です。 クリックした際に次のコンテンツへスクロールされる動きなどはJavaScriptを使用していますが、矢印の見栄えやアニメーションなどに関してはCSSのみで実装してあります。 共通のHTML・CSS 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなHTMLを使用しています。

We’re getting things ready Loading your experience… This won’t take long.

介護・医療に携わる皆様、こんにちは。 社会福祉法人あかね クリエイティブチームのかずおです。 今回は、介護・医療に携わる皆様のために、“それ系”のフリー素材を扱うサイトを、高品質かつ無料で使えるものに絞ってまとめました。資料作成する時なんかにあらかじめ知ってると捗りますよ！ フリー素材とは フリー素材を紹介する前に…… 本来、他人の写真やイラストを使用するには、使用者が著作者に「こういう媒体でこのように使用したいのですが」と持ちかけて、「ではこの料金を払ってもらえれば使用してもいいですよ」とか「どうぞご自由にお使いください」といった許可を得る必要があるんです。でもこれは使用者・著作者どっちにとってもめちゃくちゃ面倒な作業ですよね。 「フリー素材」とは、あらかじめ「この条件であれば自由に使ってもいいですよ」と明示している写真やイラストのことをいいます。気をつけてほしいのは、どの素材にも必ず使