HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

crontabの設定方法をすぐに忘れるのでメモ代わりにまとめています。 ※最初にまとめてからかなり時間が経過したので、内容の精査とその間に勉強した項目を追加しました。 crontabを設定する方法 crontabを設定する方法には２通りの方法があるので説明をしていきます。 crontab -e ※コマンドで設定 crontab ファイル　※ファイルを読み込んで設定 「crontab -e」コマンドで設定 「crontab -e」コマンドを実行するとcronを設定する画面が表示されます。 「e」では無く、横にある「r」を誤って指定してしまうと、設定されているcronの内容が削除されてしまうので注意してください。 $ crontab -e 設定を編集する画面が表示されるので、下記のような書式で設定を行います。 00 * * * * /root/disk-space.sh ちなみに、設定している

夏到来!! 桃の季節に桃モッツア！ しかし、 この夏は異変が…。ということで正しい桃モッツアレラの作り方をぜひ！ もともとは料理家の内田真美先生考案のレシピでございます。 そして、すべてはツレヅレハナコさんのこの嘆きから始まったのであった…↓ ツレヅレハナコ @turehana 「桃とモッツアレラのサラダ」の反響を誰かがまとめているｗ　確かに今年は「桃　モッツアレラ」でツイッター内検索すると大変なことに…。でも、できれば桃缶とポッカレモンではなく、生の桃とレモンがオススメ！（ね、内田センセー！@muccida）matome.naver.jp/odai/214084373…

Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi

この画像、車がぐりんぐりん動いてますが、元は1枚の静止画像だったって言ったら信じられますか……？ カーネギーメロン大学ロボット工学研究所が、二次元の画像を立体的に操作できる画像編集ツールを開発し話題になっています。従来のツール（Photoshopなど）でも、写真の中の物体を切り取って動かしたりすることはできましたが、このツールを使えば、物体そのものをつかんでグリグリと立体的に動かしたり、さらには写真に写っていないはずの“裏側”をひっくり返して見たりできるようになります。い、一体どういう仕組みなんだ……。 実はこのツール、インターネット上に公開されている膨大な3Dモデルを参照し、写真の中にある物体を指定してあげると、それに近い形のものを拾って3D化してくれるという仕組み。色や光の当たり具合などは写真から自動で抽出・合成してくれるため、まるで写真の中の物が3D化されて動き出したように見えるとい

2014年8月9日からいよいよ始まる甲子園。球児たちのアツい戦いはもちろん注目だが、吹奏楽部（ブラスバンド）の演奏を楽しみにしており、それを聞いて甲子園シーズンの到来を感じる人も多いはずだ。 しかし楽しみにしている一方で「聞いたことあるけど、アレって何ていう曲だっけ」という人もいることだろう。そこで今回は、甲子園の開幕を前に「甲子園のブラスバンドで使用されている定番の楽曲20選」として、動画と合わせてご紹介するぞ！ 【甲子園のブラスバンドで使用されている定番の楽曲20選】 ・アフリカン・シンフォニー 甲子園といえばこの曲！　という人が多いと思われる『アフリカン・シンフォニー』。アメリカの作曲家ヴァン・マッコイ氏の作品であり、今でも多くの高校が応援曲として採用している。 ・狙いうち 続いては1973年に山本リンダさんがリリースした『狙いうち』。高校野球だけではなく、大学野球、そしてプロ野球で

［引用元］http://adawards.dentsu.jp/prize/detail/115 サントリーさんが「休肝日の上手いお酒の断り方」を相撲の四十八手にたとえた画像が面白すぎます。一つ一つのイラストと台詞が秀逸で、よくこんなにネタを詰め込んだなーと感心するレベル！　皆さんもどうぞ！ 高飛車お嬢様風で ［引用元］http://adawards.dentsu.jp/prize/detail/115 土下座芸 ［引用元］http://adawards.dentsu.jp/prize/detail/115 そんなことを言われたら ［引用元］http://adawards.dentsu.jp/prize/detail/115 倒せそうにありません ［引用元］http://adawards.dentsu.jp/prize/detail/115 直球 ［引用元］http://adawards.d

CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s

前の前に所属していた会社では、社内用の各種管理ツールやBtoB向けのソリューションなどのWebアプリケーションを開発していたことがありました。ちょうどその時期に業務系ツールのUI/UXに関してまとめておいたメモが見つかり、目を通すと意外と的を得たことが書いてあったりしたので、再び記憶から忘れ去られてしまう前にここにアップすることにしました。2011年頃にまとめたやつですが、参考できる部分があれば是非参考にしてみてください。 業務系ツールを開発するときに気をつけたいこと1. データ（情報）を削除させる場合は、ボタン一押しで削除できるようにしない。ユーザーが誤ってデータを削除してしまうことを防ぐ。「削除してもよいですか」などのアラートを必ず出すようにする。また誤って削除してしまっても復活できるように、削除したデータは削除フラグを立てたり、ゴミ箱用DBに保存したりしておく。 2. フォームチェッ

要素を追加する 基本的なながれとしては以下のようになります。 1) 要素を追加したいオブジェクト（親オブジェクト）への参照を取得。 ID名で取得（確実） 親オブジェクト = document.getElementByID("ID名"); タグ名（TABLEとかTDとか）で取得。numは０から始まる順番 document.getElementsByTagName("タグ名").item(num); 2) 追加したい要素を生成。 オブジェクト名 = document.createElement("タグ名"); 3)生成した要素の属性をセット オブジェクト名.setAtrribute("属性","値"); 4)生成した要素を親オブジェクトへ追加 親オブジェクト.appendChild(オブジェクト名); ボタンをクリックした際にJavaScriptを実行するような属性を付けたい場合がありますが、

javascriptを使ってHTMLで作成したテーブルに行を追加したいのですが 行結合や列結合したものをボタンを押して追加しようとするとボタンを押すたびにテーブルが崩れてしまいます。 テーブルが崩れないように行を追加するにはどうすればいいのでしょうか ちなみに追加したい行は以下のようになっています。 一度ボタンを押すと以下の２行がまとめて追加され、且つ何度ボタンを押しても崩れないようにする方法を教えてください ***************************************************************** <tr> <td rowspan="2">a</td> <td rowspan="2">b</td> <td colspan="2">c</td> <td colspan="2">d</td> <td>e</td> </tr> <tr> <td>f</t

このページでは 16x16, 24x24, 32x32, 48x48, 64x64 の5つの画像を含むマルチアイコンを生成します。 16x16のみ、16x16と32x32の2個、などのアイコンも作成可能です。 入力された画像は指定サイズに拡大縮小されます。 長方形の画像を指定した場合は正方形に変形されます。 透過情報を含むPNG画像も指定可能です。 指定した大きさの画像がアイコン内に作成されます。 16x16の画像のみ作成する場合は16x16に画像を指定して下さい。 32x32の画像のみ作成する場合は32x32に画像を指定して下さい。 同時に複数画像を指定すると、マルチアイコンになります。 16x16と32x32に画像を同時に指定すると2サイズのマルチアイコンになります。 16x16,24x24,32x32,48x48,64x64すべてに同時に画像を指定すると、5サイズのマルチアイコンにな

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1） [technique 04] ビットマップ画像をベクターデータに変換する 文＝東 孝之（（株）ゼネラル・プレス） Tool Vector Magic URL http://vectormagic.com/home 写真素材を基にアイコンやロゴを作成する場合や、写真をイラスト風に加工する場合にベクターデータにしたいケースというのはよくある。写真のトレースは技術を要するし時間もかかるので、「Vector Magic」というオンラインツールを利用してみるとよい。ビットマップ画像をアップロードするだけで、ラスター画像をスキャニングして、かなり精度の高いベクターデータに変換してくれる。使いどころによってはかなり便利なツールだろう。 利用するには画像をアップロードするだけでよい 左が写真