ちょっとした裏技★【これってワードプレスのサイト?】

こんにちは!bibiです。

そろそろ熱くなってきた昨今、皆さまどうお過ごしでしょうか?

僕は家の冷房をつけずにシャワー上がりに
ハッカ水+扇風機でしのぐというドMっぷりで今夏3年目に入りました。笑
ハッカ水はハッカ油をペットボトルや空のスプレーなんかに水を入れて
数滴垂らすだけで、超フレッシュ&クールになります!
満タンの湯舟でも、5滴も入れれば十分さわやか!皆さまお試しをを~

 

さてさて、本日は裏技をひとつ。

 

かっこいいサイトを見たときに、

「このページ、どうやって作ってるんだろう・・・?」

って思いますよね?そんなあなたは、ズバリ、職業病!

 

・・・まあ、自分ですけどね。

 

なんとなくこのサイトワードプレスっぽいなー、っていう感じがあるんですよ。
ビンビン来るんです。そんな時に試すことが、これ。。

 

サイトURLの最後に「wp-admin」とつける。

 

もしワードプレスのサイトなら、ログイン画面に遷移します。

もしhtmlベースのサイトなら、not found やTOPにリダイレクトされるなどの挙動となります。

 

これ、もちろん100%ではないのですが、体感で70%くらいの確率で確認できますね。
※wp-adminは隠すこともできるので。

 

ちなみに当サイトは・・・ヤダ///恥ずかしいんで////見ないでね////////

 

これを使って、気になるあの娘のあのサイトが、ワードプレスかそうじゃないかわかる可能性が上がる!
これは試して見るべきですゾ★

 

それでは皆様、快適な社畜ライフを☆彡

【Slack】【Google Drive】【サイボウズ】クラウドツールを活用しまくろう!【チャットワーク】【backlog】

こんにちは!bibiです。

日々のコミュニケーションツール、活用していますか?

メールでやり取りを積み重ねているあなた!

電話で話したリマインドをメールで共有しているあなた!!

あの時の内容が乗っているメールどこだっけ・・・?
いつの電話であの案件のその内容、話したっけ・・・?

そんなことにならないように、やり取りができるクラウドのご紹介です!
もちろんっ全部無料!!

1.slack
使いやすさ★★★☆☆
共有しやすさ★★★☆☆
使い込み度★★★☆☆
https://slack.com/intl/ja-jp
UIはお洒落で、直感的に使えるので、相手とのやり取りに最適!
ただ、海外発のツールなせいか、シンプルすぎて素っ気ないと思うところもありますね。。

2.google drive (+スプレッドシート)
使いやすさ★★★★☆
共有しやすさ★★★★★
使い込み度★★★★★
https://www.google.com/intl/ja_ALL/drive/
グーグルに登録していれば誰でも使えます!
ドライブで素材受け渡しは容量多く使え、スプレッドシートではほぼエクセルを、クラウドで共有できます。
クライアントとのやり取りやイメージの共有、議事録共有など、これさえあればメールなんて何それ美味しいの?という感じです!

3.サイボウズ
使いやすさ★★★☆☆
共有しやすさ★★★☆☆
使い込み度★★★★☆
https://cybozulive.com
グループチャット、スケジュール管理、Todoリスト、共有フォルダなど、多機能で使い勝手がいいこのツール。
惜しむらくは、2019年4月にサービス終了との事・・・

4.backlog
使いやすさ★★★☆☆
共有しやすさ★★★★☆
使い込み度★★★★★
https://backlog.com/ja/
タスク管理・進捗管理などを多用するならこれ!元からgitが組み込まれているなど、諸々機能があるのでいろいろやりたい方はおススメ!
ただ、無料バージョンだとそこそこ制限がかかるので、ある程度使い込んだ後に有料化してもいいかも。。

5.チャットワーク
使いやすさ★★★★★
共有しやすさ★★★★☆
使い込み度★★☆☆☆
https://go.chatwork.com/ja/
グループチャット、ファイル共有、それに加えてユーザー追加もしやすく、かゆいところに手が届きまくっているツール!
直感的に把握しやすいため、とっかかり~中級者は愛用間違いなしです!
ただこれも、無料版だとグループ作成制限などあるので、使い込む場合は有料版をお勧めします。

僕は先方とのやりとりはgoogle driveのスプレッドシートちゃん、社内での案件共有はチャットワークちゃんと、使い分けております!

皆様も自分に合ったクラウドツールを使って、快適なWEBライフを☆彡

【無料】画像の文字をテキストに書き起こす魔法の機能が、簡単に使える!!

こんにちは!bibiです。

クライアントから画像をもらって中身を文字起こしする・・・
無駄な作業TOP10に入るこの業務、人類ならば一度は経験していますよね!?

そんなあなた(僕)に朗報が!!!

なんと、画像をアップロードしてちょいちょいするだけで、
無料で文字お越ししてくれる機能があるのです!!!

手順としては、超簡単!
グーグルドライブを使います!

1.PCで文字起こしをしたい画像をグーグルドライブにアップロード
2.その画像を右クリック。「アプリで開く」から「Google ドキュメント」を選択

これだけ。

別ウィンドウが開き、ドキュメントシートの下に、起こされた文字がテキストで入っております!

これ、かなり精度が高い!
注意点としては、
・ファイルサイズを2MB以下
・テキストの高さを10px以上
・画像の向きをそろえる

コントラストがはっきりした画像だと、より正確になります。

僕の脳内もこんなばっちり書き写されちゃいました!///

それじゃあ!快適なWEBライフを☆彡

ちょっぴり差をつけよう!斜め背景のデザイン

こんにちは!bibiです。風邪が流行ってますねー
自分もその流行に乗りいまだに喉がつらいのと鼻が利かない後遺症に悩まされております。

鼻が利かないと味がよくわからないんですよね!
食事が美味しく摂れないことが風邪ひいたことより凹んでおります。。
まあ風邪には恨みはありませんよ!!むしろ少し休めてよかっ(略)

皆さんも風邪、気を付けてくださいねー! 風邪にはビタミンCと、身体を温かくして
さっさと寝ちまうのが一番ですよ★ミ

それじゃあ!快適なWEBライフを☆彡

 

 

 

 

 

 

 

 

おっと忘れてた・・・

 

 

 

 

 

 

 

 

記事ですよ記事!

誰も書かないなんて言ってないじゃないですか!!(逆ギレ)

 

 

 

 

えーと・・・

 

 

今回は・・・

 

 

誰にでも簡単にできます!背景を斜めにするデザインです!

 

htmlはまずこちら。

おっと心の声がだだ洩れ。。まあ事実ですからねしょうがないね。

 

CSSは以下を書いてください。背景の色は僕の怒りを表しています。

これで準備完了!カンタンでしょ。。

 

 

ポイントは、背景に色を付けて、

 

ここで角度をつける。

 

斜めデザインだと初見で「おおっ!」って思われること請け合いです!

CSSのみで意外と簡単にできるので、皆さまお試しあれ!光あれ!

ちょっと差をつけよう!?【HTML】オッシャレーな便利機能【CSS】

ちょっと差をつけよう!?【HTML】オッシャレーな便利機能【CSS】

こんにちは!bibiです。

今回は、テキスト選択時のハイライトのカラーを変更する小技をこっそりお教えします!

工程は超カンタン!

cssにこちらを記述します。今回はハイライトに鮮やかな赤色を指定。

これでOK!どうでしょう!この1ステップのみのお手軽さ!!!

ここに例えば、文字色自体をこのように変えたり

P要素のみに限定してハイライトをつけたり

意外と自由度高く行うことができます!

これであなたもハイライト・マスター!!!!